:root{--bg:#f5ebd7;--bg-deep:#10281f;--surface:#fff9f0e0;--surface-strong:#fffbf5f5;--surface-dark:#10281fe6;--text:#1c231f;--text-soft:#546158;--line:#1c231f1a;--green:#0f6b4b;--green-strong:#0a4d35;--orange:#e7722a;--yellow:#f0c663;--red:#ca4c47;--blue:#2f708e;--shadow:0 20px 60px #1b211d1f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font-sans:"Avenir Next", "Trebuchet MS", "Helvetica Neue", sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);font-family:var(--font-sans);background:radial-gradient(circle at 18% 14%,#e7722a2e,#0000 0 24%),radial-gradient(circle at 82% 4%,#0f6b4b38,#0000 0 30%),linear-gradient(#f7efdf 0%,#efe3cb 100%);overflow-x:hidden}body:before{content:"";opacity:.3;pointer-events:none;background-image:radial-gradient(#0f6b4b14 1px,#0000 1px);background-size:18px 18px;position:fixed;inset:0}body:after{content:"";filter:blur(70px);opacity:.34;pointer-events:none;background:#0f6b4b40;border-radius:999px;width:280px;height:280px;position:fixed;bottom:60px;left:-120px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.shell{z-index:1;width:min(1320px,100vw - 32px);margin:20px auto;position:relative}.shell.preview-mobile .device-frame{max-width:420px;margin-inline:auto}.device-frame{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf759;border:1px solid #ffffff80;border-radius:34px;overflow:hidden}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 0;display:flex}.brand-wrap{gap:6px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);font-size:12px;font-weight:700}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);color:#fff;border-radius:14px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.brand-title{letter-spacing:-.04em;margin:0;font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1}.brand-subtitle{color:var(--text-soft);max-width:620px;margin:0}.controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.session-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.segmented{background:#fff9;border:1px solid #1c231f14;border-radius:999px;gap:6px;padding:6px;display:inline-flex}.segmented button{color:var(--text-soft);background:0 0;border:0;border-radius:999px;min-width:58px;padding:8px 12px}.segmented button.active{background:var(--surface-dark);color:#fff7ec}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 108px);display:grid}.app-shell.no-sidebar{grid-template-columns:minmax(0,1fr)}.shell.preview-mobile .app-shell,.shell.unauthenticated .app-shell{grid-template-columns:1fr}.sidebar{border-right:1px solid var(--line);color:#f7efdf;background:linear-gradient(#10281ff2 0%,#10281fd9 100%);padding:22px}.sidebar-card{border-radius:var(--radius-lg);background:#ffffff14;border:1px solid #ffffff14;margin-bottom:16px;padding:16px}.nav-list{gap:8px;margin:20px 0 16px;display:grid}.nav-item{text-align:left;border-radius:var(--radius-md);color:#f8eedf;background:#ffffff0d;border:0;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.nav-item.active{background:linear-gradient(135deg,#0f6b4bbf,#e7722abf)}.content{gap:18px;padding:22px;display:grid}.page{gap:18px;display:grid}.hero-card,.panel,.stat-card,.track-card,.node-card,.table-card,.form-card{background:var(--surface);border-radius:var(--radius-xl);border:1px solid #1c231f14;padding:20px;box-shadow:0 18px 36px #1b211d0d}.hero-card{color:#fff7ef;background:linear-gradient(135deg,#0f6b4bf5 0%,#0a4d35eb 44%,#e7722adb 100%);position:relative;overflow:hidden}.hero-card:after{content:"";background:#fff7ef1f;border-radius:999px;width:280px;height:280px;position:absolute;inset:auto -10% -35% auto}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;display:grid;position:relative}.hero-title,.section-title{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,40px);line-height:.95}.section-title{font-size:clamp(24px,3vw,32px)}.hero-copy,.muted{color:#fff7efd1}.auth-mode-switch{margin-bottom:14px}.card-title{margin:0;font-size:20px}.card-subtitle{color:var(--text-soft);margin:6px 0 0}.sidebar .eyebrow{color:#f7efdf7a}.sidebar .card-subtitle{color:#f7efdfb8}.stack,.form-grid{gap:14px;display:grid}.form-grid.two,.grid-2,.grid-3,.grid-4,.track-strip,.node-grid,.summary-grid,.session-grid,.auth-layout,.onboarding-layout{gap:16px;display:grid}.form-grid.two,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.track-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4,.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid.summary-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.node-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-node-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.session-grid,.auth-layout,.onboarding-layout{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.session-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.field{gap:8px;display:grid}.field label{color:var(--text-soft);font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;color:var(--text);background:#fffc;border:1px solid #1c231f1f;border-radius:14px;padding:12px 14px}.field textarea{resize:vertical;min-height:92px}.question-card,.log-item,.history-item{border-radius:var(--radius-lg);background:#ffffffad;border:1px solid #1c231f14;gap:12px;padding:16px;display:grid}.option-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.option-grid button{text-align:left;background:#ffffffbd;border:1px solid #1c231f1a;border-radius:16px;align-content:start;gap:6px;min-width:0;min-height:72px;padding:12px 10px;line-height:1.2;display:grid}.option-grid button span{overflow-wrap:anywhere}.option-grid button.active{background:linear-gradient(135deg,#0f6b4b2e,#e7722a2e);border-color:#0f6b4b59}.track-card{gap:12px;display:grid}.auth-track-list{grid-template-columns:1fr;gap:14px;display:grid}.auth-track-card{gap:10px;min-height:0}.auth-track-card .card-subtitle{margin:0}.track-card header,.node-card header,.panel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.progress-bar{background:#10281f14;border-radius:999px;height:11px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--green) 0%, var(--orange) 100%);border-radius:999px;height:100%;display:block}.node-card{position:relative;overflow:hidden}.roadmap-node-card{flex-direction:column;gap:12px;height:100%;display:flex}.roadmap-node-copy{flex:auto;gap:10px;min-width:0;display:grid}.roadmap-node-copy .card-title,.roadmap-node-copy .card-subtitle{margin:0}.roadmap-node-actions{margin-top:auto;display:block}.roadmap-node-actions .soft-button{text-align:center;width:100%;display:block}.node-card:before{content:"";background:#10281f14;width:6px;position:absolute;inset:0 auto 0 0}.node-card.status-mastered:before{background:var(--green)}.node-card.status-recommended:before{background:var(--orange)}.node-card.status-active:before{background:var(--blue)}.node-card.status-locked:before{background:#1c231f24}.node-card.status-validating:before{background:var(--yellow)}.pill-row,.button-row,.meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{--pill-bg:#10281f14;--pill-text:var(--text);background:var(--pill-bg);color:var(--pill-text);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill.green{--pill-bg:#0f6b4b29;--pill-text:#0b4d36}.pill.orange{--pill-bg:#e7722a2e;--pill-text:#70310b}.pill.yellow{--pill-bg:#f0c66347;--pill-text:#604a08}.sidebar .pill,.hero-card .pill{--pill-bg:#fff7ef24;--pill-text:#fff7ee}.sidebar .pill.green,.hero-card .pill.green{--pill-bg:#46967047;--pill-text:#f0fff6}.sidebar .pill.orange,.hero-card .pill.orange{--pill-bg:#e7722a47;--pill-text:#fff4ea}.sidebar .pill.yellow,.hero-card .pill.yellow{--pill-bg:#f0c66347;--pill-text:#fff8dc}.hero-card .panel .pill{--pill-bg:#10281f14;--pill-text:var(--text)}.hero-card .panel .pill.green{--pill-bg:#0f6b4b29;--pill-text:#0b4d36}.hero-card .panel .pill.orange{--pill-bg:#e7722a2e;--pill-text:#70310b}.hero-card .panel .pill.yellow{--pill-bg:#f0c66347;--pill-text:#604a08}.cta,.ghost-button,.soft-button{border:0;border-radius:999px;padding:12px 18px;font-weight:700}.cta{background:var(--surface-strong);color:var(--green-strong)}.cta.primary{background:linear-gradient(135deg, var(--green) 0%, var(--orange) 100%);color:#fff8ef}.ghost-button{color:inherit;background:#ffffff1f;border:1px solid #ffffff2e}.soft-button{color:var(--text);background:#10281f14}.sidebar .soft-button{color:#fff6eb;background:#fff7ef1a;border:1px solid #fff7ef14}.stat-value{font-family:var(--font-serif);margin:2px 0;font-size:clamp(28px,4vw,42px)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #1c231f14;padding:12px 10px}.table th{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.empty-state{border-radius:var(--radius-lg);color:var(--text-soft);border:1px dashed #1c231f29;padding:20px}.toast{z-index:10;color:#fff6eb;background:#10281fe0;border-radius:999px;align-items:center;gap:12px;max-width:100%;padding:12px 16px;display:inline-flex;position:sticky;top:14px}.toast.status{background:#2f708ee6}.toast.error{background:#ca4c47eb}.modal{z-index:20;background:#10281f47;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fffbf5fa;border:1px solid #1c231f1a;border-radius:28px;width:min(860px,100vw - 24px);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 24px 90px #12201a38}.bottom-nav{display:none}@media (width<=1099px){.topbar{flex-direction:column;align-items:stretch}.controls{justify-content:flex-start}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.auth-layout,.onboarding-layout,.hero-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=719px){.shell{width:calc(100vw - 16px);margin:8px auto}.device-frame{border-radius:28px}.topbar,.content{padding-inline:16px}.hero-card,.panel,.stat-card,.track-card,.node-card,.form-card{border-radius:22px;padding:16px}.grid-2,.grid-3,.grid-4,.track-strip,.node-grid,.summary-grid,.session-grid,.form-grid.two,.option-grid{grid-template-columns:1fr}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffaf433,#fffaf4d1);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;padding:14px 16px 18px;display:grid;position:sticky;bottom:12px}.bottom-nav button{color:var(--text-soft);background:#ffffffd1;border:0;border-radius:18px;padding:12px 10px;font-size:12px;font-weight:700}.bottom-nav button.active{background:var(--surface-dark);color:#fff7ed}}