:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;color:#163c32;background:#f5f7f2;font-synthesis:none;--green:#146353;--deep:#163c32;--line:#d9e2d8;--muted:#566c61;--mint:#e9f1e6;--amber:#83561a;--amber-bg:#fff6e6}*{box-sizing:border-box}body{margin:0;font-size:1rem;line-height:1.65}button,a,input,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:9px 15px;line-height:1.45}button:hover{border-color:var(--green);background:#f1f6ef}button:disabled{opacity:.58;cursor:default}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bd761e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.04em}h2{font-size:1.2rem;line-height:1.4}h3{font-size:1rem}small,.small{font-size:.875rem}.muted{color:var(--muted)}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skip-link{position:absolute;left:12px;top:-70px;z-index:100;padding:12px;background:#fff}.skip-link:focus{top:10px}.topbar{border-bottom:1px solid var(--line);background:#fff}.header-inner{max-width:1240px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.5rem;font-weight:650;letter-spacing:-.04em;color:var(--deep)}.brand img{width:34px;height:34px}.brand span span{font-weight:400}.nav-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:.875rem}.nav-links a{min-height:44px;display:flex;align-items:center}.public-label{background:var(--mint);color:#3a6250;padding:4px 10px;border-radius:99px;font-size:.8125rem}.shell{max-width:1240px;margin:auto;padding:30px 28px 40px}.intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.eyebrow{font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin-bottom:10px;color:var(--green)}.intro p{color:var(--muted);margin-top:10px}.intro-actions{display:flex;gap:8px;flex-wrap:wrap}.intro-actions button{font-size:.875rem;display:flex;align-items:center;gap:7px}.controls{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:22px 24px;background:#fff;border:1px solid var(--line);border-radius:16px}.control-label{font-size:.875rem;font-weight:650;display:block;margin-bottom:10px}.control-note{font-size:.875rem;color:var(--muted);margin-top:9px}.segmented{display:flex;gap:4px;background:#edf2ec;border:1px solid #dce5da;border-radius:11px;padding:4px}.segmented button{border-color:transparent;background:transparent;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.segmented button[aria-pressed=true]{background:var(--green);color:#fff;box-shadow:0 2px 5px #123e3220}.segmented .role-avatar{height:28px;width:28px;display:grid;place-items:center;background:#ffffff24;border-radius:50%;font-size:.875rem}.journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:23px 0}.phase{position:relative;text-align:left;background:transparent;border-radius:12px;padding:12px 14px;border-color:#dce5da;min-width:0}.phase small{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:4px}.phase strong{font-size:.9375rem;font-weight:600;display:block;line-height:1.5}.phase[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.phase[aria-pressed=true] small{color:#dce9db}.phase-progress{font-size:.8125rem;margin-top:5px;color:var(--muted)}.phase[aria-pressed=true] .phase-progress{color:#e0eddc}.greeting{margin:6px 0 18px;display:flex;gap:20px;justify-content:space-between;align-items:center}.greeting h2{font-size:1.4rem;letter-spacing:-.03em}.greeting p{margin-top:4px;color:var(--muted);font-size:.875rem}.day-tag{font-size:.875rem;background:#e2ecdb;border-radius:8px;padding:7px 12px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden}.panel-heading{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.panel-heading p{font-size:.875rem;color:var(--muted);margin-top:3px}.app-symbol{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;flex-shrink:0}.heading-title{display:flex;align-items:center;gap:11px}.participation{padding:20px 22px}.progress-head{display:flex;justify-content:space-between;align-items:center}.progress-number{font-size:.875rem;color:var(--green)}progress{accent-color:var(--green);width:100%;height:7px;display:block;border:none;border-radius:9px;background:#e4ebe1;margin:12px 0 5px}progress::-webkit-progress-bar{background:#e4ebe1;border-radius:9px}progress::-webkit-progress-value{background:var(--green);border-radius:9px}.task{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:18px 0;border-bottom:1px solid #e5eae0}.task:last-of-type{border-bottom:0}.task-num{height:25px;width:25px;display:grid;place-items:center;border:1px solid #b8cbb9;border-radius:50%;font-size:.8125rem;margin-top:2px}.task.complete .task-num{background:var(--green);color:#fff;border-color:var(--green)}.task p{font-weight:550;margin-bottom:8px}.task button{font-size:.875rem;padding:7px 11px;min-height:44px}.fine{font-size:.875rem;color:var(--muted);line-height:1.6}.profile{padding:18px 22px;background:#edf3e8;border-top:1px solid var(--line)}.profile strong{font-size:.9375rem}.profile p{font-size:.875rem;margin-top:4px;color:var(--muted)}.chat-body{padding:22px}.chat-body .fine{margin-bottom:12px}.context-memory{background:#f1f5ed;border-left:3px solid #97b895;padding:11px 13px;border-radius:0 9px 9px 0;margin-bottom:16px;font-size:.875rem}.context-memory p+p{margin-top:8px}.context-memory strong{font-weight:600}.bubble{padding:15px 17px;background:#eef4e9;border-radius:4px 15px 15px;overflow-wrap:anywhere}.bubble.self{background:#e0eee7;margin:15px 0 15px 35px;border-radius:15px 4px 15px 15px}.bubble.reply{background:#f2f5ef}.speaker{font-size:.8125rem;font-weight:600;color:var(--muted);display:block;margin-bottom:5px}.choice-area{padding:0 22px 22px}.choice-label{font-size:.875rem;font-weight:600;margin:0 0 10px}.choices{display:grid;gap:9px}.answer-choice{display:flex;gap:10px;text-align:left;font-size:.9375rem;align-items:flex-start;padding:13px 14px;min-width:0}.answer-choice[aria-pressed=true]{border-color:var(--green);background:#edf5ea;box-shadow:inset 0 0 0 1px var(--green)}.radio{border:1.5px solid #94ac9e;border-radius:50%;width:17px;height:17px;flex-shrink:0;display:block;margin-top:3px}.answer-choice[aria-pressed=true] .radio{border:5px solid var(--green)}details.custom{margin:14px 0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.875rem;font-weight:550}textarea{width:100%;font-size:1rem;resize:vertical;min-height:86px;max-height:260px;padding:12px;background:#fbfcf9;color:var(--deep);border:1px solid #c4d2c4;border-radius:9px}label[for=family-input]{display:block;font-size:.875rem;margin-bottom:6px}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:14px}.submit-row p{max-width:270px}.primary{background:var(--green);color:#fff;border-color:var(--green);font-weight:550}.primary:hover{background:#0c5143;color:#fff}.mode-buttons button{font-size:.875rem;padding:7px 10px}.mode-buttons{background:#f1f5ed}.voice-box{margin:16px 0 0;padding:18px;background:#f3f7ef;border-radius:12px;border:1px solid #dce7d6}.voice-actions{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.voice-actions button{font-size:.875rem}.transcript{padding:13px;background:#fff;border-radius:9px;border:1px solid var(--line);margin:12px 0}.voice-box .primary{width:100%;margin-top:10px}.voice-status{font-size:.875rem;margin-top:12px;color:var(--green)}.empty-transcript{border-left:3px solid #b77821;padding:12px;background:var(--amber-bg);margin:14px 0;font-size:.875rem}.demo-band{border-top:1px solid var(--line);background:#f8faf5;padding:14px 22px;color:var(--muted);font-size:.875rem}.next-row{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin:18px 0 28px;flex-wrap:wrap}.next-row button{display:flex;align-items:center;gap:8px}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.record-heading p{font-size:.875rem;color:var(--muted);margin-top:5px}.record-count{background:var(--mint);padding:5px 13px;border-radius:99px;white-space:nowrap;font-size:.875rem}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.record-card{padding:20px 22px;min-width:0}.record-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-bottom:9px}.record-card p{font-size:.9375rem;overflow-wrap:anywhere}.record-card .speaker{font-size:.875rem;color:var(--deep)}.badge{font-size:.8125rem;color:var(--green);padding:3px 8px;background:#e9f2e3;border-radius:6px;width:fit-content;margin-top:11px;display:inline-block}.badge.warning{color:var(--amber);background:var(--amber-bg)}.concern-detail{font-size:.875rem;margin-top:10px}.concern-detail summary{color:var(--amber)}.concern-detail ul{padding-left:20px;margin:4px 0}.concern-detail li+li{margin-top:6px}.flag-panel{margin-bottom:18px;padding:18px 20px;border:1px solid #e8d4af;background:var(--amber-bg);border-radius:12px}.flag-panel h3{color:var(--amber);display:flex;gap:9px;align-items:center}.flag-panel p{color:#765326;font-size:.875rem;margin-top:7px}.flag-panel a{color:#765326}.empty-record{text-align:center;padding:28px;background:#fff;border:1px dashed #c1d1bc;border-radius:13px}.empty-record p{color:var(--muted);font-size:.875rem;margin-top:6px}.compare{margin-top:24px}.compare>summary{font-weight:600}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-card{padding:18px 20px;background:#edf3e8;border:1px solid #d6e2cf;border-radius:12px}.compare-card.check{background:var(--amber-bg);border-color:#eadabd}.compare-card p{font-size:.9375rem;margin:9px 0}.compare-card button{font-size:.875rem;background:#fff}.footer{padding-top:28px;font-size:.875rem;color:var(--muted);border-top:1px solid var(--line);margin-top:28px;display:flex;gap:18px;justify-content:space-between}.footer span{white-space:nowrap}.toast{position:fixed;z-index:120;bottom:22px;left:50%;transform:translateX(-50%);background:var(--deep);color:#fff;border-radius:11px;padding:12px 18px;box-shadow:0 8px 25px #123e3225;max-width:calc(100vw - 32px);width:max-content;font-size:.9375rem;pointer-events:none}.toast:empty{display:none}dialog{border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--deep);padding:24px;width:min(570px,calc(100% - 28px));max-height:88vh;overflow:auto}dialog::backdrop{background:#143c3255}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.modal-head h2{font-size:1.4rem}.modal-head button{padding:8px;min-width:44px}.modal-body ul{padding-left:22px}.modal-body li{margin-bottom:12px}.modal-body p+p{margin-top:12px}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:23px}.summary-text{white-space:pre-wrap;font-family:inherit;line-height:1.7;overflow-wrap:anywhere;background:#f1f5ec;padding:16px;border-radius:10px;max-height:48vh;overflow:auto;font-size:.9375rem}
@media(max-width:980px){.controls{grid-template-columns:1fr 1fr;gap:20px}.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:16px}.phase{padding:11px 10px}.phase strong{font-size:.875rem}.submit-row{align-items:stretch;flex-direction:column}.submit-row p{max-width:none}.panel-heading{padding:18px}.chat-body{padding:18px}.choice-area{padding:0 18px 18px}.intro{align-items:flex-start}.intro-actions{justify-content:flex-end}.mode-buttons{width:100%}}
@media(max-width:740px){.header-inner{padding:12px 18px}.nav-links{gap:14px}.public-label{display:none}.shell{padding:22px 18px 28px}.intro{display:block}.intro-actions{justify-content:flex-start;margin-top:15px}.intro p{font-size:.9375rem}.controls{grid-template-columns:1fr;gap:20px;padding:18px}.control-note{line-height:1.55}.journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0}.phase{padding:10px 12px}.phase strong{font-size:.875rem}.greeting{align-items:flex-start}.greeting h2{font-size:1.25rem}.workspace{display:flex;flex-direction:column}.workspace>article{width:100%}.workspace>.tasks-panel{order:2}.concierge-panel{order:1}.mode-buttons{width:auto}.record-grid{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.footer{flex-direction:column}.next-row{justify-content:space-between}.next-row button{margin-left:auto}.panel-heading{gap:12px}.task{padding:13px 0}.task p{margin-bottom:5px}.progress-number{font-size:.875rem}.record-heading{align-items:flex-start}.record-count{padding:5px 10px}.bubble.self{margin-left:22px}}
@media(max-width:400px){.header-inner{gap:7px}.nav-links{width:100%;justify-content:space-between}.nav-links a{min-height:38px}.shell{padding-left:14px;padding-right:14px}.segmented button{font-size:.875rem;padding:9px 8px}.role-avatar{display:none!important}.mode-buttons{width:100%}.greeting .day-tag{display:none}.intro-actions button{flex:1}.record-heading{display:block}.record-count{margin-top:10px;display:inline-block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}