:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#121212;--color-surface:#1f2937;--color-surface-2:#374151;--color-chip:#1f2937;--color-text:#f8fafc;--color-text-muted:#9ca3af;--color-outline:#9ca3af;--color-primary:#f97316;--color-primary-edge:#f97316;--color-on-primary:#fff;--color-primary-text:#fb923c;--color-secondary:#fb923c;--color-cta:#22c55e;--color-error:#f87171;--color-focus:#fb923c;--color-inverse-bg:#f8fafc;--color-inverse-text:#121212;--color-scrim:#000}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fff;--color-surface:#f1f5f9;--color-surface-2:#e2e8f0;--color-chip:#e2e8f0;--color-text:#0f172a;--color-text-muted:#475569;--color-outline:#64748b;--color-primary:#f97316;--color-primary-edge:#c2410c;--color-on-primary:#fff;--color-primary-text:#c2410c;--color-secondary:#fb923c;--color-cta:#15803d;--color-error:#b91c1c;--color-focus:#c2410c;--color-inverse-bg:#1f2937;--color-inverse-text:#f8fafc;--color-scrim:#000}:root{--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Noto Sans KR,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;font-weight:400;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit;touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.num{font-family:Barlow Condensed,Noto Sans KR,system-ui,sans-serif;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--color-bg);flex-direction:column;display:flex}.screen__top{padding-top:env(safe-area-inset-top);flex:none}.screen:not(:has(.screen__top)) .screen__main{padding-top:env(safe-area-inset-top)}.screen__main{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex:auto;position:relative;overflow-y:auto}.screen--with-tabs .screen__main{padding-bottom:0}.screen__column{width:100%;max-width:calc(720px + 2 * var(--space-20));padding:var(--space-16) var(--space-20) var(--space-32);margin-inline:auto}.screen__tabs{background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);flex:none}.top-bar{align-items:center;gap:var(--space-8);width:100%;max-width:calc(720px + 2 * var(--space-16));min-height:56px;padding-inline:var(--space-16);grid-template-columns:44px 1fr 44px;margin-inline:auto;display:grid}.top-bar__side{align-items:center;min-width:44px;display:flex}.top-bar__side--end{justify-content:flex-end}.top-bar__title{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:700;overflow:hidden}.icon-button{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.tab-bar__list{grid-template-columns:repeat(4,1fr);max-width:720px;margin:0 auto;padding:0;list-style:none;display:grid}.tab-bar__link{justify-content:center;align-items:center;gap:var(--space-4);height:64px;color:var(--color-text-muted);flex-direction:column;font-size:14px;font-weight:500;text-decoration:none;display:flex}.tab-bar__link[aria-current=page]{color:var(--color-primary-text);font-weight:700}.tab-bar__icon{display:inline-flex;position:relative}.tab-bar__dot{border-radius:var(--radius-full);background:var(--color-secondary);width:8px;height:8px;position:absolute;top:-2px;right:-4px}.tab-bar__label{line-height:1}.btn{justify-content:center;align-items:center;gap:var(--space-8);min-width:44px;min-height:52px;padding:var(--space-12) var(--space-20);border-radius:var(--radius-sm);border:0;font-size:16px;font-weight:700;line-height:1.25;transition:background-color .15s,color .15s;display:inline-flex}.btn--start{background:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 0 0 2px var(--color-primary-edge)}.btn--inverse{background:var(--color-inverse-bg);color:var(--color-inverse-text)}.btn--secondary{background:var(--color-surface-2);color:var(--color-text)}.btn--disabled,.btn:disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed}.btn--text{color:var(--color-text-muted);background:0 0;font-weight:500}.chip{min-width:44px;min-height:52px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);background:var(--color-chip);color:var(--color-text);word-break:keep-all;border:0;justify-content:center;align-items:center;font-size:16px;font-weight:500;transition:background-color .15s,color .15s;display:inline-flex}.chip[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 0 0 2px var(--color-primary-edge);font-weight:700}.chip--numeric{font-family:Barlow Condensed,Noto Sans KR,system-ui,sans-serif;font-size:24px;font-weight:700}.chip:disabled{opacity:.4;cursor:not-allowed}.field{gap:var(--space-8);flex-direction:column;display:flex}.field__label{color:var(--color-text-muted);font-size:14px;font-weight:500}.field__box{border-radius:var(--radius-sm);background:var(--color-surface);min-height:56px;box-shadow:inset 0 0 0 1px var(--color-outline);align-items:center;display:flex;position:relative}.field__box:focus-within{box-shadow:inset 0 0 0 2px var(--color-focus)}.field--error .field__box,.field--error .field__box:focus-within{box-shadow:inset 0 0 0 2px var(--color-error)}.field__input{width:100%;min-width:0;min-height:56px;padding:0 var(--space-16);background:0 0;border:0;outline:none;flex:auto;font-size:16px}.field__input::placeholder{color:var(--color-text-muted)}.field__select{appearance:none;padding-right:48px}.field__select--placeholder{color:var(--color-text-muted)}.field__suffix{padding-right:var(--space-16);color:var(--color-text-muted);pointer-events:none;flex:none;font-size:14px}.field__select+.field__suffix{display:inline-flex;position:absolute;right:0}.field__error{align-items:flex-start;gap:var(--space-4);color:var(--color-error);font-size:14px;display:flex}.field__error svg{flex:none;margin-top:3px}.checkbox{align-items:center;gap:var(--space-12);cursor:pointer;min-height:56px;display:flex;position:relative}.checkbox__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.checkbox__box{border-radius:var(--radius-sm);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--color-outline);color:var(--color-on-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.checkbox__input:checked+.checkbox__box{background:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-primary-edge)}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--color-focus);outline-offset:2px}.checkbox__label{font-size:16px}.toggle{justify-content:space-between;align-items:center;gap:var(--space-12);min-height:56px;display:flex}.toggle__switch{background:0 0;border:0;flex:none;width:52px;height:44px;padding:0;position:relative}.toggle__switch:before{content:"";border-radius:var(--radius-full);background:var(--color-surface-2);height:28px;transition:background-color .2s;position:absolute;top:8px;left:0;right:0}.toggle__switch[aria-checked=false]:before{box-shadow:inset 0 0 0 1px var(--color-outline)}.toggle__switch[aria-checked=true]:before{background:var(--color-primary)}.toggle__thumb{border-radius:var(--radius-full);background:var(--color-text);width:20px;height:20px;transition:transform .2s;position:absolute;top:12px;left:4px}.toggle__switch[aria-checked=true] .toggle__thumb{background:var(--color-on-primary);transform:translate(24px)}.toggle__switch:disabled{opacity:.4;cursor:not-allowed}.progress{border-radius:var(--radius-full);background:var(--color-surface-2);width:100%;height:12px;overflow:hidden}.progress__fill{border-radius:var(--radius-full);background:var(--color-cta);height:100%;transition:width .3s}.segments{gap:var(--space-4);display:flex}.segments__cell{border-radius:var(--radius-full);background:var(--color-surface-2);flex:1 1 0;height:12px}.segments__cell[data-state=done]{background:var(--color-cta)}.segments__cell[data-state=next]{box-shadow:inset 0 0 0 2px var(--color-text)}.toast{align-items:center;gap:var(--space-12);width:100%;max-width:720px;min-height:48px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--color-inverse-bg);color:var(--color-inverse-text);font-size:14px;font-weight:500;display:flex}.toast[data-tone]{cursor:pointer}.toast svg{flex:none}.empty{align-items:center;gap:var(--space-12);padding:var(--space-48) var(--space-20);text-align:center;flex-direction:column;display:flex}.empty__icon{color:var(--color-text-muted)}.empty__title{font-size:18px;font-weight:700}.empty__description{color:var(--color-text-muted);font-size:14px}.empty__action{margin-top:var(--space-8)}.modal{z-index:100;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);justify-content:center;display:flex;position:fixed;inset:0}.modal--dialog{align-items:center}.modal--sheet{align-items:flex-end;padding-bottom:0}.scrim{background:var(--color-scrim);opacity:.5;position:absolute;inset:0}.dialog{gap:var(--space-16);width:calc(100% - 2 * var(--space-20));max-width:335px;max-height:calc(100% - 2 * var(--space-24));padding:var(--space-24) var(--space-20) var(--space-20);border-radius:var(--radius-lg);background:var(--color-surface);outline:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.dialog__title{font-size:18px;font-weight:700}.dialog__body{color:var(--color-text);font-size:16px}.dialog__actions{gap:var(--space-8);flex-direction:column;display:flex}.dialog__actions>.btn{width:100%}.sheet{width:100%;max-width:720px;max-height:90dvh;padding:var(--space-8) var(--space-20) calc(var(--space-24) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);outline:none;flex-direction:column;display:flex;position:relative;overflow-y:auto}.sheet--tall{height:90dvh}.sheet__grip{touch-action:none;cursor:grab;flex:none}.sheet__handle{width:40px;height:4px;margin:0 auto var(--space-16);border-radius:var(--radius-full);background:var(--color-surface-2);flex:none}.sheet__title{margin-bottom:var(--space-16);font-size:18px;font-weight:700}.sheet__body{gap:var(--space-16);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.toast-host{z-index:110;padding-left:calc(var(--space-20) + env(safe-area-inset-left));padding-right:calc(var(--space-20) + env(safe-area-inset-right));pointer-events:none;justify-content:center;display:flex;position:fixed;left:0;right:0}.toast-host__item{pointer-events:auto;width:100%;max-width:720px}