:root{--font-body:"Pretendard Variable", Pretendard, "Pretendard JP Variable", -apple-system, "Apple SD Gothic Neo", "Hiragino Sans", system-ui, sans-serif;--font-body-ja:"Pretendard JP Variable", "Pretendard Variable", Pretendard, -apple-system, "Hiragino Sans", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--fs-2xs:11px;--fs-xs:13px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:21px;--fs-2xl:30px;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-heavy:800;--lh-tight:1.2;--lh-body:1.55;--lh-loose:1.6;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--r-control:8px;--r-card:12px;--r-pill:999px;--h-lg:52px;--h-md:44px;--h-sm:36px;--line:1px;--line-strong:1.5px;--shadow-float:0 6px 18px var(--shadow);--page-max:640px;--gutter:var(--sp-4)}
:root{--bg:#e6e9ec;--surface:#fdfcf8;--ink:#24231f;--ink-soft:#55534d;--rule:#cfd3d7;--control-bg:#fff;--primary-bg:#24231f;--on-primary:#fff;--accent:#9a5a12;--on-accent:#fff;--accent-soft:#fbefdc;--danger:#b3261e;--danger-soft:#fdecea;--focus:#1f6feb;--shadow:#1f1f1c24;--door:#eceef0;--door-top:#f4f5f6;--door-grain:#fff6;--door-handle:#c3c9cf;--door-handle-hi:#f7f8f9;--paper-memo:#fff1a6;--paper-veg:#cfeed2;--paper-fruit:#ffd3cf;--paper-meat:#f6d7b0;--paper-etc:#d5e6fb;--paper-plain:#fdfcf8;--paper-off:#ecebe5;--paper-rule:#466eaa3d;--note-ink:#2b2a26;--note-ink-soft:#45443f;--note-cheap:#1d6b3c;--note-dear:#a52a1f;--note-shadow:#00000059;--note-shadow-near:#0000000f;--note-curl:#00000017;--pin-red:#d8402f;--pin-red-hi:#ff9b8c;--pin-red-lo:#9e2a1e;--pin-blue:#3b78d8;--pin-blue-hi:#9fc3ff;--pin-blue-lo:#22508f;--magnet-edge:#0000002e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#23262a;--surface:#2c2f33;--ink:#ecebe6;--ink-soft:#b4b2ab;--rule:#3c4045;--control-bg:#2c2f33;--primary-bg:#ecebe6;--on-primary:#151514;--accent:#f0a751;--on-accent:#1d1408;--accent-soft:#3a2a17;--danger:#f2867a;--danger-soft:#3d2220;--focus:#6ea8ff;--shadow:#0006;--door:#26292d;--door-top:#2e3236;--door-grain:#ffffff08;--door-handle:#4a4f55;--door-handle-hi:#7b8188;--paper-memo:#e9d98f;--paper-veg:#b7d9ba;--paper-fruit:#e8bcb8;--paper-meat:#dcc09b;--paper-etc:#bccfe6;--paper-plain:#e4e3df;--paper-off:#c9c8c2;--paper-rule:#32508247;--note-ink:#23221e;--note-ink-soft:#3b3a35;--note-cheap:#145530;--note-dear:#8a2018;--note-shadow:#0009;--note-shadow-near:#0003;--note-curl:#0000001f;--pin-red:#c63b2b;--pin-red-hi:#f08a7c;--pin-red-lo:#86231a;--pin-blue:#346cc4;--pin-blue-hi:#8fb6f2;--pin-blue-lo:#1d447a;--magnet-edge:#0000004d}}:root[data-theme=dark]{--bg:#23262a;--surface:#2c2f33;--ink:#ecebe6;--ink-soft:#b4b2ab;--rule:#3c4045;--control-bg:#2c2f33;--primary-bg:#ecebe6;--on-primary:#151514;--accent:#f0a751;--on-accent:#1d1408;--accent-soft:#3a2a17;--danger:#f2867a;--danger-soft:#3d2220;--focus:#6ea8ff;--shadow:#0006;--door:#26292d;--door-top:#2e3236;--door-grain:#ffffff08;--door-handle:#4a4f55;--door-handle-hi:#7b8188;--paper-memo:#e9d98f;--paper-veg:#b7d9ba;--paper-fruit:#e8bcb8;--paper-meat:#dcc09b;--paper-etc:#bccfe6;--paper-plain:#e4e3df;--paper-off:#c9c8c2;--paper-rule:#32508247;--note-ink:#23221e;--note-ink-soft:#3b3a35;--note-cheap:#145530;--note-dear:#8a2018;--note-shadow:#0009;--note-shadow-near:#0003;--note-curl:#0000001f;--pin-red:#c63b2b;--pin-red-hi:#f08a7c;--pin-red-lo:#86231a;--pin-blue:#346cc4;--pin-blue-hi:#8fb6f2;--pin-blue-lo:#1d447a;--magnet-edge:#0000004d}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--lh-body);margin:0}:lang(ja){font-family:var(--font-body-ja)}h1,h2,h3{line-height:var(--lh-tight);margin:0}h1{font-size:var(--fs-2xl);font-weight:var(--fw-heavy)}h2{font-size:var(--fs-xl);font-weight:var(--fw-heavy)}h3{font-size:var(--fs-lg);font-weight:var(--fw-bold)}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.page{max-width:var(--page-max);padding:var(--sp-8) var(--gutter) var(--sp-16);margin:0 auto}.sections{gap:var(--sp-8);display:grid}.stack{gap:var(--sp-3);display:grid}.muted{color:var(--ink-soft)}.hint{color:var(--ink-soft);font-size:var(--fs-sm)}.alert{color:var(--danger);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.card{background:var(--surface);border:var(--line) solid var(--rule);border-radius:var(--r-card);padding:var(--sp-4)}.chip{align-items:center;gap:var(--sp-1);padding:0 var(--sp-3);min-height:var(--h-sm);border-radius:var(--r-pill);background:var(--control-bg);border:var(--line) solid var(--rule);font-size:var(--fs-sm);display:inline-flex}.button{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--h-md);padding:0 var(--sp-4);border-radius:var(--r-control);border:var(--line-strong) solid transparent;font:inherit;font-weight:var(--fw-bold);cursor:pointer;text-decoration:none;display:inline-flex}.button:disabled{cursor:default;opacity:.6}.button--primary{background:var(--primary-bg);color:var(--on-primary)}.button--sub{background:var(--control-bg);color:var(--ink);border-color:var(--ink)}.button--quiet{color:var(--ink-soft);border-color:var(--rule);background:0 0}.button--danger{color:var(--danger);border-color:var(--danger);background:0 0}.button--large{min-height:var(--h-lg);font-size:var(--fs-lg)}.button--small{min-height:var(--h-sm);padding:0 var(--sp-3);font-size:var(--fs-sm)}.button--block{width:100%}.field{gap:var(--sp-2);border:0;min-width:0;margin:0;padding:0;display:grid}.field>span,.field>legend{font-weight:var(--fw-medium);padding:0}.input,.textarea{width:100%;min-height:var(--h-md);font:inherit;color:var(--ink);background:var(--control-bg);border:var(--line) solid var(--rule);border-radius:var(--r-control);padding:var(--sp-2) var(--sp-3)}.textarea{min-height:calc(var(--h-md) * 2);resize:vertical}.choices{gap:var(--sp-2) var(--sp-4);flex-wrap:wrap;display:flex}.choices--stack{flex-direction:column}.choices label{align-items:center;gap:var(--sp-2);min-height:var(--h-sm);display:flex}.trap{position:absolute;left:-9999px}
.door{--hand-scale:1.3;--deg:0deg;--swing:1;--flap:0deg}body{background-color:var(--door);background-image:repeating-linear-gradient(90deg, var(--door-grain) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--door-top), var(--door));background-attachment:fixed}.door{word-break:keep-all;position:relative}.door:before{content:"";top:calc(var(--sp-16) * 2);width:var(--sp-2);height:calc(var(--sp-16) * 3);border-radius:var(--r-control);background:linear-gradient(90deg, var(--door-handle), var(--door-handle-hi) 45%, var(--door-handle));box-shadow:-2px 3px 6px var(--shadow);position:fixed;right:0}.hand{font-family:Gaegu, var(--font-body)}.hand,.door-title,.paper h2,.paper h3,.memo-line,.group-title,.note__name{letter-spacing:-.06em}.eyebrow{color:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.door-title{font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-2xl) * var(--hand-scale));font-weight:var(--fw-bold);line-height:1}.paper{color:var(--note-ink);box-shadow:0 1px 1px var(--note-shadow-near), 0 12px 16px -10px var(--note-shadow);position:relative}.paper h2,.paper h3{font-family:Gaegu, var(--font-body);font-weight:var(--fw-bold)}.paper--memo{background:var(--paper-memo);padding:var(--sp-6) var(--sp-4) var(--sp-4);transform:rotate(-1.2deg)}.paper--plain{background:var(--paper-plain)}.paper--off{background:var(--paper-off)}.memo-title{font-size:calc(var(--fs-xl) * var(--hand-scale))}.memo-label{align-items:center;gap:var(--sp-1);font-size:var(--fs-sm);font-weight:var(--fw-bold);display:flex}.memo-label--cheap{color:var(--note-cheap)}.memo-label--dear{color:var(--note-dear)}.memo-line{font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-lg) * var(--hand-scale));line-height:var(--lh-tight)}.memo-more{color:var(--note-ink-soft);font-size:var(--fs-xs)}.pin{top:calc(var(--sp-3) * -1);width:var(--sp-6);height:var(--sp-6);margin-left:calc(var(--sp-3) * -1);border-radius:var(--r-pill);background:radial-gradient(circle at 35% 30%, var(--pin-red-hi) 0 18%, var(--pin-red) 45%, var(--pin-red-lo) 100%);box-shadow:0 3px 5px var(--note-shadow);position:absolute;left:50%}.pin--blue{background:radial-gradient(circle at 35% 30%, var(--pin-blue-hi) 0 18%, var(--pin-blue) 45%, var(--pin-blue-lo) 100%)}.magnets{gap:var(--sp-2);padding:var(--sp-1) var(--sp-1) var(--sp-2);margin:0 calc(var(--sp-1) * -1);display:flex;overflow-x:auto}.magnet{min-height:var(--h-md);padding:0 var(--sp-4);border-radius:var(--r-pill);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--note-ink);cursor:pointer;box-shadow:inset 0 -3px 0 var(--magnet-edge), 0 4px 6px -2px var(--note-shadow);border:0;flex-shrink:0;transition:transform .15s}.magnet[aria-pressed=true]{box-shadow:inset 0 -1px 0 var(--magnet-edge), 0 1px 2px var(--note-shadow);outline:2px solid var(--ink);outline-offset:2px;transform:translateY(2px)}[data-paper=all]{background:var(--paper-memo)}[data-paper=채소]{background:var(--paper-veg)}[data-paper=과일]{background:var(--paper-fruit)}[data-paper=축산]{background:var(--paper-meat)}[data-paper=기타]{background:var(--paper-etc)}.group-title{align-items:baseline;gap:var(--sp-2);font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-xl) * var(--hand-scale));display:flex}.group-title small{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-soft)}.group-title--cheap{color:var(--note-cheap)}.group-title--dear{color:var(--note-dear)}:root[data-theme=dark] .group-title--cheap,:root[data-theme=dark] .group-title--dear{color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .group-title--cheap,:root:not([data-theme=light]) .group-title--dear{color:var(--ink)}}.notes{gap:var(--sp-4) var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.notes{grid-template-columns:repeat(4,minmax(0,1fr))}}.note{width:100%;min-height:calc(var(--sp-16) + var(--sp-8));gap:calc(var(--sp-1) / 2);padding:var(--sp-3) var(--sp-2);text-align:left;font:inherit;color:var(--note-ink);cursor:pointer;transform-origin:50% 4px;transform:rotate(calc(var(--deg) + var(--flap) * var(--swing)));border:0;flex-direction:column;transition:transform .7s cubic-bezier(.2,1.7,.35,1),box-shadow .25s;display:flex}.note:after{content:"";width:var(--sp-4);height:var(--sp-4);background:linear-gradient(135deg, transparent 50%, var(--note-curl) 50%);position:absolute;bottom:0;right:0}.notes>li:has(.note[aria-expanded=true]){grid-column:1/-1}@media (hover:hover){.note:hover{box-shadow:0 2px 2px var(--note-shadow-near), 0 18px 22px -10px var(--note-shadow);transform:rotate(0)translateY(-4px)scale(1.04)}}.note__name{font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-md) * var(--hand-scale));font-weight:var(--fw-bold);line-height:1}.note__pct{font-size:var(--fs-xl);font-weight:var(--fw-heavy);line-height:var(--lh-tight)}.note[data-signal=cheap] .note__pct{color:var(--note-cheap)}.note[data-signal=dear] .note__pct{color:var(--note-dear)}.note__meta{font-size:var(--fs-xs);color:var(--note-ink-soft)}.note__outlook{font-size:var(--fs-xs);font-weight:var(--fw-bold)}.note__outlook[data-dir=up]{color:var(--note-dear)}.note__outlook[data-dir=down]{color:var(--note-cheap)}.note__detail{gap:var(--sp-1);margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px dashed var(--note-curl);font-size:var(--fs-sm);line-height:var(--lh-body);display:grid}.paper--lined{padding:var(--sp-6) var(--sp-4) var(--sp-3);transform:rotate(.8deg)}.lined-list{column-gap:var(--sp-4);line-height:var(--lh-loose);font-size:var(--fs-md);background-image:repeating-linear-gradient(to bottom, transparent 0 calc(1lh - 1px), var(--paper-rule) calc(1lh - 1px) 1lh);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.lined-list li{justify-content:space-between;align-items:baseline;gap:var(--sp-1);min-height:1lh;display:flex}.lined-list .hand{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(var(--fs-md) * var(--hand-scale));line-height:1;overflow:hidden}.lined-list small{font-size:var(--fs-xs);color:var(--note-ink-soft);flex-shrink:0}.pair{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.paper--small{gap:var(--sp-1);padding:var(--sp-4) var(--sp-3) var(--sp-3);font-size:var(--fs-xs);line-height:var(--lh-body);display:grid}.paper--small h2{font-size:calc(var(--fs-lg) * var(--hand-scale))}.paper--small:first-child{transform:rotate(-1.6deg)}.paper--small:nth-child(2){transform:rotate(1.4deg)}.fold{min-height:var(--h-md);font:inherit;font-size:var(--fs-sm);color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}@media (prefers-reduced-motion:reduce){.note,.magnet{transition:none}}.paper h2 small,.group-title small{font-family:var(--font-body);font-weight:var(--fw-medium);letter-spacing:normal}.paper--pad{padding:var(--sp-6) var(--sp-4) var(--sp-4);transform:rotate(-.6deg)}.pad-question{gap:var(--sp-2);display:grid}.pad-question__title{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.pad-choices{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pad-choice{min-height:var(--h-sm);padding:0 var(--sp-3);border:var(--line) dashed var(--note-ink-soft);border-radius:var(--r-control);font:inherit;font-size:var(--fs-sm);color:var(--note-ink);cursor:pointer;background:0 0}.pad-choice[aria-pressed=true]{background:var(--paper-memo);font-weight:var(--fw-bold);border-style:solid}.pad-choice:disabled{cursor:default}.pad-choice:disabled:not([aria-pressed=true]){opacity:.5}.pad-form{gap:var(--sp-2);display:grid}.pad-textarea{font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-md) * var(--hand-scale));color:var(--note-ink);border-color:var(--note-ink-soft);background:0 0}.pad-submit{justify-self:start}.pad-thanks{font-family:Gaegu, var(--font-body);font-size:calc(var(--fs-lg) * var(--hand-scale));letter-spacing:-.06em}