:root{--page:#f4ecdf;--ink:#11231c;--ink-soft:#42524b;--panel:#fffbf5e6;--panel-strong:#123d31;--panel-deep:#0b281f;--line:#132b221f;--gold:#d7a431;--gold-soft:#d7a43129;--terracotta:#a85731;--fern:#2f7a5d;--mist:#dbe8df;--shadow:0 22px 80px #0f20181f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #d7a43142, transparent 24%), radial-gradient(circle at 85% 0%, #2f7a5d2e, transparent 22%), radial-gradient(circle at 50% 100%, #a8573114, transparent 26%), linear-gradient(180deg, #fcf7ef 0%, var(--page) 54%, #ecdfcb 100%);color:var(--ink);font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif}a{color:inherit}button,textarea,input{font:inherit}.pageWrap{flex-direction:column;gap:18px;max-width:1480px;margin:0 auto;padding:24px;display:flex}.heroPanel,.controlRail,.studioPanel,.metaCard,.infoPanel{border:1px solid var(--line);box-shadow:var(--shadow)}.heroPanel{background:linear-gradient(135deg, #123d31f5, #0e2922eb), var(--panel-strong);color:#f9f4ec;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px;padding:26px;display:grid;position:relative;overflow:hidden}.heroPanel:before{content:"";pointer-events:none;background:radial-gradient(circle,#d7a43133,#0000 68%);border-radius:999px;height:320px;position:absolute;inset:auto -4% -30% 48%}.heroText{z-index:1;position:relative}.heroHeadingRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.heroSummary{color:#f9f4ece0;max-width:58ch;margin:18px 0 0;font-size:1.02rem;line-height:1.6}.languageToggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8ee14;border:1px solid #fff8ee29;border-radius:999px;gap:6px;padding:5px;display:inline-flex}.languageToggleButton{color:#f9f4ecd1;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:800}.languageToggleButton.active{color:#fff8ee;background:#fff8ee29}.heroMeta{align-content:start;gap:12px;display:grid}.metaCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8ee14;border-radius:18px;padding:16px 18px;box-shadow:inset 0 1px #ffffff0f}.metaLabel,.sectionKicker,.messageRole{letter-spacing:.12em;text-transform:uppercase}.metaLabel,.sectionKicker{color:#f9f4ecad;font-size:.75rem;font-weight:800;display:block}.metaCard strong{margin-top:8px;font-size:1.1rem;display:block}.metaCard p{color:#f9f4ecd1;margin:8px 0 0;line-height:1.5}.eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:800}h1,h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-weight:700;line-height:1.04}h1{font-size:clamp(2.4rem,4vw,4.4rem)}h2{font-size:1.6rem}.mainGrid{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.controlRail{color:#f7f2ea;background:linear-gradient(#0b251dfc,#123d31f2);border-radius:24px;flex-direction:column;gap:16px;padding:18px;display:flex}.railSection{flex-direction:column;gap:12px;display:flex}.levelGrid{grid-template-columns:1fr;gap:10px;display:grid}.levelCard{color:#fffaf2;cursor:pointer;text-align:left;background:#fff8ee0a;border:1px solid #fff8ee1f;border-radius:18px;gap:4px;padding:14px 14px 13px;transition:transform .18s,border-color .18s,background .18s;display:grid}.levelCard:hover{border-color:#d7a43180;transform:translateY(-1px)}.levelCard.active{background:linear-gradient(135deg,#d7a43129,#fff8ee14);border-color:#d7a431e0}.levelCode{color:var(--gold);font-size:.82rem;font-weight:800}.levelName{font-size:1rem;font-weight:700}.levelCaption{color:#fff8eeb8;font-size:.9rem}.infoPanel{background:linear-gradient(#fff8ee1a,#fff8ee0f);border-radius:18px;padding:16px}.infoPanel p,.supportText,.studioHeader p,.toolHint,.errorMessage,.messageBubble p{line-height:1.55}.infoPanel p{color:#fff8eed9;margin:0}.statList{color:#fff8eee0;gap:8px;margin:0;padding-left:18px;display:grid}.chipWrap,.focusTray,.pathPills{flex-wrap:wrap;display:flex}.chipWrap,.focusTray{gap:8px}.skillChip,.focusChip{border-radius:999px;align-items:center;padding:8px 11px;font-size:.84rem;font-weight:700;display:inline-flex}.skillChip{color:#fff8ee;background:#fff8ee1f}.insightNote{background:linear-gradient(135deg,#d7a4311f,#fff8ee0f);border:1px solid #d7a43133;border-radius:14px;gap:8px;padding:13px 14px;display:grid}.insightLabel{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:800}.insightNote p{color:#fff8eeeb;margin:0}.materialStack{gap:10px;display:grid}.materialCard{background:#fff8ee0d;border:1px solid #fff8ee1f;border-radius:14px;gap:8px;padding:13px 14px;display:grid}.materialCard strong{color:#fff8ee;font-size:.98rem}.materialCard p{color:#fff8eec2;margin:0}.materialTaskRow{flex-wrap:wrap;gap:8px;display:flex}.materialTask{color:#fff3d3;background:#d7a43124;border-radius:999px;align-items:center;padding:7px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.resourceLink{width:fit-content;color:var(--gold);align-items:center;margin-top:2px;font-weight:700;text-decoration:none;display:inline-flex}.resourceLink:hover{text-decoration:underline}.toggleRow{color:#fff8eeeb;align-items:center;gap:10px;display:flex}.secondaryButton,.voiceButton,.sendButton,.pathPill{transition:transform .18s,opacity .18s,background .18s}.secondaryButton,.voiceButton{color:#fff8ee;cursor:pointer;background:#fff8ee1a;border:1px solid #fff8ee2e;border-radius:12px;width:fit-content;padding:11px 14px;font-weight:700}.secondaryButton:hover,.voiceButton:hover,.sendButton:hover,.pathPill:hover{transform:translateY(-1px)}.studioPanel{background:linear-gradient(#fffbf5f5,#fbf6eee6);border-radius:24px;grid-template-rows:auto auto auto auto auto auto;display:grid;position:relative;overflow:hidden}.studioPanel:before{content:"";background:linear-gradient(90deg,#0000,#d7a4317a,#0000);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.studioHeader{border-bottom:1px solid var(--line);gap:12px;padding:20px 22px 14px;display:grid}.studioHeader p{max-width:70ch;color:var(--ink-soft);margin:8px 0 0}.pathPills{gap:10px}.pathPill{color:var(--ink);cursor:pointer;background:#fffaf2;border:1px solid #123d311f;border-radius:999px;padding:10px 14px;font-weight:700}.pathPill.active{background:var(--panel-strong);color:#fff8ee;border-color:#123d31e6}.focusTray{border-bottom:1px solid var(--line);gap:9px;padding:0 22px 14px}.focusChip{background:var(--gold-soft);color:#5b4010}.stagePanel{border-bottom:1px solid var(--line);background:linear-gradient(#fffaf3e6,#fff7eeb8);gap:8px;padding:12px 22px;display:grid}.stageRow{flex-wrap:wrap;gap:10px;display:flex}.stagePill{color:var(--ink-soft);background:#ffffffd6;border:1px solid #123d311f;border-radius:999px;align-items:center;padding:8px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.stagePill.active{background:var(--panel-strong);color:#fff8ee;border-color:#123d31eb}.stageStatus{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.messageHistory{flex-direction:column;gap:12px;min-height:180px;max-height:min(40dvh,460px);padding:16px 22px 12px;display:flex;overflow-y:auto}.messageBubble{border:1px solid var(--line);background:#ffffffd1;border-radius:20px;width:min(78%,760px);padding:16px 18px;box-shadow:0 10px 30px #11231c0d}.messageBubble.assistant{align-self:flex-start}.messageBubble.user{color:#fff8ee;background:linear-gradient(135deg,#123d31f5,#2f7a5deb);border-color:#0000;align-self:flex-end}.messageBubble.pending{color:var(--ink-soft)}.messageRole{color:var(--terracotta);margin-bottom:6px;font-size:.75rem;font-weight:800;display:block}.messageBubble.user .messageRole{color:#fff8eeb3}.messageBubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.errorMessage{color:#972913;margin:0 22px 10px;font-weight:700}.composer{border-top:1px solid var(--line);background:#fffbf5e0;grid-template-columns:minmax(0,1fr) 128px;gap:14px;padding:14px 22px 18px;display:grid}.composerInputWrap{gap:12px;display:grid}.composer textarea{resize:vertical;width:100%;min-height:92px;color:var(--ink);background:#fffffff5;border:1px solid #123d3129;border-radius:18px;outline:none;padding:16px}.composer textarea:focus{border-color:#123d31cc;box-shadow:0 0 0 4px #123d3114}.composerTools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.voiceButton{background:#123d31f0}.voiceButton.recording{background:var(--terracotta)}.toolHint{color:var(--ink-soft);font-size:.92rem}.sendButton{color:#2f2208;cursor:pointer;background:linear-gradient(135deg,#d7a431,#fac952);border:0;border-radius:18px;align-self:end;min-height:54px;font-weight:800;box-shadow:0 14px 32px #d7a43147}.sendButton:disabled,.voiceButton:disabled,.secondaryButton:disabled,.pathPill:disabled,.levelCard:disabled,.composer textarea:disabled{cursor:not-allowed;opacity:.56;transform:none}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.heroPanel,.mainGrid{grid-template-columns:1fr}.controlRail{order:2}.studioPanel{min-height:auto}}@media (max-width:760px){.pageWrap{gap:14px;padding:14px}.heroPanel,.controlRail,.studioPanel{border-radius:20px}.heroPanel,.controlRail,.studioHeader,.messageHistory,.focusTray,.composer,.stagePanel{padding-left:16px;padding-right:16px}.heroPanel{padding-top:20px;padding-bottom:20px}.studioHeader{padding-top:18px;padding-bottom:12px}.focusTray{padding-bottom:12px}.stagePanel{padding-top:12px;padding-bottom:12px}.messageHistory{min-height:0;max-height:min(38dvh,360px);padding-top:14px;padding-bottom:10px}.messageBubble{width:100%;padding:14px 15px}.composer{grid-template-columns:1fr;gap:12px;padding-top:12px;padding-bottom:16px}.composer textarea{min-height:88px}.sendButton{align-self:stretch;min-height:52px}}