.route-shell,.route-choice{color:var(--text);font-family:var(--font-body);background:var(--bg);box-sizing:border-box;min-height:100svh}.route-experience-link{z-index:40;right:24px;bottom:calc(6svh + env(safe-area-inset-bottom));color:var(--gold);border:1px solid var(--line);background:var(--bg);min-height:44px;font:13px var(--font-body);border-radius:11px;padding:12px 16px;text-decoration:none;position:fixed}.route-shell{padding:calc(16px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.route-shell *,.route-choice *{box-sizing:border-box}.route-shell h1,.route-choice h1{font-family:var(--font-h2);color:var(--title);overflow-wrap:anywhere;margin:16px 0;font-size:clamp(30px,3.6vw,44px);font-weight:600;line-height:1.35}.route-shell h2{color:var(--title);margin:0 0 12px;font-size:18px;line-height:1.5}.route-shell p,.route-choice p{line-height:1.65}.route-shell button,.route-shell a,.route-choice button{-webkit-tap-highlight-color:transparent}.route-shell button,.route-choice button{font:inherit;cursor:pointer}.route-shell button:disabled{opacity:.45;cursor:default}.route-shell button:focus-visible,.route-shell a:focus-visible,.route-shell summary:focus-visible,.route-choice button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.route-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;font-size:13px;display:flex}.route-top>a{font-family:var(--font-display);color:var(--title)}.route-top a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.route-top nav{align-items:center;gap:12px;margin-left:auto;display:flex}.route-top nav a{color:var(--gold);white-space:nowrap}.route-top nav button{color:var(--text);border:1px solid var(--line);border-radius:var(--r-md);background:0 0;min-height:44px;padding:8px 12px}.route-eyebrow{font:700 15px/1.4 var(--font-h2);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.route-main{color:#121414;background:#e9e9e4;border:0;border-radius:11px;justify-content:center;align-items:center;gap:18px;min-height:56px;padding:14px 24px;text-decoration:none;display:flex;font-weight:700!important}.route-secondary{border:1px solid var(--line);min-height:44px;color:var(--text);background:0 0;border-radius:11px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;display:inline-flex}.route-choice{z-index:160;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 70% 0%,var(--bg2),var(--bg) 75%);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.route-choice-content{width:100%;max-width:860px}.route-choice-grid{gap:16px;margin:32px 0;display:grid}.route-choice-grid button{border:1px solid var(--line);background:var(--glass);color:var(--text);border-radius:var(--r-lg);text-align:left;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;min-height:144px;padding:24px;display:grid}.route-choice-grid strong{font-family:var(--font-body);color:var(--title);font-size:18px;font-weight:700}.route-choice-grid span{color:var(--soft);grid-column:2;font-size:14px;line-height:1.65}.route-choice-grid b{color:var(--gold);grid-area:1/3/3}.route-choice-grid svg{grid-row:1/3}.route-choice-grid button:hover,.route-options button:hover{border-color:var(--gold);background:var(--bg2)}.route-icon{width:32px;height:32px;color:var(--gold);flex-shrink:0}.route-fork{max-width:1200px;margin:auto}.route-fork-head{max-width:780px}.route-fork-flow{max-width:640px;margin:0 auto}.route-fork-flow h1{margin:8px 0 12px;font-size:clamp(22px,5.5vw,32px)}.route-track-switch{color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;display:flex}.route-track-switch button{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--text);font:600 15px/1 var(--font-body);border-radius:999px;padding:8px 18px}.route-track-switch button[aria-checked=true]{border-color:var(--gold);background:var(--plate);color:var(--title)}.route-q-progress{font:12px/1.6 var(--font-mono);letter-spacing:.06em;color:var(--soft);margin:0 0 16px}.route-q-progress em{background:var(--line);border-radius:2px;height:3px;margin-top:8px;display:block;overflow:hidden}.route-q-progress i{background:var(--gold);border-radius:2px;height:100%;transition:width .3s;display:block}.route-question{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--glass);min-width:0;margin:0;padding:16px}.route-question[data-dir=fwd]{animation:.3s cubic-bezier(.22,.8,.3,1) both route-q-fwd}.route-question[data-dir=back]{animation:.3s cubic-bezier(.22,.8,.3,1) both route-q-back}@keyframes route-q-fwd{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes route-q-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes route-q-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.route-question[data-dir]{animation-name:route-q-fade}.route-q-progress i{transition:none}}.route-question legend{max-width:100%;color:var(--title);padding:0 8px;font-size:19px;font-weight:600;line-height:1.4}.route-question legend svg{vertical-align:middle;width:24px;height:24px;margin-right:10px;display:inline-block}.route-question>p{color:var(--soft);margin:4px 0 16px;font-size:15px}.route-options{gap:10px;display:grid}.route-options button{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);min-height:96px;color:var(--text);background:var(--bg);grid-template-columns:1fr 20px;gap:7px 12px;padding:14px;display:grid}.route-options button[aria-pressed=true]{border-color:var(--gold);background:var(--plate)}.route-options strong{color:var(--title);font-size:17px}.route-options span{color:var(--soft);font-size:14px;line-height:1.55}.route-options b{color:var(--gold);grid-area:1/2/3;align-self:center}.route-onyx-line{color:var(--soft);border-left:2px solid var(--gold);overflow-wrap:anywhere;margin:16px 0;padding:12px 14px;font-size:14px}.route-onyx-listen{border:1px solid var(--gold);min-height:44px;color:var(--gold);background:0 0;border-radius:11px;margin-left:10px;padding:8px 14px}.route-onyx-line b{color:var(--gold);letter-spacing:.1em;font-size:14px;font-weight:700;font-family:var(--font-h2);margin-bottom:5px;display:block}.route-fork-footer,.route-guide-footer{padding:16px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);z-index:3;flex-wrap:wrap;gap:12px;display:flex;position:sticky;bottom:0}.route-fork-footer .route-main{flex:1}@media (min-width:768px){.route-guide-footer{background:0 0;padding-bottom:22px;position:static}}.route-layout{gap:20px;display:grid}.route-navigation{min-width:0}.route-navigation details{border:1px solid var(--line);border-radius:var(--r-md);padding:0 14px}.route-navigation summary{cursor:pointer;min-height:48px;color:var(--gold);padding:14px 0;font-size:14px}.route-navigation ol{margin:0 0 16px;padding:0;list-style:none}.route-navigation a{min-height:44px;color:var(--soft);border-radius:var(--r-md);align-items:center;gap:12px;padding:10px 8px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.route-navigation a[aria-current=step]{color:var(--title);background:var(--plate)}.route-navigation a span{color:var(--gold);font:12px var(--font-mono)}.route-center{min-width:0}.route-guide{border:1px solid var(--line);background:var(--glass);border-radius:var(--r-lg);padding:20px 16px 0}.route-lead{color:var(--soft);font-size:16px}.route-steps{counter-reset:route-step;margin:20px 0 0;padding:0;list-style:none}.route-step{counter-increment:route-step;border-top:1px solid var(--line);min-height:64px;padding:20px 0 20px 52px;position:relative}.route-step:before{content:counter(route-step);border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);font:600 15px var(--font-mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:20px;left:0}.route-step h2{margin:4px 0 6px;font-size:17px;line-height:1.5}.route-step-body p{overflow-wrap:anywhere;margin:6px 0;font-size:16px}.route-step-body a,.route-fallback a{color:var(--gold);overflow-wrap:anywhere;min-height:44px;padding:10px 0;display:inline-block}.route-step-image{border-radius:var(--r-md);width:100%;height:auto;margin:16px 0;display:block}.route-fallback{color:var(--soft);border:1px solid var(--line);border-radius:var(--r-md);margin:14px 0 8px;padding:0 12px;font-size:14px}.route-fallback summary{min-height:44px;color:var(--text);cursor:pointer;padding:12px 0}.route-fallback p{overflow-wrap:anywhere}.route-guide-footer>p{width:100%;color:var(--soft);margin:0;font-size:13px}.route-ask{width:100%;min-height:44px;color:var(--gold);text-align:center;text-underline-offset:4px;background:0 0;border:0;padding:10px 12px;text-decoration:underline}.route-guide-footer .route-main{width:100%}.route-copy{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);max-width:100%;padding:16px}.route-copy pre,.route-sample pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 var(--font-mono);margin:0 0 14px}.route-copy-actions{flex-wrap:wrap;gap:12px;display:flex}.route-copy button,.route-copy a{border:1px solid var(--line);background:var(--plate);color:var(--text);border-radius:11px;align-items:center;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}.route-copy p{margin:8px 0 0;font-size:12px}.route-preview-controls{flex-wrap:wrap;gap:16px;display:flex}.route-preview-controls label{gap:8px;display:grid}.route-preview-controls select{max-width:100%;min-height:44px;font:16px var(--font-body);color:var(--text);border:1px solid var(--line);background:var(--bg2);border-radius:11px;padding:10px}.route-preview-screen{border-top:1px solid var(--line);max-width:760px;margin:28px 0;padding:24px 0}.route-sample h2{margin:20px 0 12px}.route-mobile-note{color:var(--gold)}.route-assistant{border:1px solid var(--line);border-radius:var(--r-lg);grid-row:2;grid-template-columns:112px 1fr;gap:0 12px;min-width:0;padding:12px;display:grid}.route-avatar{grid-row:1/3;height:142px}.route-avatar>img{object-fit:cover;object-position:center 25%;border-radius:var(--r-md);width:100%;height:100%;display:block}.route-assistant .route-onyx-line{margin:0;padding:8px 10px;font-size:12px}.route-chat-toggle{background:var(--plate);border:1px solid var(--line);min-height:44px;color:var(--title);border-radius:11px;margin-top:12px;padding:10px 12px}.route-assistant .chat-panel{flex-direction:column;grid-column:1/-1;width:100%;min-width:0;margin-top:16px;display:flex}.route-assistant .chat-list{flex-direction:column;gap:12px;min-height:90px;max-height:350px;padding:0 0 16px;display:flex;overflow-y:auto}.route-assistant .msg{background:var(--bg2);border-radius:var(--r-md);overflow-wrap:anywhere;padding:12px;font-size:14px;line-height:1.6}.route-assistant .msg.student{background:var(--plate);margin-left:20px}.route-assistant .msg.notice{color:var(--soft);font-size:12px}.route-assistant .chat-input{grid-template-columns:minmax(0,1fr) 44px 44px;gap:6px;display:grid}.route-assistant .chat-input input{background:var(--bg);width:100%;min-width:0;min-height:48px;color:var(--text);border:1px solid var(--line);font:16px var(--font-body);border-radius:11px;padding:10px}.route-assistant .chat-input button{background:var(--plate);width:44px;min-height:48px;color:var(--gold);border:1px solid var(--line);border-radius:11px;padding:10px;position:relative}.route-assistant .chat-input svg{width:24px;height:24px}.route-assistant .mic-ring{border:1px solid var(--gold);border-radius:50%;position:absolute;inset:5px}@media (min-width:768px){.route-shell{padding:24px}.route-choice-grid,.route-fork-flow .route-options{grid-template-columns:1fr 1fr}.route-fork-footer{justify-content:space-between}.route-fork-footer .route-main{flex:initial;min-width:220px;margin-left:auto}.route-layout{grid-template-columns:154px minmax(0,1fr) 264px;align-items:start;gap:16px}.route-navigation,.route-assistant{position:sticky;top:24px}.route-guide{padding:24px 22px 0}.route-assistant{grid-row:auto;padding:14px;display:block}.route-avatar{height:220px}.route-assistant .route-onyx-line{margin:12px 0;font-size:13px}.route-assistant .chat-list{max-height:260px}.route-chat-toggle{display:none}.route-top nav{flex:none}}@media (max-width:767px){.route-guide{padding-bottom:168px}.route-guide-footer{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border:1px solid var(--line);background:linear-gradient(160deg,#2a211c,#14100e);border-radius:18px 18px 0 0;position:fixed;bottom:0}.route-assistant.is-open{inset:max(16px,env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom) + var(--kb,0px));z-index:180;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);align-content:start;position:fixed;overflow-y:auto}.route-assistant.is-open .chat-list{max-height:calc(100svh - 360px - var(--kb,0px))}}@media (min-width:1280px){.route-shell:not(.route-fork){max-width:1680px;margin:auto}.route-layout{grid-template-columns:200px minmax(0,720px) minmax(290px,1fr);justify-content:center;gap:24px}.route-avatar{height:280px}}@media (prefers-reduced-motion:reduce){.route-shell *,.route-choice *{scroll-behavior:auto!important}}@media (min-width:768px) and (max-width:1000px) and (min-height:700px){.route-layout{grid-template-columns:minmax(0,640px);justify-content:center}.route-navigation,.route-assistant{position:static}.route-assistant{grid-row:2;grid-template-columns:160px 1fr;gap:12px;display:grid}.route-avatar{height:190px}.route-assistant .chat-panel{grid-column:2;margin-top:0}}@media (orientation:landscape) and (max-height:500px) and (max-width:1000px){.route-layout{grid-template-columns:200px minmax(0,1fr)}.route-navigation{grid-column:1/-1;position:static}.route-center{grid-area:2/2}.route-assistant{grid-area:2/1;display:block;position:sticky;top:12px}.route-avatar{height:130px}.route-assistant .chat-list{max-height:120px}.route-chat-toggle{display:block}}