:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#243331;--ink:#243331;--ink-soft:#5f6d6a;--teal:#1f6f68;--teal-deep:#17554f;--teal-soft:#e5f0ed;--ivory:#f7f4ee;--paper:#fffdf9;--apricot:#e6a06f;--line:#2433311f;--shadow:0 1.5rem 4rem #24333117;background:#f7f4ee;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ivory);min-width:320px}body{background:radial-gradient(circle at 8% 0%, #1f6f6817, transparent 28rem), radial-gradient(circle at 90% 90%, #e6a06f1a, transparent 28rem), var(--ivory);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1f6f6838}button:disabled{cursor:not-allowed;opacity:.52}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.035em}h1{margin-bottom:1rem;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.02}h2{margin-bottom:.65rem;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15}.brand-mark{letter-spacing:-.035em;margin:0;font-size:1.05rem;font-weight:800}.eyebrow,.card-step,.header-context{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .65rem;font-size:.76rem;font-weight:800}.lede{max-width:40rem;color:var(--ink-soft);margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.75}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.auth-shell{grid-template-columns:minmax(0,1.18fr) minmax(24rem,.82fr);min-height:100vh;display:grid}.auth-story{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:5rem;min-height:100vh;padding:clamp(2rem,6vw,6rem);display:flex}.auth-story h1{max-width:12ch;margin-top:clamp(4rem,12vh,9rem)}.auth-story .lede{max-width:38rem}.journey-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.journey-list li{border-top:1px solid var(--line);color:var(--ink-soft);gap:.55rem;padding-top:1rem;font-size:.88rem;line-height:1.45;display:grid}.journey-list span{color:var(--teal);font-size:.74rem;font-weight:800}.auth-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9c7;flex-direction:column;justify-content:center;min-height:100vh;padding:clamp(2rem,5vw,5rem);display:flex}.segment-control{border:1px solid var(--line);background:#2433310a;border-radius:999px;grid-template-columns:1fr 1fr;gap:.25rem;width:fit-content;margin-bottom:3.5rem;padding:.28rem;display:grid}.segment-control button{cursor:pointer;min-width:7rem;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:.7rem 1rem;font-size:.88rem;font-weight:700}.segment-control button.is-active{background:var(--paper);color:var(--ink);box-shadow:0 .25rem 1rem #24333114}.panel-heading{margin-bottom:2rem}.panel-heading h2{max-width:18ch;font-size:clamp(1.8rem,3vw,2.65rem)}.form-stack,.learner-form{gap:1rem;display:grid}.form-stack label,.learner-form label,.household-select{gap:.45rem;display:grid}.form-stack label>span,.learner-form label>span,.household-select>span{color:var(--ink-soft);font-size:.82rem;font-weight:700}label em{color:#85918f;font-size:.72rem;font-style:normal;font-weight:500}input,select{width:100%;min-height:3.25rem;color:var(--ink);background:#fffc;border:1px solid #24333129;border-radius:.8rem;padding:.78rem .95rem;transition:border-color .16s,box-shadow .16s,background .16s}input:hover,select:hover{border-color:#1f6f6857}input:focus,select:focus{border-color:var(--teal);background:#fff;outline:none;box-shadow:0 0 0 4px #1f6f6814}.primary-button,.secondary-button,.quiet-button,.provider-preview button{cursor:pointer;border-radius:.8rem;min-height:3rem;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.primary-button{border:1px solid var(--teal);background:var(--teal);color:#fff;padding:.8rem 1.2rem;box-shadow:0 .8rem 1.8rem #1f6f6829}.primary-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{transform:translateY(-1px)}.primary-button:not(:disabled):hover{background:var(--teal-deep)}.secondary-button{background:var(--teal-soft);color:var(--teal-deep);border:1px solid #1f6f683d;padding:.8rem 1.2rem}.quiet-button{border:1px solid var(--line);min-height:2.5rem;color:var(--ink-soft);background:0 0;padding:.55rem .85rem}.quiet-button:not(:disabled):hover{background:#2433310a}.provider-preview{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.25rem;display:grid}.provider-preview button{border:1px solid var(--line);color:var(--ink-soft);background:0 0}.microcopy{color:#7f8b89;margin:.7rem 0 0;font-size:.74rem;line-height:1.55}.form-error,.form-notice,.banner{border-radius:.7rem;margin:0;padding:.75rem .9rem;font-size:.84rem;line-height:1.5}.form-error,.banner--error{color:#9a4334;background:#fff0ec}.form-notice,.banner--notice{background:var(--teal-soft);color:var(--teal-deep)}.app-shell{min-height:100vh;padding:1.25rem}.app-shell--centered{place-items:center;display:grid}.loading-mark{gap:.35rem;display:flex}.loading-mark span{background:var(--teal);border-radius:999px;width:.55rem;height:.55rem;animation:.9s ease-in-out infinite pulse}.loading-mark span:nth-child(2){animation-delay:.12s}.loading-mark span:nth-child(3){animation-delay:.24s}@keyframes pulse{0%,to{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.app-header{justify-content:space-between;align-items:center;gap:1.5rem;width:min(92rem,100%);min-height:4.5rem;margin:0 auto;padding:.45rem .25rem 1.25rem;display:flex}.header-context{color:#7c8987;margin:.25rem 0 0;font-size:.68rem}.account-cluster{color:var(--ink-soft);align-items:center;gap:.8rem;font-size:.8rem;display:flex}.workspace-grid{border:1px solid var(--line);width:min(92rem,100%);min-height:calc(100vh - 7rem);box-shadow:var(--shadow);background:#fffdf9c7;border-radius:1.5rem;grid-template-columns:15rem minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.workspace-sidebar{border-right:1px solid var(--line);background:#24333106;padding:2rem 1.5rem}.step-list{gap:.35rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.step-list li{color:#8b9694;border-radius:.65rem;grid-template-columns:1.8rem 1fr;align-items:center;gap:.7rem;min-height:2.8rem;padding:.35rem;font-size:.82rem;font-weight:650;display:grid}.step-list span{border:1px solid var(--line);border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.68rem;display:grid}.step-list li.is-complete{color:var(--teal)}.step-list li.is-complete span{background:var(--teal-soft);border-color:#1f6f683d}.step-list li.is-current{background:var(--paper);color:var(--ink);box-shadow:0 .4rem 1.2rem #2433310f}.workspace-main{padding:clamp(1.5rem,4vw,4rem)}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;display:flex}.workspace-heading h1{max-width:13ch;margin-bottom:0;font-size:clamp(2rem,4vw,3.8rem)}.household-pill,.active-badge{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;display:inline-flex}.household-pill{background:var(--teal-soft);color:var(--teal-deep);padding:.55rem .8rem;font-size:.76rem;font-weight:800}.banner{margin-bottom:1rem}.flow-card,.context-card{border:1px solid var(--line);background:var(--paper);border-radius:1.15rem}.flow-card{margin-bottom:1rem;padding:clamp(1.25rem,3vw,2rem)}.flow-card--focused{max-width:36rem}.flow-card p:not(.card-step),.context-card p:not(.eyebrow),.verified-panel p{color:var(--ink-soft);line-height:1.6}.card-heading-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.compact-form{max-width:28rem;margin-top:1.4rem}.household-select{max-width:20rem;margin-bottom:1rem}.learner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.learner-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:.9rem;grid-template-columns:3rem 1fr;align-items:center;gap:.9rem;min-height:5.25rem;padding:.9rem;display:grid;position:relative}.learner-card:hover{border-color:#1f6f6847}.learner-card.is-selected{border-color:var(--teal);box-shadow:0 0 0 3px #1f6f6814}.learner-card.is-active{background:linear-gradient(135deg,#fff,#f3f9f7)}.learner-avatar{background:var(--teal-soft);width:3rem;height:3rem;color:var(--teal-deep);border-radius:1rem;place-items:center;font-weight:900;display:grid}.learner-copy{gap:.25rem;display:grid}.learner-copy strong{font-size:.98rem}.learner-copy small{color:var(--ink-soft);font-size:.76rem}.active-badge{background:var(--teal);color:#fff;padding:.25rem .45rem;font-size:.62rem;font-weight:800;position:absolute;top:.55rem;right:.55rem}.learner-form{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(8rem,.7fr) minmax(9rem,.8fr) auto;align-items:end;margin-top:1.4rem;padding-top:1.4rem}.pin-card{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);align-items:center;gap:2rem;display:grid}.pin-form{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.pin-form input{letter-spacing:.25em;text-align:center;min-height:3.6rem;font-size:1.35rem;font-weight:800}.verified-panel{background:var(--teal-soft);border:1px solid #1f6f6824;border-radius:.9rem;align-items:center;gap:.9rem;padding:1rem;display:flex}.verified-panel[aria-label=수학\ 도움]{align-items:flex-start}.verified-icon{background:var(--teal);color:#fff;border-radius:999px;flex:none;place-items:center;width:2.4rem;height:2.4rem;font-weight:900;display:grid}.verified-panel p{margin:.2rem 0 0;font-size:.78rem}.verified-panel[aria-label=수학\ 도움] p{font-size:.95rem}.context-card{background:linear-gradient(120deg,#eef7f4,#fffaf4);justify-content:space-between;align-items:center;gap:2rem;margin-top:1rem;padding:clamp(1.4rem,3vw,2.2rem);display:flex}.context-card h2{max-width:22ch}.context-card p{max-width:48rem;margin-bottom:0}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-story{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding-bottom:3rem}.auth-story h1{margin-top:4rem}.auth-panel{min-height:auto}.workspace-grid{grid-template-columns:1fr}.workspace-sidebar{border-right:0;border-bottom:1px solid var(--line)}.step-list{grid-template-columns:repeat(5,minmax(0,1fr))}.step-list li{text-align:center;grid-template-columns:1fr;justify-items:center}.learner-form{grid-template-columns:1fr 1fr}}@media (max-width:700px){.auth-story,.auth-panel,.workspace-main{padding:1.35rem}.auth-story{gap:3rem}.journey-list{grid-template-columns:1fr 1fr}.app-shell{padding:0}.app-header{padding:1rem 1.1rem}.account-cluster span{display:none}.workspace-grid{min-height:calc(100vh - 4.5rem);box-shadow:none;border-left:0;border-right:0;border-radius:0}.workspace-sidebar{padding:1rem}.workspace-sidebar>.eyebrow{display:none}.step-list{margin:0}.step-list li{padding:0;font-size:.66rem}.workspace-heading,.card-heading-row,.context-card{flex-direction:column;align-items:stretch}.workspace-heading{display:flex}.household-pill{align-self:flex-start}.learner-grid,.learner-form,.pin-card,.pin-form{grid-template-columns:1fr}.context-card{display:flex}}