:root{--c-bg: #FFFFFF;--c-lavender: #F4EFFB;--c-rose: #FDEFF4;--c-pill: #EEE6F3;--c-ink: #2A1E33;--c-muted: #6E6478;--c-icon-off: #8A7F94;--c-blush: #F9B4CB;--c-lilac: #CDB8F5;--c-berry: #A3366A;--c-ai: #5E43A0;--c-ai-tint: #EDE4FB;--c-alert: #B0322A;--c-ok: #2E7D4F;--gradient-brand: linear-gradient(135deg, var(--c-blush) 0%, var(--c-lilac) 100%);--c-on-gradient: #2A1E33;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 20px;--space-5: 32px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--shadow-float: 0 8px 24px rgba(94, 67, 160, .16);--font-sans: "Noto Sans KR", system-ui, sans-serif;--font-soft: "Gowun Dodum", "Noto Sans KR", sans-serif;--text-hero-size: 32px;--text-hero-line: 40px;--text-hero-weight: 800;--text-hero-family: var(--font-sans);--text-title-size: 26px;--text-title-line: 34px;--text-title-weight: 800;--text-title-family: var(--font-sans);--text-card-title-size: 19px;--text-card-title-line: 26px;--text-card-title-weight: 700;--text-card-title-family: var(--font-sans);--text-quote-size: 19px;--text-quote-line: 29px;--text-quote-weight: 400;--text-quote-family: var(--font-soft);--text-body-size: 15px;--text-body-line: 22px;--text-body-weight: 400;--text-body-family: var(--font-sans);--text-label-size: 14px;--text-label-line: 20px;--text-label-weight: 600;--text-label-family: var(--font-sans);--text-caption-size: 12px;--text-caption-line: 18px;--text-caption-weight: 500;--text-caption-family: var(--font-sans)}[data-theme=night]{--c-bg: #1C1622;--c-lavender: #2A2131;--c-rose: #2A2131;--c-pill: #372C40;--c-ink: #FBF6FD;--c-muted: #B4A9BE;--c-berry: #F5A8C6;--c-ai: #CDB8F5;--c-ai-tint: #372C40;--c-alert: #F07A6A;--c-ok: #7CCB9B}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word}a{color:var(--c-berry)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button,a[role=button],input[type=radio],input[type=checkbox]{min-height:0}.screen{position:relative;display:flex;flex-direction:column;min-height:100%;background:var(--c-bg);color:var(--c-ink);padding-top:max(env(safe-area-inset-top),24px);overflow-x:hidden}.screen--tabbed{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.screen--fab{padding-bottom:calc(184px + env(safe-area-inset-bottom))}.screen__header{display:flex;justify-content:space-between;align-items:center;padding:32px var(--space-4) 0}.screen__title{margin:0;font-size:var(--text-title-size);line-height:var(--text-title-line);font-weight:var(--text-title-weight)}.screen__status{font-size:var(--text-caption-size);color:var(--c-berry);font-weight:600}.navbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:28px var(--space-4) 0}.navbar__title{margin:0;text-align:center;font-size:16px;font-weight:700}.icon-btn{width:44px;height:44px;border:0;border-radius:var(--radius-pill);background:var(--c-lavender);color:var(--c-ink);display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}.card{background:var(--c-lavender);border-radius:var(--radius-lg);padding:var(--space-4)}.card--rose{background:var(--c-rose)}.card--tile{border-radius:22px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.pill{border:0;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--c-on-gradient);padding:14px 30px;font-weight:800;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.pill--secondary{background:var(--c-pill);color:var(--c-ink);font-weight:600}.pill--plain{background:var(--c-bg);box-shadow:var(--shadow-float);font-weight:700}.chip{border:0;border-radius:var(--radius-pill);background:var(--c-lavender);color:var(--c-ink);padding:9px 18px;font-size:var(--text-label-size);font-weight:600;white-space:nowrap;min-height:38px}.chip[aria-pressed=true]{background:var(--gradient-brand);color:var(--c-on-gradient);font-weight:700}.action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.action__btn{border:0;border-radius:var(--radius-pill);width:52px;height:52px;background:var(--c-pill);color:var(--c-ink);display:flex;align-items:center;justify-content:center}.action--primary .action__btn{width:64px;height:64px;background:var(--gradient-brand);color:var(--c-on-gradient);box-shadow:var(--shadow-float)}.action__label{font-size:var(--text-caption-size);color:var(--c-muted)}.action--primary .action__label{font-size:13px;font-weight:700;color:var(--c-ink)}.quote{font-family:var(--font-soft);font-size:var(--text-quote-size);line-height:var(--text-quote-line);margin:0}.label-muted{font-size:13px;font-weight:600;color:var(--c-muted)}.caption{font-size:var(--text-caption-size);line-height:var(--text-caption-line);color:var(--c-muted)}.card-title{margin:0;font-size:var(--text-card-title-size);line-height:var(--text-card-title-line);font-weight:var(--text-card-title-weight)}.ai-tag{background:var(--c-ai-tint);color:var(--c-ai);border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:700}.tabbar{position:fixed;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));height:64px;background:var(--c-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;z-index:20}.tabbar__tab{display:flex;justify-content:center;align-items:center;height:64px;color:var(--c-icon-off);text-decoration:none}.tabbar__tab[aria-current=page]{color:var(--c-ink)}.tabbar__active{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--gradient-brand);color:var(--c-on-gradient);display:flex;align-items:center;justify-content:center}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:13px 0;border-bottom:1px solid var(--c-pill);font-size:var(--text-body-size);font-weight:500}.setting-row:last-child{border-bottom:0}input[type=radio],input[type=checkbox]{width:22px;height:22px;accent-color:var(--c-berry);flex-shrink:0}@keyframes sido-fade-in{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:none}}.fade-in{animation:sido-fade-in .26s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sheet__scrim{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;background:#2a1e3361;animation:sido-fade-in .18s ease-out both}.sheet{width:100%;background:var(--c-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-float);animation:sido-sheet-in .24s ease-out both}.sheet__grip{width:36px;height:4px;border-radius:var(--radius-pill);background:var(--c-pill);align-self:center}.sheet__title{margin:0;font-size:var(--text-card-title-size);line-height:var(--text-card-title-line);font-weight:var(--text-card-title-weight)}@keyframes sido-sheet-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}