@font-face{font-family:Black Han Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/black-han-sans-korean-400-normal.2pblenhq9zi0h.woff2)format("woff2"),url(../media/black-han-sans-korean-400-normal.3i5ju5qypc4k5.woff)format("woff")}
@font-face{font-family:Gaegu;font-style:normal;font-display:swap;font-weight:400;src:url(../media/gaegu-korean-400-normal.1y8jdzql087zb.woff2)format("woff2"),url(../media/gaegu-korean-400-normal.1cstn8pvs0qf2.woff)format("woff")}
@font-face{font-family:Gothic A1;font-style:normal;font-display:swap;font-weight:400;src:url(../media/gothic-a1-korean-400-normal.1f8vk8ua4d9ir.woff2)format("woff2"),url(../media/gothic-a1-korean-400-normal.0itab5rld33es.woff)format("woff")}
:root{--prim-black:#111;--prim-white:#fff;--prim-paper:#fffdf6;--prim-steel-50:#f4f6f9;--prim-steel-100:#eef1f5;--prim-steel-150:#e4e8ee;--prim-steel-200:#dde2e8;--prim-steel-250:#e2e6ec;--prim-steel-300:#c9cfd8;--prim-gray-400:#8a9099;--prim-gray-600:#50565f;--prim-red-100:#ffe8e6;--prim-red-300:#ff9b94;--prim-red-700:#b3261e;--prim-yellow-100:#fff6c7;--prim-yellow-300:#ffe066;--prim-blue-100:#e3edff;--prim-blue-300:#9cc8ff;--prim-blue-700:#1f4fd1;--prim-green-300:#98e6b0;--prim-pink-300:#ffb8d4;--prim-orange-300:#ffc27a;--prim-tape:#ffec96e0;--prim-gloss:#ffffff8c;--prim-magnet-pink:#ff5fa2;--prim-magnet-lime:#c6f432;--prim-magnet-blue:#3d5afe;--prim-magnet-orange:#ff8a3d;--prim-magnet-yellow:#ffd84d;--prim-font-display:"Black Han Sans", "Gothic A1", "Malgun Gothic", sans-serif;--prim-font-hand:"Gaegu", "Gothic A1", "Malgun Gothic", sans-serif;--prim-font-body:"Gothic A1", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;--prim-font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--color-bg-fridge:var(--prim-steel-100);--color-bg-fridge-line:var(--prim-steel-200);--color-fridge-handle:var(--prim-steel-300);--color-surface:var(--prim-paper);--color-surface-raised:var(--prim-white);--color-surface-memo:var(--prim-yellow-100);--color-memo-line:var(--prim-steel-300);--color-text:var(--prim-black);--color-text-inverse:var(--prim-white);--color-text-muted:var(--prim-gray-600);--color-border:var(--prim-black);--color-tape:var(--prim-tape);--color-action-primary:var(--prim-yellow-300);--color-action-secondary:var(--prim-white);--color-action-danger:var(--prim-red-700);--color-on-danger:var(--prim-white);--color-focus:var(--prim-blue-700);--color-error:var(--prim-red-700);--color-error-surface:var(--prim-red-100);--color-disabled-bg:var(--prim-steel-200);--color-disabled-text:var(--prim-gray-600);--color-disabled-border:var(--prim-gray-400);--color-selected:var(--prim-blue-300);--color-selected-surface:var(--prim-blue-100);--color-pending:var(--prim-orange-300);--color-category-development:var(--prim-blue-300);--color-category-daily:var(--prim-green-300);--color-category-outing:var(--prim-pink-300);--color-magnet-1:var(--prim-magnet-pink);--color-magnet-2:var(--prim-magnet-lime);--color-magnet-3:var(--prim-magnet-blue);--color-magnet-4:var(--prim-magnet-orange);--color-magnet-5:var(--prim-white);--color-magnet-6:var(--prim-magnet-yellow);--color-on-magnet-3:var(--color-text-inverse);--color-heart:var(--prim-red-300);--font-display:var(--prim-font-display);--font-hand:var(--prim-font-hand);--font-body:var(--prim-font-body);--font-code:var(--prim-font-mono);--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem);--text-display:clamp(1.75rem, 1.2rem + 3vw, 3.25rem);--leading-tight:1.25;--leading-body:1.7;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--border-width:3px;--border:var(--border-width) solid var(--color-border);--border-dashed:var(--border-width) dashed var(--color-border);--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-offset:4px 4px 0 var(--color-border);--shadow-offset-lg:6px 6px 0 var(--color-border);--shadow-pressed:1px 1px 0 var(--color-border);--press-shift:3px;--tilt-left:-1.5deg;--tilt-right:1.5deg;--tilt-tape:-4deg;--tilt-magnet:3deg;--focus-ring-width:3px;--focus-ring-offset:3px;--size-touch:44px;--size-textarea:7.5rem;--size-tape-width:5.5rem;--size-tape-height:1.5rem;--size-swatch:3rem;--size-magnet:clamp(3.5rem, 2rem + 5vw, 5.75rem);--size-magnet-gap:6px;--size-fridge-handle-width:22px;--size-fridge-handle-height:300px;--fridge-handle-top:300px;--fridge-handle-right:40px;--layout-content:72rem;--layout-gutter:clamp(1rem, 4vw, 2rem);--layout-card-min:16rem;--layout-field-min:14rem;--surface-fridge-pattern:linear-gradient(90deg, var(--prim-steel-150) 0, var(--prim-steel-50) 18%, var(--prim-steel-100) 60%, var(--prim-steel-250) 100%);--surface-memo-pattern:repeating-linear-gradient(180deg, transparent 0 calc(1.7em - 1px), var(--color-memo-line) calc(1.7em - 1px) 1.7em);--motion-fast:.12s;--motion-base:.2s;--ease-out:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s}html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}
.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-width:var(--size-touch);min-height:var(--size-touch);padding:var(--space-2) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-action-primary);box-shadow:var(--shadow-offset);color:var(--color-text);font:inherit;font-weight:var(--weight-bold);line-height:var(--leading-tight);text-align:center;cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);display:inline-flex}.ui-button:hover:not(:disabled){box-shadow:var(--shadow-offset-lg)}.ui-button:active:not(:disabled){transform:translate(var(--press-shift), var(--press-shift));box-shadow:var(--shadow-pressed)}.ui-button--secondary{background:var(--color-action-secondary)}.ui-button--dashed{border:var(--border-dashed);background:var(--color-surface);box-shadow:none}.ui-button--dashed:hover:not(:disabled){box-shadow:var(--shadow-offset)}.ui-button--danger{background:var(--color-action-danger);color:var(--color-on-danger)}.ui-button:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);box-shadow:none;color:var(--color-disabled-text);cursor:not-allowed}.ui-button[data-pending]{border-color:var(--color-border);background:var(--color-pending);color:var(--color-text);cursor:progress;border-style:dashed}.ui-field{align-content:start;gap:var(--space-1);min-width:0;display:grid}.ui-field__label-row{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-field__label{font-weight:var(--weight-bold)}.ui-field__required{color:var(--color-text-muted);font-size:var(--text-xs)}.ui-field__control{width:100%;min-width:0;min-height:var(--size-touch);padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.ui-field__control--multiline{min-height:var(--size-textarea);resize:vertical}.ui-field__control[aria-invalid=true]{border-color:var(--color-error);background:var(--color-error-surface)}.ui-field__control:disabled{border-color:var(--color-disabled-border);background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.ui-field__hint,.ui-field__error{font-size:var(--text-sm);margin:0}.ui-field__hint{color:var(--color-text-muted)}.ui-field__error{color:var(--color-error);font-weight:var(--weight-bold)}
.ui-badge{max-width:100%;padding:var(--space-1) var(--space-3);border:var(--border);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-tight);align-items:center;display:inline-flex}.ui-badge--development{background:var(--color-category-development)}.ui-badge--daily{background:var(--color-category-daily)}.ui-badge--outing{background:var(--color-category-outing)}.ui-badge--selected{background:var(--color-selected)}.ui-badge--pending{background:var(--color-pending);border-style:dashed}.ui-badge--error{border-color:var(--color-error);background:var(--color-error-surface);color:var(--color-error)}.ui-tape{max-width:100%;padding:var(--space-1) var(--space-4);background:var(--color-tape);color:var(--color-text);font-family:var(--font-hand);font-size:var(--text-lg);line-height:var(--leading-tight);transform:rotate(var(--tilt-tape));display:inline-block}.ui-tape--right{transform:rotate(calc(var(--tilt-tape) * -1))}.ui-magnet-title{margin:0;font-weight:400;line-height:1}.ui-magnet-title__letters{gap:var(--space-3) var(--space-6);font-family:var(--font-display);flex-wrap:wrap;display:flex}.ui-magnet-title__word{gap:var(--size-magnet-gap);display:flex}.ui-magnet-title__letter{--magnet-color:var(--color-magnet-1);--magnet-ink:var(--color-text);--magnet-tilt:calc(var(--tilt-magnet) * -1);width:var(--size-magnet);height:var(--size-magnet);border:var(--border);border-radius:var(--radius-lg);background:var(--magnet-color);box-shadow:var(--shadow-offset-lg);color:var(--magnet-ink);font-size:calc(var(--size-magnet) * .7);transform:rotate(var(--magnet-tilt));place-items:center;display:inline-grid}.ui-magnet-title__letter[data-tone="2"]{--magnet-color:var(--color-magnet-2);--magnet-tilt:var(--tilt-left)}.ui-magnet-title__letter[data-tone="3"]{--magnet-color:var(--color-magnet-3);--magnet-ink:var(--color-on-magnet-3);--magnet-tilt:var(--tilt-left)}.ui-magnet-title__letter[data-tone="4"]{--magnet-color:var(--color-magnet-4);--magnet-tilt:var(--tilt-magnet)}.ui-magnet-title__letter[data-tone="5"]{--magnet-color:var(--color-magnet-5);--magnet-tilt:calc(var(--tilt-magnet) * -1)}.ui-magnet-title__letter[data-tone="6"]{--magnet-color:var(--color-magnet-6);--magnet-tilt:var(--tilt-right)}@media (max-width:760px){.ui-magnet-title__letter{border-radius:var(--radius-md);box-shadow:var(--shadow-offset)}}.ui-sticker{align-content:start;justify-items:start;gap:var(--space-2);min-width:0;padding:var(--space-8) var(--space-4) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-offset);display:grid;position:relative}.ui-sticker:before{content:"";top:calc(var(--size-tape-height) / -2);left:calc(50% - var(--size-tape-width) / 2);width:var(--size-tape-width);height:var(--size-tape-height);background:var(--color-tape);transform:rotate(var(--tilt-tape));position:absolute}.ui-sticker--left{transform:rotate(var(--tilt-left))}.ui-sticker--right{transform:rotate(var(--tilt-right))}.ui-sticker__title{font-size:var(--text-lg);line-height:var(--leading-tight);margin:0}.ui-sticker__link{min-height:var(--size-touch);padding-block:var(--space-2);text-underline-offset:4px;text-decoration-thickness:2px;display:inline-block}.ui-sticker__meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.ui-sticker__excerpt{margin:0}.ui-memo{min-width:0;padding:var(--space-4) var(--space-6);border:var(--border);border-radius:var(--radius-sm);background-color:var(--color-surface-memo);background-image:var(--surface-memo-pattern);background-position:0 var(--space-4);box-shadow:var(--shadow-offset);font-family:var(--font-hand);font-size:var(--text-lg);line-height:var(--leading-body)}.ui-memo__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:calc(var(--text-lg) * var(--leading-body) * 2);margin:0}.ui-memo__body>*{margin:0}
.ui-category-nav__list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ui-category-nav__link{min-height:var(--size-touch);padding:var(--space-1) var(--space-4);border:var(--border);border-radius:var(--radius-pill);background:var(--color-surface-raised);font-weight:var(--weight-bold);align-items:center;text-decoration:none;display:inline-flex}.ui-category-nav__link[data-category=development]{background:var(--color-category-development)}.ui-category-nav__link[data-category=daily]{background:var(--color-category-daily)}.ui-category-nav__link[data-category=outing]{background:var(--color-category-outing)}.ui-category-nav__link[aria-current=page]{box-shadow:var(--shadow-offset);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.ui-toc{min-width:0;padding:var(--space-4);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface-memo);box-shadow:var(--shadow-offset);transform:rotate(var(--tilt-right))}.ui-toc__title{margin:0 0 var(--space-2);font-family:var(--font-hand);font-size:var(--text-lg);font-weight:var(--weight-bold)}.ui-toc__list{padding-left:var(--space-6);margin:0}.ui-toc__list li[data-level="3"]{margin-left:var(--space-4);list-style-type:circle}.ui-toc__link{min-height:var(--size-touch);align-items:center;display:inline-flex}.ui-post-nav{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--layout-card-min)), 1fr));gap:var(--space-4);display:grid}.ui-post-nav__link{gap:var(--space-1);min-height:var(--size-touch);padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-offset);text-decoration:none;display:grid}.ui-post-nav__link--next{text-align:right}.ui-post-nav__dir{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-post-nav__title{font-weight:var(--weight-bold)}.ui-heart{align-items:center;gap:var(--space-3);display:inline-flex}.ui-heart__button{width:calc(var(--size-touch) + var(--space-3));height:calc(var(--size-touch) + var(--space-3));border:var(--border);border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:var(--shadow-offset);color:var(--color-text);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out);place-items:center;display:inline-grid}.ui-heart__button:active:not(:disabled){transform:translate(var(--press-shift), var(--press-shift));box-shadow:var(--shadow-pressed)}.ui-heart__button[aria-pressed=true]{background:var(--color-heart)}.ui-heart__button:disabled{background:var(--color-pending);box-shadow:none;cursor:progress;border-style:dashed}.ui-heart__icon{fill:none;width:1.5rem;height:1.5rem;stroke:var(--color-border);stroke-width:2.5px}.ui-heart__button[aria-pressed=true] .ui-heart__icon{fill:var(--color-border)}.ui-heart__count{font-weight:var(--weight-bold)}.ui-pdf{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.ui-pdf__label{padding:var(--space-1) var(--space-2);border:var(--border);border-radius:var(--radius-sm);background:var(--color-tape);font-family:var(--font-display)}.ui-pdf__state{font-weight:var(--weight-bold)}.ui-pdf[data-status=pending]{background:var(--color-pending);border-style:dashed}.ui-pdf[data-status=failed]{border-color:var(--color-error);background:var(--color-error-surface)}.ui-pdf[data-status=failed] .ui-pdf__state{color:var(--color-error)}.ui-pdf__download{text-decoration:none}.ui-site-header,.ui-site-footer{padding:var(--space-4) var(--layout-gutter)}.ui-site-header{border-bottom:var(--border);background:var(--color-surface)}.ui-site-footer{border-top:var(--border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)}.ui-site-header__inner,.ui-site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--layout-content);flex-wrap:wrap;margin:0 auto;display:flex}.ui-site-footer__inner p{margin:0}.ui-site-header__brand{min-height:var(--size-touch);font-family:var(--font-display);font-size:var(--text-xl);align-items:center;text-decoration:none;display:inline-flex}
.ui-comment-form{gap:var(--space-4);min-width:0;padding:var(--space-6) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-offset);display:grid}.ui-comment-form__row{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--layout-field-min)), 1fr));gap:var(--space-4);display:grid}.ui-comment-form__error{padding:var(--space-2) var(--space-3);border:var(--border);border-color:var(--color-error);border-radius:var(--radius-sm);background:var(--color-error-surface);color:var(--color-error);font-weight:var(--weight-bold);margin:0}.ui-comment-form__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-comment-form__status{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-comment-list,.ui-comment__replies{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.ui-comment__replies{margin-top:var(--space-3);padding-left:var(--space-6);border-left:var(--border-dashed)}.ui-comment__card{min-width:0;padding:var(--space-3) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-offset)}.ui-comment[data-reply]>.ui-comment__card{background:var(--color-surface-memo)}.ui-comment[data-deleted]>.ui-comment__card{background:var(--color-disabled-bg);box-shadow:none;border-style:dashed}.ui-comment__meta{gap:var(--space-2);flex-wrap:wrap;align-items:baseline;display:flex}.ui-comment__date{color:var(--color-text-muted);font-size:var(--text-sm)}.ui-comment__body{margin:var(--space-2) 0 0;white-space:pre-wrap}.ui-comment__deleted{color:var(--color-disabled-text);margin:0}.ui-comment__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ui-comment__footer{gap:var(--space-3);margin-top:var(--space-3);padding-left:var(--space-6);display:grid}.ui-comment__footer:empty{display:none}
.page-intro{gap:var(--space-6);display:grid}.page-lead{font-size:var(--text-lg);margin:0}.page-section{gap:var(--space-6);min-width:0;scroll-margin-top:var(--space-4);display:grid}.page-section__title{padding:var(--space-1) var(--space-4);border:var(--border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-offset);font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:var(--leading-tight);justify-self:start;margin:0}.page-subtitle{font-size:var(--text-lg);margin:0}.page-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.page-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--layout-card-min)), 1fr));gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.page-link-button{justify-self:start;text-decoration:none}.ds-token{gap:var(--space-2);min-width:0;padding:var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.ds-token__name{font-weight:var(--weight-bold)}.ds-token__usage{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.ds-swatch{width:var(--size-swatch);height:var(--size-swatch);border:var(--border);border-radius:var(--radius-sm)}.ds-sample{line-height:var(--leading-tight);margin:0}.ds-space-bar{height:var(--space-4);border:var(--border);background:var(--color-action-primary)}.ds-shape{width:var(--size-swatch);height:var(--size-swatch);border:var(--border);background:var(--color-surface-raised)}.ds-state{min-height:var(--size-touch);padding:var(--space-2) var(--space-4);border:var(--border);border-radius:var(--radius-md);background:var(--color-surface-raised);align-items:center;display:inline-flex}.ds-state--focus{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.ds-check{align-items:center;gap:var(--space-2);min-height:var(--size-touch);display:inline-flex}.ds-check input{width:1.25rem;height:1.25rem}.ds-note{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}
*{box-sizing:border-box}html{background-color:var(--color-bg-fridge);background-image:var(--surface-fridge-pattern);min-height:100%}body{min-width:0;min-height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-body);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;margin:0;display:flex;overflow-x:clip}main{align-content:start;gap:var(--space-12);width:100%;max-width:calc(var(--layout-content) + var(--layout-gutter) * 2);padding:var(--space-12) var(--layout-gutter);flex:1 0 auto;margin:0 auto;display:grid}a{color:inherit}code{font-family:var(--font-code);font-size:var(--text-sm);word-break:break-all}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fridge-handle{top:var(--fridge-handle-top);right:var(--fridge-handle-right);width:var(--size-fridge-handle-width);height:var(--size-fridge-handle-height);border:var(--border);border-radius:var(--radius-pill);background:var(--color-fridge-handle);pointer-events:none;position:absolute}@media (max-width:960px){.fridge-handle{display:none}}