:root{color-scheme:dark;--bg:#05060a;--panel:rgba(15,17,24,.72);--line:rgba(255,255,255,.09);--text:#f6f3ec;--muted:#8f939f;--gold:#e9bf73;--violet:#7c5cff;--green:#7ce0b2}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;background:#05060a;color:var(--text);font-family:Inter,Segoe UI,"Microsoft YaHei",system-ui,sans-serif}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 72% -10%,rgba(95,64,164,.22),transparent 28%),radial-gradient(circle at 10% 15%,rgba(212,151,64,.08),transparent 23%),linear-gradient(180deg,#07080c,#040509 48%,#05060a)}.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.22}.ambient-a{width:420px;height:420px;background:#7348d7;top:-220px;right:-140px}.ambient-b{width:300px;height:300px;background:#bd7e32;bottom:10%;left:-220px}.topbar{max-width:1180px;margin:auto;padding:22px 28px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.eyebrow{font-size:10px;letter-spacing:.2em;color:#777d89;font-weight:700}.eyebrow.gold{color:var(--gold)}.brand{margin-top:4px;font-size:13px;color:#b8bbc3}.server-pill{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:9px;letter-spacing:.1em;color:#777d89;background:rgba(0,0,0,.25)}.server-dot{width:6px;height:6px;border-radius:50%;background:#666}.server-pill.online{color:#9fcfb8}.server-pill.online .server-dot{background:#74d6a8;box-shadow:0 0 10px #74d6a8}.page-wrap{max-width:1180px;margin:auto;padding:34px 28px 120px;position:relative;z-index:2;transition:.16s opacity,.16s transform}.page-wrap.fading{opacity:.25;transform:translateY(4px)}.hero-block{min-height:360px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;border-bottom:1px solid var(--line);padding-bottom:28px}.hero-copy h1{font-size:clamp(38px,5vw,72px);line-height:1.03;letter-spacing:-.045em;margin:14px 0 18px;max-width:700px}.hero-copy p{color:var(--muted);max-width:520px;line-height:1.7;font-size:14px}.blackhole-stage{position:relative;width:min(390px,38vw);aspect-ratio:1;margin-left:auto;display:grid;place-items:center;filter:drop-shadow(0 18px 70px rgba(110,72,218,.16))}.hole-core{position:absolute;width:31%;height:31%;border-radius:50%;background:radial-gradient(circle at 38% 34%,#101012 0 8%,#000 35% 68%,#060607 74%);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 42px 12px rgba(0,0,0,.9),0 0 70px 3px rgba(110,71,190,.22);z-index:4}.core-glint{position:absolute;inset:-9%;border-radius:50%;border-top:1px solid rgba(255,219,160,.35);transform:rotate(-28deg)}.accretion{position:absolute;width:84%;height:24%;border-radius:50%;transform:rotate(-15deg)}.accretion-back{background:radial-gradient(ellipse,transparent 38%,rgba(104,71,202,.72) 43%,rgba(224,163,82,.72) 49%,rgba(255,219,158,.9) 52%,rgba(129,79,205,.5) 57%,transparent 64%);filter:blur(3px);opacity:.8;animation:pulse 5s ease-in-out infinite}.accretion-front{z-index:6;border-bottom:5px solid rgba(234,188,108,.83);box-shadow:0 8px 22px rgba(230,173,88,.24);clip-path:inset(51% 0 0 0);opacity:.95}.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-15deg)}.orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.orbit-1{width:92%;height:44%;animation:orbitspin 14s linear infinite}.orbit-1:after{top:47%;left:-3px}.orbit-2{width:67%;height:67%;border-color:rgba(124,92,255,.14);animation:orbitspin 18s linear reverse infinite}.orbit-2:after{right:8%;top:12%;background:#8b6cff}.orbit-3{width:52%;height:87%;border-color:rgba(233,191,115,.1);animation:orbitspin 24s linear infinite}.orbit-3:after{right:20%;bottom:4%;width:3px;height:3px}.focus-score{position:absolute;right:2%;bottom:13%;z-index:7;text-align:right}.focus-score strong{display:block;font-size:40px;font-weight:500;letter-spacing:-.06em}.focus-score span{font-size:8px;letter-spacing:.18em;color:#8a8e98}@keyframes orbitspin{to{transform:rotate(345deg)}}@keyframes pulse{50%{opacity:1;filter:blur(2px) brightness(1.14)}}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.glass-card{background:linear-gradient(135deg,rgba(21,23,31,.82),rgba(10,11,17,.7));border:1px solid var(--line);border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 60px rgba(0,0,0,.18);backdrop-filter:blur(18px);padding:20px}.metric-card{min-height:125px;display:flex;flex-direction:column}.metric-key{font-size:9px;letter-spacing:.18em;color:#737987}.metric-card strong{font-size:34px;font-weight:500;margin:auto 0 1px;letter-spacing:-.05em}.metric-card strong small{font-size:12px;color:#777;font-weight:500}.metric-card>span:last-child{font-size:11px;color:#9296a0}.mission-card{margin-top:12px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head.compact{margin-bottom:18px}.section-kicker{display:flex;gap:6px;align-items:center;color:var(--gold);font-size:9px;letter-spacing:.15em;font-weight:700}.section-head h2{font-size:20px;margin:7px 0 0;letter-spacing:-.025em}.count-chip,.status-chip{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:7px 9px;border-radius:999px;font-size:10px;color:#b8bbc3}.task-list{display:grid;gap:7px}.task-row{width:100%;border:0;background:rgba(255,255,255,.022);color:var(--text);border-radius:14px;padding:13px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:.2s}.task-row:hover{background:rgba(255,255,255,.045)}.check-ring{width:22px;height:22px;border:1px solid #5f6470;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.task-main{display:flex;flex-direction:column;gap:4px;flex:1}.task-main strong{font-size:13px;font-weight:500}.task-main small{font-size:8px;letter-spacing:.13em;color:#777d89}.row-arrow{font-size:20px;color:#555b68}.task-row.done{opacity:.55}.task-row.done .check-ring{border-color:#78d4a8;color:#78d4a8}.task-row.done .task-main strong{text-decoration:line-through}.dashboard-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.goal-stack,.project-stack{display:grid;gap:16px}.goal-line{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}.goal-line b{color:#8c9099;font-size:10px}.progress-track{height:5px;background:#20232c;border-radius:9px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#8864ea,#ddb66d);border-radius:9px;box-shadow:0 0 15px rgba(203,155,84,.25)}.progress-track.large{height:7px;margin:20px 0}.project-mini{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:12px}.project-mini:last-child{border-bottom:0}.project-mini div{display:flex;flex-direction:column;gap:3px}.project-mini strong{font-size:12px}.project-mini small,.project-mini span{font-size:9px;color:#7f8490}.module-page{display:grid;gap:14px}.module-title{padding:30px 0 18px;border-bottom:1px solid var(--line)}.module-title h1{font-size:clamp(36px,5vw,64px);margin:10px 0 12px;letter-spacing:-.045em}.module-title p,.muted{color:var(--muted);font-size:12px;line-height:1.7}.feature-actions{display:flex;gap:10px}.feature-actions button{border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(233,191,115,.14),rgba(124,92,255,.08));color:#ece8df;padding:12px 15px;cursor:pointer}.feature-actions em{font-style:normal;font-size:8px;padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.08);color:#9ca0aa}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.big-stat{min-height:155px;display:flex;flex-direction:column;justify-content:space-between}.big-stat small{color:#858a95}.big-stat strong{font-size:42px;letter-spacing:-.055em;font-weight:500}.big-stat strong b{font-size:11px;color:#808590}.big-stat span{font-size:10px;color:#858a95}.big-stat.accent{background:radial-gradient(circle at 100% 0,rgba(205,151,73,.12),transparent 45%),linear-gradient(135deg,rgba(21,23,31,.82),rgba(10,11,17,.7))}.training-hero{min-height:200px;background:radial-gradient(circle at 88% 20%,rgba(124,92,255,.14),transparent 35%),linear-gradient(135deg,rgba(21,23,31,.82),rgba(10,11,17,.7))}.tiny-label{font-size:9px;letter-spacing:.15em;color:#898e99}.training-hero h2{font-size:38px;margin:20px 0 35px;letter-spacing:-.04em}.readiness{height:5px;background:#21242d;border-radius:9px;position:relative}.readiness i{display:block;height:100%;background:linear-gradient(90deg,#7759dd,#e1b86f);border-radius:9px}.readiness b{position:absolute;right:0;top:11px;font-size:8px;letter-spacing:.12em;color:#858a95}.mini-feature{display:flex;align-items:center;gap:14px;min-height:55px}.feature-symbol{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold)}.mini-feature div{display:flex;flex-direction:column;gap:4px}.mini-feature small{font-size:9px;color:#7f8490}.mini-feature strong{font-size:17px}.split-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.split-row span{border:1px solid var(--line);border-radius:12px;padding:13px 8px;text-align:center;font-size:11px;background:rgba(255,255,255,.02)}.split-row b{display:block;font-size:8px;color:#7e8390;margin-bottom:5px}.radar-card{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:25px}.radar-visual{width:150px;aspect-ratio:1;border-radius:50%;position:relative;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(124,92,255,.12) 25px 26px),linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.07) 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(255,255,255,.07) 50%,transparent 50.5%);border:1px solid rgba(124,92,255,.15);overflow:hidden}.radar-sweep{position:absolute;inset:50% 50% 0 0;background:conic-gradient(from 270deg,rgba(124,92,255,.32),transparent 70%);transform-origin:100% 0;animation:sweep 5s linear infinite}@keyframes sweep{to{transform:rotate(360deg)}}.region-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.region-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 8px;font-size:9px;color:#a4a8b0}.project-cards{display:grid;gap:10px}.project-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.project-icon{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}.project-copy small{font-size:8px;letter-spacing:.12em;color:#7b808a}.project-copy h2{font-size:15px;margin:5px 0 12px}.project-card>strong{font-size:12px;color:#8d919b}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:18px;transform:translateX(-50%);width:min(620px,calc(100% - 32px));height:66px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(8,9,14,.86);backdrop-filter:blur(24px);box-shadow:0 20px 80px rgba(0,0,0,.5);display:grid;grid-template-columns:repeat(5,1fr);padding:6px}.bottom-nav button{border:0;background:transparent;color:#696f7b;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;cursor:pointer}.bottom-nav button.active{color:#eee;background:linear-gradient(180deg,rgba(233,191,115,.1),rgba(124,92,255,.06));box-shadow:inset 0 0 0 1px rgba(233,191,115,.08)}.nav-ico{font-size:18px;line-height:18px}.bottom-nav button.active .nav-ico{color:var(--gold)}.loading,.error-card{margin:60px auto;text-align:center;color:var(--muted);font-size:12px}.error-card{display:grid;gap:8px}.error-card b{color:#efc1a6}
@media(max-width:760px){.topbar{padding:17px 16px 0}.brand{font-size:11px}.server-pill{font-size:7px;padding:7px}.page-wrap{padding:18px 14px 104px}.hero-block{grid-template-columns:1fr;min-height:0;padding-top:20px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:12px}.blackhole-stage{width:min(320px,84vw);margin:4px auto -8px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:105px;padding:15px}.metric-card strong{font-size:30px}.glass-card{border-radius:18px;padding:16px}.dashboard-two-col{grid-template-columns:1fr}.module-title{padding:18px 2px 13px}.module-title h1{font-size:39px}.module-grid{grid-template-columns:1fr 1fr;gap:8px}.big-stat{min-height:136px}.big-stat strong{font-size:33px}.split-row{grid-template-columns:repeat(5,1fr);gap:4px}.split-row span{padding:10px 3px;font-size:10px}.radar-card{grid-template-columns:1fr}.radar-visual{margin:auto}.bottom-nav{bottom:max(10px,env(safe-area-inset-bottom));width:calc(100% - 18px);height:62px;border-radius:20px}.focus-score{right:7%;bottom:15%}}
@media(max-width:390px){.hero-copy h1{font-size:37px}.metric-grid{gap:7px}.metric-card{padding:13px}.feature-actions{flex-direction:column}.module-grid{grid-template-columns:1fr}.split-row span{font-size:9px}.topbar .brand{display:none}}

/* ===== V0.2 DATA LAYER: interaction additions only; BlackHole baseline above remains intact ===== */
.metric-card.actionable{cursor:pointer;position:relative}
.metric-edit{font-style:normal;font-size:8px;color:#676c77;margin-top:6px}
.head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.small-action,.date-nav button,.icon-action,.ghost-btn,.primary-btn,.danger-btn,.modal-close{
  border:1px solid var(--line);background:rgba(255,255,255,.035);color:#c5c8cf;border-radius:10px;cursor:pointer
}
.small-action{padding:7px 9px;font-size:9px;letter-spacing:.08em}
.date-nav{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.date-nav button{border:0;border-right:1px solid var(--line);border-radius:0;padding:6px 8px;font-size:9px}
.date-nav button:last-child{border-right:0}
.task-line{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:stretch}
.task-line .task-row{min-width:0}
.icon-action{width:34px;padding:0;font-size:17px;color:#727784}
.icon-action.danger:hover{color:#e59c8c;border-color:rgba(229,156,140,.28)}
.goal-button,.project-button,.project-card-button{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:0}
.project-button{display:flex}
.project-card-shell{padding:0;overflow:hidden}
.project-card-button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px}
.empty-state{padding:20px 4px;color:#717681;font-size:11px;line-height:1.7}
.disabled-action{opacity:.72}
.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);display:grid;place-items:center;padding:18px}
.modal-card{width:min(520px,100%);max-height:min(760px,88vh);overflow:auto;background:linear-gradient(150deg,rgba(22,24,33,.97),rgba(8,9,14,.97));border:1px solid rgba(255,255,255,.11);border-radius:24px;box-shadow:0 36px 120px rgba(0,0,0,.65);padding:20px}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.modal-head h2{margin:6px 0 0;font-size:22px}
.modal-close{width:34px;height:34px;font-size:20px}
.modal-form{display:grid;gap:12px}
.field{display:grid;gap:7px}
.field>span{font-size:9px;letter-spacing:.1em;color:#858a95}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#0d0f15;color:#f2eee6;padding:11px 12px;outline:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(233,191,115,.38);box-shadow:0 0 0 3px rgba(233,191,115,.05)}
.field input[type=range]{padding:8px 0;background:transparent;border:0;box-shadow:none}
.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
.modal-actions>div{display:flex;gap:8px;margin-left:auto}
.ghost-btn,.primary-btn,.danger-btn{padding:9px 12px;font-size:10px}
.primary-btn{color:#19140c;background:linear-gradient(135deg,#e8bf75,#b98d4f);border-color:rgba(255,225,167,.18);font-weight:700}
.danger-btn{color:#dba095;border-color:rgba(219,160,149,.18);background:rgba(115,42,35,.10)}
.primary-btn:disabled{opacity:.55;cursor:wait}

@media(max-width:760px){
  .section-head{align-items:flex-start}
  .head-actions{gap:5px}
  .date-nav button{padding:6px 7px}
  .small-action{padding:7px 8px}
  .task-line{grid-template-columns:1fr 32px}
  .modal-backdrop{align-items:end;padding:8px}
  .modal-card{border-radius:24px 24px 18px 18px;max-height:90vh;padding:18px}
}

/* ===== V0.3 BODY + FITNESS LAYER — keeps the V0.1.3/V0.2 BlackHole design language ===== */
.top-actions{display:flex;align-items:center;gap:8px}.settings-btn{width:32px;height:32px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#888e99;cursor:pointer}.settings-btn:hover{color:var(--gold);border-color:rgba(233,191,115,.22)}
.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.snapshot-card{min-height:132px;display:flex;flex-direction:column;gap:10px}.snapshot-label{font-size:8px;letter-spacing:.14em;color:#818691}.snapshot-card>strong{font-size:26px;font-weight:500;letter-spacing:-.035em}.snapshot-card>strong small{font-size:10px;color:#7e838d}.snapshot-card>span{font-size:9px;color:#858a94}
.accent-action{border-color:rgba(233,191,115,.24)!important;box-shadow:inset 0 0 0 1px rgba(233,191,115,.04),0 0 26px rgba(163,115,54,.06)}
.food-list{display:grid;gap:8px}.food-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}.food-entry-main{display:flex;align-items:center;gap:12px;min-width:0}.food-entry-main img,.food-placeholder{width:52px;height:52px;object-fit:cover;border-radius:12px;border:1px solid var(--line);flex:0 0 auto}.food-placeholder{display:grid;place-items:center;color:var(--gold);background:rgba(255,255,255,.025)}.food-entry-main>div{display:flex;flex-direction:column;min-width:0;gap:3px}.food-entry-main small{font-size:8px;color:#737984;letter-spacing:.08em}.food-entry-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-entry-main span{font-size:9px;color:#848995}.food-side{display:flex;align-items:center;gap:7px}.glucose-tag{font-size:8px;color:#a4a9b3;border:1px solid var(--line);border-radius:999px;padding:5px 7px;white-space:nowrap}
.food-preview{height:190px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:#08090d}.food-preview img{width:100%;height:100%;object-fit:cover}.floating-status{position:fixed;z-index:120;left:50%;top:22px;transform:translateX(-50%);padding:10px 15px;border-radius:999px;background:rgba(12,13,18,.94);border:1px solid rgba(233,191,115,.22);box-shadow:0 15px 50px rgba(0,0,0,.55);font-size:9px;letter-spacing:.08em;color:#d9c59d}
.meal-plan{display:grid;gap:8px;margin-top:4px}.meal-plan>div{display:grid;grid-template-columns:115px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.meal-plan>div:last-child{border-bottom:0}.meal-plan b{font-size:11px}.meal-plan span{font-size:10px;color:#989da7;line-height:1.5}.meal-plan em{font-style:normal;font-size:8px;color:#727884;white-space:nowrap}.medical-note{font-size:9px;line-height:1.6;color:#8f949e;margin:6px 0 0}.notice-card{background:linear-gradient(135deg,rgba(118,91,188,.07),rgba(20,22,30,.72))}
.recommend-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.recommend-hero h2{margin:7px 0;font-size:38px}.recommend-hero p{max-width:520px;color:#969ba5;font-size:11px;line-height:1.6}.readiness-orb{width:96px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(233,191,115,.18);background:radial-gradient(circle,rgba(124,92,255,.12),rgba(0,0,0,.1));box-shadow:inset 0 0 30px rgba(124,92,255,.08)}.readiness-orb strong{font-size:29px;font-weight:500}.readiness-orb span{font-size:7px;letter-spacing:.12em;color:#7e8490}.exercise-list{display:grid;gap:2px}.exercise-list>div{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.exercise-list b{font-size:8px;color:#8a6c42}.exercise-list span{font-size:11px;color:#b4b8c0}
.form-section{display:grid;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.form-section:first-child{padding-top:0}.form-section:last-child{border-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-note{margin:0;font-size:9px;line-height:1.6;color:#7f8590}.settings-note code{color:#bba16f}.modal-wide{width:min(720px,100%)}
@media(max-width:760px){.snapshot-grid{grid-template-columns:1fr 1fr;gap:8px}.snapshot-card{min-height:120px}.food-entry{align-items:flex-start}.food-side{flex-direction:column;align-items:flex-end}.meal-plan>div{grid-template-columns:1fr;gap:5px}.meal-plan em{white-space:normal}.recommend-hero{align-items:flex-start}.readiness-orb{width:82px}.form-grid{grid-template-columns:1fr}.top-actions{gap:6px}}
@media(max-width:390px){.snapshot-grid{grid-template-columns:1fr}.food-entry-main img,.food-placeholder{width:46px;height:46px}.recommend-hero h2{font-size:32px}}
\n/* V0.3.1 DUAL VISION — BlackHole theme preserved */\n.vision-provider-status{display:flex;gap:7px;flex-wrap:wrap}.vision-provider-status span{font-size:8px;letter-spacing:.09em;color:#8d929e;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.025)}.vision-endpoint-note{font-size:8px;color:#8b7d62;border-left:2px solid rgba(233,191,115,.3);padding:7px 9px;background:rgba(233,191,115,.025);border-radius:0 8px 8px 0}#qwenRegionWrap[hidden]{display:none}.food-preview{position:relative}.vision-engine-badge{position:absolute;right:10px;top:10px;padding:6px 8px;border:1px solid rgba(233,191,115,.23);background:rgba(5,6,10,.76);backdrop-filter:blur(10px);border-radius:999px;color:#dac28f;font-size:8px;letter-spacing:.08em}.vision-food-items{display:grid;gap:7px;padding:3px 0}.vision-food-item{display:grid;grid-template-columns:1fr auto;gap:5px 10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);border-radius:13px;padding:10px 11px}.vision-food-item>div{display:flex;gap:7px;align-items:center;min-width:0}.vision-food-item strong{font-size:11px}.vision-food-item>b{font-size:11px;color:#d6b77d}.vision-food-item small{font-size:8px;color:#777d88}.vision-food-item p{grid-column:1/-1;margin:2px 0 0;font-size:9px;line-height:1.55;color:#979ca5}.food-category-chip{font-size:7px;color:#a7987b;border:1px solid rgba(233,191,115,.14);padding:3px 5px;border-radius:999px;white-space:nowrap}.vision-advice-panel{border:1px solid rgba(124,92,255,.12);border-radius:15px;padding:12px;background:radial-gradient(circle at 100% 0,rgba(124,92,255,.09),transparent 45%),rgba(255,255,255,.018);display:grid;gap:7px}.vision-advice-level{font-size:22px;letter-spacing:-.03em;color:#e7d2a7}.vision-advice-panel p{font-size:10px;line-height:1.6;color:#b5b9c2;margin:0}.vision-advice-panel small{font-size:8.5px;color:#878c96;line-height:1.55}.food-category-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}.food-category-row i{font-style:normal;font-size:7px;color:#9b8d73;border:1px solid rgba(233,191,115,.12);border-radius:999px;padding:2px 5px}.entry-advice{font-size:8px!important;color:#9297a1!important;line-height:1.5;margin:4px 0 0;max-width:720px}\n

/* ===== V0.3.2 Agustin full-screen vision overlay ===== */
body.overlay-locked{overflow:hidden;touch-action:none}
.vision-overlay{position:fixed;inset:0;z-index:180;background:
  radial-gradient(circle at 20% 20%, rgba(124,92,255,.16), transparent 34%),
  radial-gradient(circle at 80% 10%, rgba(233,191,115,.14), transparent 28%),
  linear-gradient(180deg, rgba(4,6,10,.96), rgba(5,7,12,.985));
  display:grid;place-items:center;padding:18px;backdrop-filter:blur(12px)}
.vision-overlay-panel{width:min(720px,100%);border:1px solid rgba(255,255,255,.10);border-radius:28px;
  background:linear-gradient(160deg, rgba(16,19,28,.96), rgba(7,8,12,.96));
  box-shadow:0 30px 120px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.04);
  overflow:hidden;padding:20px 18px 18px}
.vision-overlay-scene{position:relative;height:290px;border-radius:22px;border:1px solid rgba(255,255,255,.05);
  background:
    radial-gradient(circle at 30% 25%, rgba(124,92,255,.18), transparent 25%),
    radial-gradient(circle at 75% 18%, rgba(233,191,115,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  overflow:hidden}
.vision-overlay-copy{padding:16px 6px 2px;display:grid;gap:8px}
.vision-overlay-copy h2{margin:0;font-size:28px;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vision-overlay-copy p{margin:0;color:#b7bcc6;font-size:13px;line-height:1.7}
.vision-overlay-copy small{color:#7d838f;font-size:10px;line-height:1.6}
.vision-overlay-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.vision-overlay-progress i{display:block;height:100%;width:42%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#e8bf75,#4dd4ff);background-size:200% 100%;animation:agProgress 1.6s linear infinite}
.loading-dots{display:inline-flex;gap:4px;align-items:flex-end}
.loading-dots i{width:5px;height:5px;border-radius:50%;background:#ddb978;display:block;animation:agDots 1.05s infinite ease-in-out}
.loading-dots i:nth-child(2){animation-delay:.14s}.loading-dots i:nth-child(3){animation-delay:.28s}

.agustin-character{position:absolute;left:42px;bottom:14px;width:168px;height:220px}
.agustin-head{position:absolute;left:34px;top:22px;width:78px;height:78px;border-radius:50%;
  background:linear-gradient(180deg,#f2d6b0,#d5a76e);box-shadow:inset 0 -6px 0 rgba(0,0,0,.06)}
.eye{position:absolute;top:30px;width:8px;height:12px;border-radius:8px;background:#20150f}
.eye-left{left:22px}.eye-right{right:22px}
.mouth{position:absolute;left:27px;bottom:18px;width:24px;height:10px;border-radius:0 0 12px 12px;border-bottom:3px solid #6c3d33}
.agustin-body{position:absolute;left:25px;top:88px;width:96px;height:84px;border-radius:22px 22px 18px 18px;
  background:linear-gradient(180deg,#252e46,#121826);box-shadow:inset 0 0 0 2px rgba(255,255,255,.04)}
.body-phone,.agustin-phone-rack span,.nokia-hammer,.hammer-screen,.hammer-keys,.server-unit i{
  box-sizing:border-box}
.body-phone{position:absolute;width:18px;height:30px;border-radius:5px;background:linear-gradient(180deg,#1f2433,#0d1018);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(54,67,98,.42)}
.body-phone:before{content:"";position:absolute;left:3px;right:3px;top:3px;height:10px;border-radius:3px;background:rgba(108,204,255,.28)}
.body-phone:after{content:"";position:absolute;left:4px;right:4px;bottom:5px;height:8px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.16) 1px,transparent 1px,transparent 4px)}
.bp-1{left:-8px;top:6px;transform:rotate(-12deg)}.bp-2{right:-8px;top:7px;transform:rotate(10deg)}
.bp-3{left:11px;bottom:-6px;transform:rotate(-5deg)}.bp-4{right:12px;bottom:-7px;transform:rotate(7deg)}
.agustin-phone-rack{position:absolute;left:6px;top:0;display:flex;gap:6px}
.agustin-phone-rack span{width:20px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,#24293b,#0f121b);position:relative;animation:agPhones 2.1s ease-in-out infinite}
.agustin-phone-rack span:before{content:"";position:absolute;left:3px;right:3px;top:3px;height:11px;border-radius:3px;background:rgba(160,116,255,.34)}
.agustin-phone-rack span:after{content:"";position:absolute;left:4px;right:4px;bottom:5px;height:8px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.14) 1px,transparent 1px,transparent 4px)}
.agustin-phone-rack span:nth-child(2){animation-delay:.18s}.agustin-phone-rack span:nth-child(3){animation-delay:.36s}

.agustin-arm{position:absolute;top:103px;width:18px;height:78px;border-radius:16px;background:linear-gradient(180deg,#e0b47c,#be824f);transform-origin:9px 8px}
.arm-left{left:14px;transform:rotate(16deg)}
.arm-right{right:15px;transform:rotate(-18deg);animation:agSmash 1.05s ease-in-out infinite}
.nokia-hammer{position:absolute;right:-20px;top:24px;width:34px;height:60px;border-radius:9px;background:linear-gradient(180deg,#324162,#141b28);border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 18px rgba(0,0,0,.36)}
.hammer-screen{position:absolute;left:5px;right:5px;top:6px;height:18px;border-radius:5px;background:linear-gradient(180deg,#9dd5ff,#6aa1ff)}
.hammer-keys{position:absolute;left:7px;right:7px;bottom:8px;height:22px;border-radius:6px;background:
  linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),
  repeating-linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.14) 2px,transparent 2px,transparent 8px),
  repeating-linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.10) 2px,transparent 2px,transparent 8px)}

.agustin-leg{position:absolute;top:168px;width:20px;height:52px;border-radius:16px;background:linear-gradient(180deg,#131927,#090d16)}
.leg-left{left:46px}.leg-right{left:88px}
.agustin-leg:after{content:"";position:absolute;left:-7px;bottom:-4px;width:32px;height:12px;border-radius:12px;background:#12161f}

.server-scene{position:absolute;right:46px;bottom:18px;width:200px;height:190px}
.server-rack{position:absolute;right:0;bottom:0;width:130px;height:176px;border-radius:18px;background:
  linear-gradient(180deg,#1a2234,#0b0f17);border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.02), 0 16px 44px rgba(0,0,0,.35);display:grid;gap:8px;padding:12px;
  animation:serverShake 1.05s ease-in-out infinite}
.server-unit{border-radius:10px;background:linear-gradient(180deg,#212b40,#131925);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 12px}
.server-unit i{display:block;width:9px;height:9px;border-radius:50%;background:#6de2a3;box-shadow:0 0 12px rgba(109,226,163,.34)}
.server-unit i:nth-child(2){background:#ddb978;box-shadow:0 0 12px rgba(221,185,120,.32)}
.server-unit i:nth-child(3){background:#7eb0ff;box-shadow:0 0 12px rgba(126,176,255,.32)}

.smash-burst{position:absolute;left:18px;top:56px;width:58px;height:58px;border-radius:50%;opacity:.8}
.smash-burst:before,.smash-burst:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(233,191,115,.38)}
.smash-burst:after{transform:rotate(45deg)}
.burst-a{animation:burstPulse 1.05s ease-in-out infinite}
.burst-b{left:32px;top:72px;animation:burstPulse 1.05s ease-in-out .18s infinite}

@keyframes agSmash{
  0%,100%{transform:rotate(-18deg)}
  15%{transform:rotate(18deg)}
  35%{transform:rotate(-52deg)}
  50%{transform:rotate(-14deg)}
  70%{transform:rotate(10deg)}
}
@keyframes serverShake{
  0%,100%{transform:translateX(0) rotate(0deg)}
  18%{transform:translateX(-3px) rotate(-1.2deg)}
  32%{transform:translateX(5px) rotate(1.5deg)}
  46%{transform:translateX(-2px) rotate(-.6deg)}
  60%{transform:translateX(3px) rotate(.6deg)}
}
@keyframes burstPulse{
  0%,100%{transform:scale(.45);opacity:0}
  28%{transform:scale(1);opacity:.88}
  54%{transform:scale(1.15);opacity:.24}
}
@keyframes agDots{
  0%,80%,100%{transform:translateY(0);opacity:.35}
  40%{transform:translateY(-5px);opacity:1}
}
@keyframes agProgress{
  0%{transform:translateX(-100%);background-position:0 0}
  100%{transform:translateX(280%);background-position:200% 0}
}
@keyframes agPhones{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}

@media(max-width:760px){
  .vision-overlay{padding:10px}
  .vision-overlay-panel{padding:14px 12px 14px;border-radius:24px}
  .vision-overlay-scene{height:248px}
  .vision-overlay-copy h2{font-size:24px}
  .vision-overlay-copy p{font-size:12px}
  .agustin-character{left:12px;bottom:10px;transform:scale(.88);transform-origin:left bottom}
  .server-scene{right:10px;bottom:14px;transform:scale(.9);transform-origin:right bottom}
}


/* ===== V0.3.3 Hyper Overlay ===== */
.vision-overlay-panel{position:relative}
.vision-overlay-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.vision-overlay-chips span{font-size:8px;letter-spacing:.12em;color:#d7c392;border:1px solid rgba(233,191,115,.18);border-radius:999px;padding:6px 10px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.overlay-grid{position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.15));opacity:.55}
.overlay-rings{position:absolute;border-radius:50%;border:1px solid rgba(124,92,255,.22);box-shadow:0 0 0 1px rgba(124,92,255,.05), inset 0 0 20px rgba(124,92,255,.06)}
.ring-a{width:280px;height:280px;right:-90px;top:-90px;animation:ringSpin 15s linear infinite}
.ring-b{width:180px;height:180px;left:-50px;bottom:-50px;border-color:rgba(233,191,115,.18);animation:ringSpinReverse 9s linear infinite}
.server-aura{position:absolute;right:-18px;bottom:-6px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(124,92,255,.22), transparent 62%);filter:blur(8px);animation:serverAura 1.2s ease-in-out infinite}
.server-sparks{position:absolute;left:0;top:48px;width:110px;height:88px;pointer-events:none}
.server-sparks span{position:absolute;width:3px;height:18px;border-radius:3px;background:linear-gradient(180deg,#e8bf75,rgba(232,191,117,0));box-shadow:0 0 10px rgba(232,191,117,.35);animation:sparkFly 1s linear infinite}
.server-sparks span:nth-child(1){left:18px;top:10px;animation-delay:0s}
.server-sparks span:nth-child(2){left:44px;top:20px;animation-delay:.22s}
.server-sparks span:nth-child(3){left:60px;top:6px;animation-delay:.4s}
.server-sparks span:nth-child(4){left:27px;top:40px;animation-delay:.58s}
.server-sparks span:nth-child(5){left:72px;top:32px;animation-delay:.74s}
.impact-word{position:absolute;font-size:22px;font-weight:800;letter-spacing:.08em;color:#e8bf75;text-shadow:0 0 14px rgba(232,191,117,.22), 0 8px 24px rgba(0,0,0,.45);opacity:.22;transform:scale(.86)}
.iw-a{right:162px;top:26px;animation:impactFloat 1.2s ease-in-out infinite}
.iw-b{right:114px;top:100px;animation:impactFloat 1.2s ease-in-out .22s infinite}
.iw-c{right:172px;top:154px;animation:impactFloat 1.2s ease-in-out .45s infinite}
.impact-word.flash{opacity:.98;filter:drop-shadow(0 0 16px rgba(232,191,117,.5))}
.vision-title{background:linear-gradient(90deg,#f7e5c2,#e7b35d 36%,#d8ddff 72%,#f7e5c2);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:titleFlow 5s linear infinite}
.vision-overlay-subline{min-height:18px}
.vision-overlay-copy p[data-vision-stage]{font-size:14px;color:#eef2ff}
.vision-overlay-copy small[data-vision-sub]{display:block;font-size:10px;color:#8d95a5}

@keyframes ringSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ringSpinReverse{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes serverAura{0%,100%{opacity:.65;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes sparkFly{0%{transform:translate(0,0) rotate(0);opacity:0}20%{opacity:1}100%{transform:translate(-16px,-28px) rotate(-14deg);opacity:0}}
@keyframes impactFloat{0%,100%{transform:translateY(0) scale(.9)}50%{transform:translateY(-8px) scale(1.04)}}
@keyframes titleFlow{0%{background-position:0 0}100%{background-position:200% 0}}

@media(max-width:760px){
  .vision-overlay-chips{gap:6px}
  .vision-overlay-chips span{padding:5px 8px;font-size:7px}
  .impact-word{font-size:17px}
  .iw-a{right:110px;top:24px}
  .iw-b{right:88px;top:96px}
  .iw-c{right:125px;top:145px}
  .vision-overlay-copy p[data-vision-stage]{font-size:12px}
}


/* ===== V0.4.0-A1 Career Profile + Radar Foundation ===== */
.checkbox-field{border:0;padding:0;margin:0}.checkbox-field legend{font-size:9px;letter-spacing:.1em;color:#858a95;margin-bottom:8px}
.choice-grid{display:flex;gap:7px;flex-wrap:wrap}
.choice-pill{position:relative;cursor:pointer}
.choice-pill input{position:absolute;opacity:0;pointer-events:none}
.choice-pill span{display:block;padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:9px;color:#8f949f;transition:.18s ease}
.choice-pill.selected span,.choice-pill:has(input:checked) span{color:#e8d4aa;border-color:rgba(233,191,115,.28);background:rgba(233,191,115,.075);box-shadow:inset 0 0 0 1px rgba(233,191,115,.03)}
.toggle-stack{display:grid;gap:7px}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.toggle-line>span{display:grid;gap:3px}.toggle-line b{font-size:10px;font-weight:600;color:#d8dbe2}.toggle-line small{font-size:8px;color:#777d88;line-height:1.45}
.toggle-line input{position:absolute;opacity:0;pointer-events:none}.toggle-line i{position:relative;flex:0 0 36px;width:36px;height:20px;border-radius:999px;background:#171b25;border:1px solid rgba(255,255,255,.08);transition:.18s ease}
.toggle-line i:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#636a78;transition:.18s ease}
.toggle-line input:checked+i{background:rgba(233,191,115,.13);border-color:rgba(233,191,115,.3)}
.toggle-line input:checked+i:after{left:18px;background:#e2bd78;box-shadow:0 0 12px rgba(226,189,120,.28)}
.career-profile-summary{display:grid;gap:13px}.career-profile-core{display:grid;gap:4px}.career-profile-core strong{font-size:20px;letter-spacing:-.02em}.career-profile-core small{font-size:9px;color:#858b97}
.profile-tag-row{display:flex;gap:6px;flex-wrap:wrap}.profile-tag-row span{font-size:8px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025);color:#999fa9}
.profile-target-block{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--line)}.profile-target-block>small{font-size:8px;letter-spacing:.12em;color:#666d79}
.discovery-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid rgba(124,92,255,.12);background:linear-gradient(90deg,rgba(124,92,255,.07),rgba(233,191,115,.025));border-radius:13px}
.discovery-banner span{font-size:8px;letter-spacing:.1em;color:#777f90}.discovery-banner b{font-size:11px;color:#d8c69f}.discovery-banner small{text-align:right;font-size:7px;color:#736d78}
.radar-foundation-layout{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.radar-foundation-copy{display:grid;gap:9px}.radar-foundation-copy h2{margin:0}
.radar-stat-row{display:flex;gap:8px;flex-wrap:wrap}.radar-stat-row span{display:grid;min-width:82px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}
.radar-stat-row b{font-size:18px;color:#e1c188}.radar-stat-row small{font-size:7px;letter-spacing:.1em;color:#707681;text-transform:uppercase}
.radar-source-line{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.radar-source-line>i{width:8px;height:8px;border-radius:50%;background:#d9a95e;box-shadow:0 0 12px rgba(217,169,94,.25)}
.radar-source-line>i.active{background:#65e6a5}.radar-source-line>div{display:grid;gap:2px}.radar-source-line strong{font-size:10px}.radar-source-line small{font-size:8px;color:#757b87}
.radar-policy-note{margin:0;font-size:9px;color:#8f949d;line-height:1.6}

@media(max-width:760px){
  .radar-foundation-layout{grid-template-columns:1fr}.radar-foundation-layout .radar-visual{min-height:130px}
  .discovery-banner{grid-template-columns:1fr auto}.discovery-banner small{grid-column:1/-1;text-align:left}
  .career-profile-core strong{font-size:18px}
  .toggle-line{gap:10px}
}


/* ===== V0.4.0-A2 Matching Engine V1 ===== */
.match-policy-bands{display:flex;gap:6px;flex-wrap:wrap}
.match-policy-bands span,.match-band{font-size:8px;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);letter-spacing:.04em}
.match-policy-bands .strong,.match-band.strong{color:#7fe5b2;background:rgba(101,230,165,.07);border-color:rgba(101,230,165,.18)}
.match-policy-bands .try,.match-band.try{color:#91b8ff;background:rgba(100,149,255,.07);border-color:rgba(100,149,255,.18)}
.match-policy-bands .weak,.match-band.weak{color:#e3bf79;background:rgba(227,191,121,.07);border-color:rgba(227,191,121,.18)}
.match-policy-bands .hard-fail,.match-band.hard-fail{color:#e59c8c;background:rgba(229,156,140,.07);border-color:rgba(229,156,140,.18)}
.match-warning{padding:10px 12px;margin-bottom:10px;border:1px solid rgba(227,191,121,.15);border-radius:12px;color:#b9a27b;background:rgba(227,191,121,.035);font-size:9px;line-height:1.6}
.match-demo-grid{display:grid;gap:10px}
.match-demo-card{position:relative;padding:13px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);overflow:hidden}
.match-demo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#69707e}
.match-demo-card.strong:before{background:#65e6a5}.match-demo-card.try:before{background:#76a5ff}.match-demo-card.weak:before{background:#ddb978}.match-demo-card.hard-fail:before{background:#d77d70}
.match-demo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.match-demo-head h3{font-size:13px;margin:4px 0 3px;color:#e1e3e9}.match-demo-head small{font-size:8px;color:#747b87}
.match-condition-list{display:grid;gap:5px}
.match-condition{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:start;padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.04)}
.match-symbol{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:10px;background:#161a23;color:#8a919e}
.match-condition>div{display:grid;gap:3px}.match-condition strong{font-size:9px;color:#c9cdd5}.match-condition p{margin:0;font-size:8px;line-height:1.55;color:#858b96}.match-condition small{font-size:7px;color:#626975;line-height:1.4}
.match-condition>em{font-style:normal;font-size:7px;white-space:nowrap;color:#737a86;padding-top:4px}
.match-condition.pass .match-symbol{color:#6ee0a8;background:rgba(101,230,165,.08)}
.match-condition.possible .match-symbol{color:#82adff;background:rgba(100,149,255,.08)}
.match-condition.unknown .match-symbol{color:#ddb978;background:rgba(221,185,120,.08)}
.match-condition.fail .match-symbol{color:#df9185;background:rgba(223,145,133,.08)}
.match-condition.na{opacity:.68}
.match-layer-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.match-layer-row span{display:grid;gap:2px;padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:10px;background:rgba(0,0,0,.08)}
.match-layer-row b{font-size:8px;letter-spacing:.06em;color:#aaaeba}.match-layer-row small{font-size:7px;color:#707681;line-height:1.4}
.match-keep-note{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05);font-size:7.5px;line-height:1.5;color:#777e89;letter-spacing:.015em}
@media(max-width:760px){
  .match-demo-head{align-items:flex-start}.match-demo-head h3{font-size:12px}
  .match-condition{grid-template-columns:22px 1fr auto;padding:7px}
  .match-layer-row{grid-template-columns:1fr}.match-layer-row span{grid-template-columns:auto 1fr;align-items:center;gap:8px}
}

/* ===== V0.4.0-A3 Source / Lead / Official Verification ===== */
.source-control-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.source-control-main{display:flex;align-items:center;gap:10px;min-width:0}.source-control-main>div{display:grid;gap:3px;min-width:0}.source-control-main strong{font-size:11px}.source-control-main small{font-size:8px;color:#737b87;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-led{width:9px;height:9px;border-radius:50%;background:#7d838e}.source-led.online{background:#65e6a5;box-shadow:0 0 14px rgba(101,230,165,.32)}.source-led.error{background:#df9185}.source-trust{font-size:7px;padding:4px 6px;border-radius:999px;border:1px solid rgba(101,230,165,.14);color:#77cfa4;background:rgba(101,230,165,.04)}.source-sync-meta{display:flex;gap:6px}.source-sync-meta span{display:grid;min-width:68px;padding:7px 9px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018)}.source-sync-meta b{font-size:11px;color:#d9bf8d}.source-sync-meta small{font-size:7px;color:#707783}.source-error{font-size:8px;color:#c98e85;padding:8px 10px;border:1px solid rgba(217,125,112,.12);border-radius:10px;background:rgba(217,125,112,.025)}.lead-list{display:grid;gap:9px}.lead-card{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);display:grid;gap:8px}.lead-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.lead-head h3{margin:4px 0 0;font-size:12px;line-height:1.45}.lead-status{font-size:7px;white-space:nowrap;padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.07)}.lead-status.official{color:#72d5a3;border-color:rgba(101,230,165,.16);background:rgba(101,230,165,.04)}.lead-status.candidate{color:#92b8ff;border-color:rgba(118,165,255,.18);background:rgba(118,165,255,.04)}.lead-status.pending{color:#d4b477;border-color:rgba(221,185,120,.16);background:rgba(221,185,120,.04)}.lead-url{font-size:8px;color:#858ea1;text-decoration:none}.lead-url.official{color:#8fcfad}.lead-snippet{font-size:9px;color:#888f9a;line-height:1.6;margin:0}.lead-actions{display:flex;justify-content:flex-end}.official-candidates{display:grid;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.official-candidates>small{font-size:7px;letter-spacing:.1em;color:#656c78}.candidate-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:10px;background:rgba(118,165,255,.025);border:1px solid rgba(118,165,255,.08)}.candidate-row>div{display:grid;gap:2px;min-width:0}.candidate-row b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-row span{font-size:7px;color:#707784}@media(max-width:760px){.source-control-grid{grid-template-columns:1fr}.candidate-row{align-items:flex-start}.candidate-row b{white-space:normal}}

/* ===== V0.4.0-A4 Resume Intelligence ===== */
.resume-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.resume-meta>div{display:grid;gap:3px;min-width:0}.resume-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-meta small{font-size:8px;color:#747b87}.resume-ai-status{font-size:7px;padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.07);color:#9299a5;white-space:nowrap}.resume-ai-status.ok{color:#76d5a6;border-color:rgba(101,230,165,.16);background:rgba(101,230,165,.04)}.resume-ai-status.error{color:#db9286;border-color:rgba(219,146,134,.16);background:rgba(219,146,134,.04)}.resume-summary{font-size:10px;line-height:1.65;color:#a5abb5;margin:11px 0}.resume-intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.resume-intel-grid>div{min-width:0;padding:11px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.015)}.resume-fact-list{display:grid;gap:6px;margin-top:8px}.resume-fact{padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.045)}.resume-fact>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.resume-fact strong{font-size:8px;color:#8a919d}.resume-fact span{font-size:10px;color:#d9dde5}.resume-fact small{display:block;margin-top:3px;font-size:7px;color:#676e7a}.resume-fact p{margin:5px 0 0;font-size:7.5px;line-height:1.5;color:#777e89}.resume-fact.conflict{border-color:rgba(221,185,120,.18);background:rgba(221,185,120,.025)}.resume-advice-list{display:grid;gap:10px;margin-top:8px}.resume-advice-group{display:grid;gap:4px}.resume-advice-group>small{font-size:7px;letter-spacing:.12em;color:#7d8490}.resume-advice-group p{margin:0;font-size:8px;line-height:1.6;color:#9aa0aa}.resume-filter-suggestions{display:grid;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.resume-filter-suggestions>small{font-size:7px;color:#6f7682;letter-spacing:.08em}.resume-empty{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:16px 2px}.resume-empty strong{font-size:12px}.resume-empty p{font-size:9px;line-height:1.6;color:#7f8692;margin:5px 0 0}.resume-doc-icon{display:grid;place-items:center;width:52px;height:64px;border-radius:12px;border:1px solid rgba(233,191,115,.18);background:linear-gradient(160deg,rgba(233,191,115,.08),rgba(124,92,255,.04));font-size:10px;letter-spacing:.08em;color:#d2b275;box-shadow:0 12px 30px rgba(0,0,0,.18)}.resume-apply-list{display:grid;gap:7px}.resume-apply-row{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;padding:9px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}.resume-apply-row input{margin-top:3px;accent-color:#d7b36f}.resume-apply-row>span{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.resume-apply-row b{font-size:9px;color:#969ca7}.resume-apply-row strong{font-size:10px;color:#e0e2e7}.resume-apply-row small{grid-column:1/-1;font-size:7.5px;color:#6f7682;line-height:1.5}.resume-apply-row.conflict{border-color:rgba(221,185,120,.18)}.empty-state.compact{padding:12px 4px;font-size:8px}@media(max-width:760px){.resume-intel-grid{grid-template-columns:1fr}.resume-meta{align-items:flex-start}.resume-ai-status{max-width:46%;overflow:hidden;text-overflow:ellipsis}}

/* ===== V0.4.0-A5 Radar resilience / watch channels ===== */
.watch-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.watch-channel{padding:11px;border-radius:13px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.017);display:flex;align-items:center;justify-content:space-between;gap:10px}.watch-channel>div{display:flex;align-items:center;gap:8px;min-width:0}.watch-channel strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-channel small{font-size:7px;color:#747b87;white-space:nowrap}.watch-dot{width:7px;height:7px;border-radius:50%;background:#b98fff;box-shadow:0 0 12px rgba(185,143,255,.25)}.watch-channel.government .watch-dot{background:#65e6a5;box-shadow:0 0 12px rgba(101,230,165,.25)}
.source-pool{display:grid;gap:7px}.source-pool-row{display:grid;grid-template-columns:10px 1fr auto auto;gap:9px;align-items:center;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.016)}.source-pool-row>div{display:grid;gap:2px;min-width:0}.source-pool-row strong{font-size:9px}.source-pool-row small{font-size:7px;color:#686f7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-transport{font-size:7px;color:#777f8b;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.025)}.source-status{font-size:7px;color:#858c98}.source-status.online{color:#6fd4a2}.source-status.error{color:#d5a471}
@media(max-width:760px){.watch-channel-grid{grid-template-columns:1fr}.source-pool-row{grid-template-columns:10px 1fr auto}.source-transport{display:none}}


/* ===== V0.4.0-A6 Global Dark / Light Theme ===== */
:root{
  --surface-1:rgba(21,23,31,.82);
  --surface-2:rgba(10,11,17,.70);
  --nav-bg:rgba(7,8,12,.86);
  --field-bg:#0b0d12;
  --shadow:rgba(0,0,0,.18);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f6f8;
  --panel:rgba(255,255,255,.84);
  --line:rgba(27,35,51,.10);
  --text:#171b24;
  --muted:#69717f;
  --gold:#9a6818;
  --violet:#6550ca;
  --green:#24845f;
  --surface-1:rgba(255,255,255,.95);
  --surface-2:rgba(247,248,251,.90);
  --nav-bg:rgba(255,255,255,.90);
  --field-bg:#fff;
  --shadow:rgba(46,57,78,.10);
}
html[data-theme="light"] body{background:#f5f6f8;color:var(--text)}
html[data-theme="light"] .app-shell{
  background:
    radial-gradient(circle at 72% -10%,rgba(103,82,201,.10),transparent 30%),
    radial-gradient(circle at 10% 15%,rgba(207,150,67,.12),transparent 24%),
    linear-gradient(180deg,#fbfcfd,#f3f5f8 48%,#f5f6f8)
}
html[data-theme="light"] .ambient-a{background:#8d78de;opacity:.10}
html[data-theme="light"] .ambient-b{background:#d3a15a;opacity:.12}
html[data-theme="light"] .glass-card{
  background:linear-gradient(135deg,var(--surface-1),var(--surface-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 18px 55px var(--shadow)
}
html[data-theme="light"] .bottom-nav{
  background:var(--nav-bg);
  border-color:rgba(31,39,54,.10);
  box-shadow:0 -14px 40px rgba(47,57,77,.08)
}
html[data-theme="light"] .bottom-nav button,
html[data-theme="light"] .settings-btn,
html[data-theme="light"] .small-action{color:#474f60}
html[data-theme="light"] .bottom-nav button.active{color:#8c5a14}
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{
  background:#fff;color:#1b1f28;border-color:rgba(31,39,54,.13)
}
html[data-theme="light"] .modal-card{
  background:linear-gradient(160deg,#fff,#f7f8fb);
  color:#171b24;
  box-shadow:0 28px 90px rgba(35,44,62,.16)
}
/* BlackHole / dynamic planet adapts to daylight */
html[data-theme="light"] .blackhole-stage{filter:drop-shadow(0 18px 60px rgba(98,74,175,.12))}
html[data-theme="light"] .hole-core{
  background:radial-gradient(circle at 38% 34%,#fffaf0 0 9%,#f5ead8 34% 60%,#d9c8a8 70%,#b99c6a 83%);
  box-shadow:0 0 0 1px rgba(93,66,22,.08),0 0 34px rgba(200,150,70,.16),0 0 70px rgba(111,88,205,.11)
}
html[data-theme="light"] .core-glint{border-top-color:rgba(138,91,18,.38)}
html[data-theme="light"] .accretion-back{
  background:radial-gradient(ellipse,transparent 38%,rgba(99,80,201,.36) 43%,rgba(193,130,36,.56) 49%,rgba(237,195,121,.75) 52%,rgba(106,87,205,.30) 57%,transparent 64%)
}
html[data-theme="light"] .accretion-front{border-bottom-color:rgba(174,113,24,.65);box-shadow:0 8px 22px rgba(174,113,24,.15)}
html[data-theme="light"] .orbit{border-color:rgba(63,70,88,.12)}
html[data-theme="light"] .orbit-2{border-color:rgba(99,80,201,.19)}
html[data-theme="light"] .orbit-3{border-color:rgba(160,107,22,.16)}
html[data-theme="light"] .orbit:after{background:#a86f17;box-shadow:0 0 14px rgba(168,111,23,.38)}
/* Agustin overlay also follows theme */
html[data-theme="light"] .vision-overlay{background:rgba(245,247,250,.92)}
html[data-theme="light"] .vision-overlay-panel{
  background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(245,247,250,.98));
  border-color:rgba(26,34,52,.10);
  box-shadow:0 30px 100px rgba(44,55,79,.18)
}
html[data-theme="light"] .vision-overlay-scene{
  background:
    radial-gradient(circle at 30% 25%,rgba(99,80,201,.10),transparent 25%),
    radial-gradient(circle at 75% 18%,rgba(160,107,22,.10),transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(245,247,250,.85));
  border-color:rgba(31,38,52,.08)
}
html[data-theme="light"] .vision-overlay-copy p{color:#4e5665}
html[data-theme="light"] .vision-overlay-copy small{color:#7a8290}
.theme-btn{min-width:38px}

/* ===== Opportunity Hub hierarchy ===== */
.opportunity-tree{display:grid;gap:8px}
.opp-level1,.opp-level2{
  border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.018);overflow:hidden
}
.opp-level1>summary,.opp-level2>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:12px
}
.opp-level1>summary::-webkit-details-marker,.opp-level2>summary::-webkit-details-marker{display:none}
.opp-level1>summary{padding:13px 14px}
.opp-level2>summary{padding:11px 12px;border-top:1px solid rgba(255,255,255,.035)}
.opp-level1>summary>span,.opp-level2>summary>span{display:grid;gap:3px;min-width:0}
.opp-level1>summary b{font-size:12px}
.opp-level2>summary b{font-size:10px}
.opp-level1>summary small,.opp-level2>summary small{font-size:7px;color:#717986}
.opp-level1>summary>i{font-style:normal;color:#8b929e;font-size:14px;transition:.2s}
.opp-level1[open]>summary>i{transform:rotate(45deg)}
.opp-level1-body{padding:0 8px 8px}
.opp-level2{margin-top:6px}
.opp-level2>summary{background:rgba(255,255,255,.015)}
.opp-level3{padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.04)}
.opp-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:9px}
.opp-detail-grid span{display:grid;gap:3px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.016)}
.opp-detail-grid small{font-size:7px;color:#767d89}
.opp-detail-grid b{font-size:8px;line-height:1.45}
.opp-condition-list{display:grid;gap:5px}
.opp-requirement-text{font-size:8px;line-height:1.65;color:#818895;margin:9px 0}
.opp-links{display:flex;gap:10px}
.opp-links a{font-size:8px;color:var(--gold);text-decoration:none}
.source-collapsed-card{padding:0!important;overflow:hidden}
.source-collapse-summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;padding:18px 20px
}
.source-collapse-summary::-webkit-details-marker{display:none}
.source-collapse-summary>span{display:grid;gap:4px}
.source-collapse-summary b{font-size:20px}
.source-collapse-summary small{font-size:8px;color:#747c88}
.source-collapse-summary>i{font-style:normal;font-size:18px;color:#818996;transition:.2s}
.source-collapsed-card[open] .source-collapse-summary>i{transform:rotate(45deg)}
.source-collapse-body{padding:0 20px 20px}
.source-subhead{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
html[data-theme="light"] .opp-level1,
html[data-theme="light"] .opp-level2,
html[data-theme="light"] .opp-detail-grid span{background:rgba(255,255,255,.72)}
html[data-theme="light"] .opp-level2>summary{background:rgba(246,247,250,.75)}
html[data-theme="light"] .source-collapsed-card{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(247,248,251,.90))}
@media(max-width:760px){
  .opp-detail-grid{grid-template-columns:1fr}
  .source-collapse-summary{padding:15px 16px}
  .source-collapse-body{padding:0 16px 16px}
}


/* ===== V0.4.0-A7 Light Theme Contrast + Planet Texture ===== */
html[data-theme="light"] .hole-core{
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.92) 0 5%,transparent 12%),
    radial-gradient(circle at 68% 68%,rgba(160,111,45,.20) 0 4%,transparent 11%),
    radial-gradient(circle at 55% 35%,rgba(116,88,181,.12) 0 3%,transparent 9%),
    repeating-radial-gradient(circle at 42% 38%,rgba(123,91,42,.10) 0 1.5px,rgba(255,255,255,.05) 1.5px 5px),
    conic-gradient(from 18deg,rgba(211,184,132,.78),rgba(248,238,215,.96),rgba(191,160,105,.70),rgba(239,225,197,.94),rgba(168,135,78,.72),rgba(244,232,208,.96),rgba(211,184,132,.78));
  box-shadow:
    inset -10px -12px 24px rgba(115,80,33,.18),
    inset 7px 7px 18px rgba(255,255,255,.82),
    0 0 0 1px rgba(105,77,32,.13),
    0 0 38px rgba(195,145,65,.15),
    0 0 70px rgba(105,83,190,.12)
}
html[data-theme="light"] .eyebrow.gold,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .gold{color:#734807!important}
html[data-theme="light"] .module-title h1,
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .brand,
html[data-theme="light"] .big-stat strong,
html[data-theme="light"] .career-profile-core strong,
html[data-theme="light"] .recommend-hero h2,
html[data-theme="light"] .project-lane h2,
html[data-theme="light"] .board-project-card h3,
html[data-theme="light"] .meal-option-title b,
html[data-theme="light"] .meal-choice b{color:#171b24!important}
html[data-theme="light"] .module-title p,
html[data-theme="light"] .muted,
html[data-theme="light"] .settings-note,
html[data-theme="light"] .medical-note{color:#5e6675!important}
html[data-theme="light"] .status-chip,
html[data-theme="light"] .count-chip{color:#444d5e;background:rgba(57,66,84,.045);border-color:rgba(38,46,62,.12)}
html[data-theme="light"] .accent-action,
html[data-theme="light"] .primary-btn{color:#20170a!important;background:linear-gradient(135deg,#d6a954,#bd842b)!important}
html[data-theme="light"] .feature-symbol,
html[data-theme="light"] .nav-ico{color:#5d4a7d}
html[data-theme="light"] .match-band.strong{color:#146943}
html[data-theme="light"] .match-band.try{color:#6b4a08}
html[data-theme="light"] .match-band.weak{color:#805f1d}

/* ===== Diet V2 ===== */
.diet-onboarding-hero{display:flex;align-items:center;justify-content:space-between;gap:22px}
.diet-onboarding-hero>div{max-width:720px}.diet-onboarding-hero h2{margin:7px 0 8px;font-size:26px}.diet-onboarding-hero p{margin:0;color:#858c98;line-height:1.7;font-size:11px}
.formula-note{display:flex;justify-content:space-between;gap:18px;align-items:center}.formula-note b{font-size:16px}.formula-note span{font-size:10px;color:#808793;text-align:right}
.meal-option-groups{display:grid;gap:14px}.meal-option-group{display:grid;gap:8px}.meal-option-title{display:flex;justify-content:space-between;gap:12px;align-items:end}.meal-option-title b{font-size:13px}.meal-option-title small{font-size:8px;color:#737b87}
.meal-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.meal-choice{position:relative;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);min-height:128px}.meal-choice>span{position:absolute;right:10px;top:9px;font-size:7px;color:#646c79}.meal-choice b{display:block;font-size:10px;padding-right:22px}.meal-choice p{font-size:8px;line-height:1.55;color:#838a96;margin:8px 0}.meal-choice small{font-size:7px;color:#b59a68}
html[data-theme="light"] .meal-choice{background:rgba(255,255,255,.72)}
html[data-theme="light"] .meal-choice p{color:#5d6573}
html[data-theme="light"] .meal-choice small{color:#6e4b12}

/* ===== Fitness user-choice-first ===== */
.split-row-primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.split-row-primary button{border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--text);border-radius:12px;padding:12px 8px;display:grid;gap:5px;place-items:center;cursor:pointer}
.split-row-primary button b{font-size:7px;color:#777e8a}.split-row-primary button.selected{border-color:rgba(233,191,115,.34);background:rgba(233,191,115,.07);box-shadow:inset 0 0 0 1px rgba(233,191,115,.06)}
.training-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.training-choice-row button{border:1px solid var(--line);background:rgba(255,255,255,.018);color:var(--text);border-radius:15px;padding:15px;text-align:left;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;cursor:pointer}.training-choice-row button>span{grid-row:1/3;font-size:22px;color:var(--gold)}.training-choice-row button b{font-size:12px}.training-choice-row button small{font-size:8px;color:#7d8490}.training-choice-row button.selected{border-color:rgba(124,92,255,.28);background:rgba(124,92,255,.06)}
html[data-theme="light"] .split-row-primary button,html[data-theme="light"] .training-choice-row button{background:#fff;color:#171b24}
html[data-theme="light"] .split-row-primary button.selected{background:#f8f0df;border-color:rgba(154,104,24,.28)}
html[data-theme="light"] .training-choice-row button.selected{background:#f1eefb;border-color:rgba(101,80,202,.25)}

/* ===== Project board ===== */
.project-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-lane{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.014);padding:14px;min-width:0}.study-lane{background:linear-gradient(180deg,rgba(124,92,255,.035),rgba(255,255,255,.012))}.lane-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lane-head h2{font-size:18px;margin:5px 0 0}.lane-note{font-size:8px;color:#777f8c;line-height:1.55;margin:10px 0}.lane-cards{display:grid;gap:9px;margin-top:12px}
.board-project-card{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);padding:12px;cursor:pointer}.board-project-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.board-project-head>div{min-width:0}.board-project-head small{font-size:7px;color:#727a86}.board-project-head h3{font-size:11px;margin:4px 0 0;line-height:1.4}.board-project-head>strong{font-size:12px}.countdown-chip{font-size:10px;color:var(--gold);border:1px solid rgba(233,191,115,.18);background:rgba(233,191,115,.045);border-radius:999px;padding:5px 7px;white-space:nowrap}.project-date,.project-description{font-size:7.5px;color:#767e8a;line-height:1.5}.milestone-list{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line)}.milestone-item{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:start}.milestone-item>b{font-size:7px;color:#6e7581}.milestone-item>span{font-size:7.5px;line-height:1.4}.milestone-item>span small{display:block;color:#676f7c;margin-top:1px}.milestone-item>em{font-style:normal;font-size:7px;color:#8c94a0}
html[data-theme="light"] .project-lane,html[data-theme="light"] .board-project-card{background:rgba(255,255,255,.75)}
html[data-theme="light"] .study-lane{background:linear-gradient(180deg,rgba(101,80,202,.055),rgba(255,255,255,.72))}

/* ===== Opportunity silent refresh ===== */
.opportunity-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.opportunity-title-row h1{margin-bottom:0}
@media(max-width:850px){
  .project-board{grid-template-columns:1fr}
  .meal-option-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .diet-onboarding-hero{display:grid}
  .formula-note{display:grid}.formula-note span{text-align:left}
  .split-row-primary{grid-template-columns:repeat(5,1fr)}
  .split-row-primary button{padding:10px 4px;font-size:9px}
  .training-choice-row{grid-template-columns:1fr}
}

.milestone-item{width:100%;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:4px 0}
.milestone-item.done{opacity:.58}.milestone-item.done>span{text-decoration:line-through}.milestone-item.done>em{color:var(--green)}
html[data-theme="light"] .milestone-item{color:#171b24}


/* ===== V0.4.0-A8 Radar Extraction Pipeline ===== */
.extract-pipeline{display:grid;gap:12px}
.extract-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.extract-stage{position:relative;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:11px;display:grid;gap:4px;min-height:92px}
.extract-stage>span{font-size:7px;color:#686f7b}.extract-stage>b{font-size:9px}.extract-stage>strong{font-size:21px;line-height:1;color:var(--gold);margin-top:5px}.extract-stage>small{font-size:6.5px;color:#6f7784}
.extract-recent{display:grid;gap:6px}.extract-recent>div{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:8px 9px;background:rgba(255,255,255,.012)}
.extract-file-ext{display:grid;place-items:center;width:34px;height:28px;border-radius:8px;border:1px solid rgba(233,191,115,.14);background:rgba(233,191,115,.045);font-size:7px;color:var(--gold)}
.extract-recent b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extract-recent small{display:block;font-size:6.5px;color:#6f7784;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.extract-recent em{font-style:normal;font-size:6.5px;white-space:nowrap}.extract-recent em.ok{color:var(--green)}.extract-recent em.error{color:#b46c62}
html[data-theme="light"] .extract-stage,html[data-theme="light"] .extract-recent>div{background:rgba(255,255,255,.78)}
html[data-theme="light"] .extract-stage>strong{color:#74490a}
@media(max-width:720px){
  .extract-stage-grid{grid-template-columns:1fr 1fr}
  .extract-recent>div{grid-template-columns:34px 1fr}
  .extract-recent em{grid-column:2}
}

/* ===== A9 Radar Action Loop ===== */
.opp-prep-bar{margin-top:12px;padding:11px 12px;border:1px solid rgba(233,191,115,.14);border-radius:13px;background:linear-gradient(90deg,rgba(233,191,115,.055),rgba(124,92,255,.025));display:flex;align-items:center;justify-content:space-between;gap:14px}
.opp-prep-bar>div{display:grid;gap:3px}.opp-prep-bar small{font-size:7px;letter-spacing:.13em;color:#85775d}.opp-prep-bar b{font-size:10px;font-weight:600;color:#d8dbe2;line-height:1.45}.opp-prep-bar.prepared{border-color:rgba(124,224,178,.16);background:linear-gradient(90deg,rgba(124,224,178,.05),rgba(124,92,255,.02))}.opp-prep-bar.prepared small{color:#77b89c}
html[data-theme="light"] .opp-prep-bar b{color:#3f4652}
@media(max-width:760px){.opp-prep-bar{align-items:flex-start;flex-direction:column}.opp-prep-bar .small-action{width:100%}}

/* ===== V0.4.0-A10 Daylight Earth + comprehensive contrast ===== */
html[data-theme="light"]{
  --text:#151a23;
  --muted:#566171;
  --line:rgba(31,42,58,.14);
  --gold:#80520d;
  --violet:#5846b5;
  --green:#1c7250;
}

/* Day mode gets its own planet language: a small living Earth, not a white metal sphere. */
html[data-theme="light"] .blackhole-stage{
  filter:drop-shadow(0 18px 52px rgba(54,111,164,.14));
}
html[data-theme="light"] .hole-core{
  overflow:hidden;
  background:
    radial-gradient(ellipse at 70% 69%,#76ad62 0 10%,transparent 11%),
    radial-gradient(ellipse at 61% 58%,#5c9f58 0 8%,transparent 9%),
    radial-gradient(ellipse at 34% 39%,#79b86c 0 13%,transparent 14%),
    radial-gradient(ellipse at 25% 55%,#4f9559 0 7%,transparent 8%),
    radial-gradient(circle at 34% 27%,#a9e5ff 0 7%,#77caef 25%,#4ca6dc 61%,#2e74b5 100%);
  box-shadow:
    inset -13px -15px 26px rgba(21,68,114,.30),
    inset 8px 7px 16px rgba(255,255,255,.48),
    0 0 0 1px rgba(41,100,143,.18),
    0 0 28px rgba(75,159,215,.17),
    0 0 65px rgba(94,79,192,.10);
}
html[data-theme="light"] .hole-core:before,
html[data-theme="light"] .hole-core:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  z-index:2;
}
html[data-theme="light"] .hole-core:before{
  inset:5% 2% 8% 0;
  background:
    radial-gradient(ellipse at 31% 28%,rgba(255,255,255,.90) 0 6%,transparent 7%),
    radial-gradient(ellipse at 47% 43%,rgba(255,255,255,.76) 0 7%,transparent 8%),
    radial-gradient(ellipse at 72% 38%,rgba(255,255,255,.84) 0 5%,transparent 6%),
    radial-gradient(ellipse at 62% 68%,rgba(255,255,255,.68) 0 6%,transparent 7%),
    radial-gradient(ellipse at 22% 70%,rgba(255,255,255,.70) 0 4%,transparent 5%);
  filter:blur(.2px);
  opacity:.82;
}
html[data-theme="light"] .hole-core:after{
  inset:-4%;
  border:1px solid rgba(210,242,255,.72);
  box-shadow:inset 5px 6px 12px rgba(255,255,255,.20),inset -8px -10px 18px rgba(12,67,115,.18);
}
html[data-theme="light"] .core-glint{
  inset:8%;
  border:0;
  background:linear-gradient(125deg,rgba(255,255,255,.48),transparent 37%);
  transform:none;
  z-index:3;
}
html[data-theme="light"] .accretion-back{
  background:radial-gradient(ellipse,transparent 39%,rgba(83,157,209,.22) 44%,rgba(133,112,212,.20) 50%,rgba(235,185,99,.22) 55%,transparent 64%);
  opacity:.72;
}
html[data-theme="light"] .accretion-front{
  border-bottom-color:rgba(76,139,191,.42);
  box-shadow:0 8px 19px rgba(67,139,194,.12);
}
html[data-theme="light"] .orbit:after{background:#476fc1;box-shadow:0 0 13px rgba(71,111,193,.38)}
html[data-theme="light"] .orbit-2:after{background:#7b5bc8}
html[data-theme="light"] .orbit-3:after{background:#a66a12}

/* Light mode must be readable everywhere, including tiny labels and unselected buttons. */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .metric-key,
html[data-theme="light"] .metric-card>span:last-child,
html[data-theme="light"] .task-main small,
html[data-theme="light"] .project-mini small,
html[data-theme="light"] .project-mini span,
html[data-theme="light"] .tiny-label,
html[data-theme="light"] .food-entry small,
html[data-theme="light"] .food-entry span,
html[data-theme="light"] .food-category-chip,
html[data-theme="light"] .entry-advice,
html[data-theme="light"] .vision-food-item small,
html[data-theme="light"] .vision-food-item p,
html[data-theme="light"] .meal-option-title small,
html[data-theme="light"] .split-row-primary button b,
html[data-theme="light"] .training-choice-row button small,
html[data-theme="light"] .lane-note,
html[data-theme="light"] .board-project-head small,
html[data-theme="light"] .project-date,
html[data-theme="light"] .project-description,
html[data-theme="light"] .milestone-item>b,
html[data-theme="light"] .milestone-item>span small,
html[data-theme="light"] .milestone-item>em,
html[data-theme="light"] .career-profile-core small,
html[data-theme="light"] .profile-tag-row span,
html[data-theme="light"] .profile-target-block>small,
html[data-theme="light"] .discovery-banner span,
html[data-theme="light"] .discovery-banner small,
html[data-theme="light"] .radar-stat-row small,
html[data-theme="light"] .radar-source-line small,
html[data-theme="light"] .opp-level1>summary small,
html[data-theme="light"] .opp-level2>summary small,
html[data-theme="light"] .opp-detail-grid small,
html[data-theme="light"] .opp-requirement-text,
html[data-theme="light"] .source-collapse-summary small,
html[data-theme="light"] .source-pool-row small,
html[data-theme="light"] .watch-channel small,
html[data-theme="light"] .resume-meta small,
html[data-theme="light"] .resume-summary,
html[data-theme="light"] .resume-fact-row small,
html[data-theme="light"] .extract-stage>span,
html[data-theme="light"] .extract-stage>small,
html[data-theme="light"] .extract-recent small,
html[data-theme="light"] .opp-prep-bar small{
  color:#5a6473!important;
}
html[data-theme="light"] .task-row,
html[data-theme="light"] .feature-actions button,
html[data-theme="light"] .small-action,
html[data-theme="light"] .icon-action,
html[data-theme="light"] .milestone-item,
html[data-theme="light"] .source-collapse-summary,
html[data-theme="light"] .opp-level1>summary,
html[data-theme="light"] .opp-level2>summary{
  color:#202733!important;
}
html[data-theme="light"] .task-main strong,
html[data-theme="light"] .project-mini strong,
html[data-theme="light"] .food-entry strong,
html[data-theme="light"] .vision-food-item strong,
html[data-theme="light"] .formula-note b,
html[data-theme="light"] .source-pool-row strong,
html[data-theme="light"] .watch-channel strong,
html[data-theme="light"] .resume-meta strong,
html[data-theme="light"] .radar-source-line strong,
html[data-theme="light"] .opp-detail-grid b,
html[data-theme="light"] .opp-prep-bar b{
  color:#1d2430!important;
}
html[data-theme="light"] .feature-actions button,
html[data-theme="light"] .small-action,
html[data-theme="light"] .task-row,
html[data-theme="light"] .toggle-line,
html[data-theme="light"] .vision-food-item,
html[data-theme="light"] .opp-level1,
html[data-theme="light"] .opp-level2{
  border-color:rgba(30,41,57,.14);
}
html[data-theme="light"] .feature-actions button:not(.accent-action),
html[data-theme="light"] .small-action:not(.accent-action){
  background:rgba(255,255,255,.80);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#9299a5}
html[data-theme="light"] .lead-card{background:rgba(255,255,255,.78);border-color:rgba(30,41,57,.12)}
html[data-theme="light"] .lead-head h3,
html[data-theme="light"] .candidate-row b{color:#1d2430}
html[data-theme="light"] .lead-url,
html[data-theme="light"] .lead-snippet,
html[data-theme="light"] .official-candidates>small,
html[data-theme="light"] .candidate-row span{color:#5b6574}
html[data-theme="light"] .candidate-row{background:rgba(80,105,160,.045);border-color:rgba(80,105,160,.12)}

/* ===== V0.4.0-A11 Browser Intake + Exam Radar ===== */
.browser-import-note{display:grid;gap:5px;padding:13px 14px;border:1px solid rgba(233,191,115,.13);border-radius:14px;background:linear-gradient(135deg,rgba(233,191,115,.06),rgba(124,92,255,.035));margin-bottom:12px}
.browser-import-note b{font-size:11px;color:#e6c88d}.browser-import-note span{font-size:9px;line-height:1.65;color:#8d93a0}
.feed-source-list{display:grid;gap:7px}.feed-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}.feed-source-row>div{display:grid;gap:3px;min-width:0}.feed-source-row strong{font-size:10px}.feed-source-row small{font-size:8px;color:#747b88;word-break:break-all}
.exam-radar-card{margin-bottom:14px}.exam-radar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.exam-radar-item{display:grid;gap:8px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.018);min-height:180px}.exam-radar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.exam-radar-top>div{display:grid;gap:4px}.exam-radar-top small{font-size:7px;letter-spacing:.12em;color:#767d8a}.exam-radar-top strong{font-size:11px;line-height:1.45}.exam-source-chip{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:4px 6px;font-size:7px;color:#9097a4}.exam-source-chip.official{color:#77d6a7;border-color:rgba(119,214,167,.22);background:rgba(119,214,167,.05)}.exam-source-chip.estimated{color:#e1be7c;border-color:rgba(225,190,124,.2);background:rgba(225,190,124,.05)}.exam-source-chip.rolling{color:#aaa0ff;border-color:rgba(170,160,255,.2);background:rgba(124,92,255,.06)}.exam-source-chip.dynamic{color:#9eb9dc;border-color:rgba(158,185,220,.2);background:rgba(158,185,220,.05)}
.exam-radar-date{font-size:16px;letter-spacing:-.02em}.exam-radar-reg{font-size:8px;color:#9c8358}.exam-radar-item p{margin:0;color:#818793;font-size:8px;line-height:1.55}.exam-radar-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.exam-radar-actions a{font-size:8px;color:#a1a7b3;text-decoration:none}.exam-radar-actions a:hover{color:var(--gold)}
@media(max-width:980px){.exam-radar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.exam-radar-grid{grid-template-columns:1fr}.exam-radar-item{min-height:auto}.feed-source-row{align-items:flex-start}}

html[data-theme="light"] .browser-import-note{background:linear-gradient(135deg,rgba(156,102,24,.07),rgba(88,72,164,.03));border-color:rgba(92,67,29,.13)}
html[data-theme="light"] .browser-import-note b{color:#77531f}html[data-theme="light"] .browser-import-note span,html[data-theme="light"] .feed-source-row small,html[data-theme="light"] .exam-radar-item p{color:#5f6672}
html[data-theme="light"] .feed-source-row,html[data-theme="light"] .exam-radar-item{background:rgba(28,32,40,.025);border-color:rgba(20,24,31,.10)}
html[data-theme="light"] .exam-radar-top small{color:#59616f}html[data-theme="light"] .exam-radar-actions a{color:#4e5663}


/* ===== A11.1 Exam Focus + Mobile Immersive ===== */
.exam-focus-card{position:relative;overflow:hidden;padding:24px 26px;background:radial-gradient(circle at 88% 20%,rgba(233,191,115,.10),transparent 34%),radial-gradient(circle at 12% 90%,rgba(124,92,255,.10),transparent 38%),linear-gradient(135deg,rgba(18,20,28,.9),rgba(8,9,14,.78))}
.exam-focus-card.active:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(233,191,115,.08);border-radius:50%;right:-88px;top:-88px;box-shadow:0 0 0 34px rgba(124,92,255,.025),0 0 0 68px rgba(233,191,115,.018);pointer-events:none}
.exam-focus-hero{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;position:relative;z-index:1}
.exam-focus-copy h2{font-size:clamp(22px,3.5vw,38px);line-height:1.12;margin:9px 0 8px;letter-spacing:-.035em}.exam-focus-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.exam-focus-days{display:flex;align-items:flex-end;gap:8px;line-height:1}.exam-focus-days strong{font-size:clamp(72px,11vw,132px);font-weight:500;letter-spacing:-.085em}.exam-focus-days span{font-size:8px;letter-spacing:.18em;color:#858b98;margin-bottom:14px;writing-mode:vertical-rl}
.exam-focus-progress{margin-top:22px;position:relative;z-index:1}.exam-focus-progress-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#858b98;margin-bottom:8px}.exam-focus-progress-head b{color:var(--gold)}.exam-focus-track{height:8px;background:rgba(255,255,255,.055)}.exam-focus-scale{display:flex;justify-content:space-between;margin-top:7px;font-size:6.5px;letter-spacing:.12em;color:#606774}.exam-focus-empty h2{font-size:24px;margin:8px 0}.exam-focus-empty p{max-width:660px;color:var(--muted);font-size:10px;line-height:1.7}
html[data-theme="light"] .exam-focus-card{background:radial-gradient(circle at 88% 20%,rgba(154,104,24,.08),transparent 34%),radial-gradient(circle at 12% 90%,rgba(101,80,202,.07),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,247,250,.96))}
html[data-theme="light"] .exam-focus-days span,html[data-theme="light"] .exam-focus-progress-head,html[data-theme="light"] .exam-focus-scale{color:#4c5564}
html.mobile-immersive body{overscroll-behavior:none}
@media(max-width:760px){
  .exam-focus-card{padding:20px 18px}.exam-focus-hero{grid-template-columns:1fr;gap:12px}.exam-focus-days{justify-content:flex-start}.exam-focus-days strong{font-size:92px}.exam-focus-days span{writing-mode:horizontal-tb;margin:0 0 12px 2px}
  html.mobile-immersive .topbar{padding-top:max(10px,env(safe-area-inset-top));}
  html.mobile-immersive .app-shell{min-height:100dvh}
}

/* ===== V0.4.0-A11.2 Markdown Inbox + Daylight Earth refinement ===== */
.markdown-inbox-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:13px 14px;border:1px solid rgba(124,92,255,.12);border-radius:14px;background:linear-gradient(90deg,rgba(124,92,255,.045),rgba(233,191,115,.025))}
.markdown-inbox-note>div:first-child{display:grid;gap:4px}.markdown-inbox-note b{font-size:10px}.markdown-inbox-note span{font-size:8px;line-height:1.55;color:#858b97}.markdown-inbox-stats{display:grid;grid-template-columns:auto auto;align-items:end;gap:1px 5px;text-align:right;flex:0 0 auto}.markdown-inbox-stats strong{font-size:24px;font-weight:500;letter-spacing:-.05em}.markdown-inbox-stats small{font-size:7px;letter-spacing:.12em;color:#747a86;padding-bottom:4px}.markdown-inbox-stats em{grid-column:1/3;font-style:normal;font-size:7px;color:#7f8591;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .markdown-inbox-note{background:linear-gradient(90deg,rgba(86,69,181,.045),rgba(255,255,255,.70));border-color:rgba(52,61,78,.12)}
html[data-theme="light"] .markdown-inbox-note span,html[data-theme="light"] .markdown-inbox-stats small,html[data-theme="light"] .markdown-inbox-stats em{color:#5b6574!important}
html[data-theme="light"] .markdown-inbox-note b,html[data-theme="light"] .markdown-inbox-stats strong{color:#1b2230!important}

/* Daylight hero: use the native earth glyph as the art layer instead of hand-drawn continent blobs.
   This stays crisp across phone sizes and keeps the existing orbit language. */
html[data-theme="light"] .blackhole-stage{filter:drop-shadow(0 20px 46px rgba(71,111,161,.13))}
html[data-theme="light"] .hole-core{
  overflow:visible;
  isolation:isolate;
  background:radial-gradient(circle at 38% 31%,rgba(255,255,255,.96),rgba(231,242,253,.92) 25%,rgba(198,220,243,.90) 66%,rgba(151,182,216,.92) 100%);
  border:1px solid rgba(80,116,155,.16);
  box-shadow:inset -10px -12px 22px rgba(69,107,149,.14),inset 8px 7px 14px rgba(255,255,255,.74),0 11px 34px rgba(65,103,145,.14),0 0 0 9px rgba(255,255,255,.20);
}
html[data-theme="light"] .hole-core:before{
  content:"🌍";
  position:absolute;
  inset:-7%;
  display:grid;
  place-items:center;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:clamp(72px,9vw,112px);
  line-height:1;
  filter:saturate(.88) contrast(.97) drop-shadow(0 6px 10px rgba(47,82,118,.14));
  transform:rotate(-4deg);
  opacity:.98;
  z-index:2;
}
html[data-theme="light"] .hole-core:after{
  content:"";
  position:absolute;
  inset:-9%;
  border-radius:50%;
  border:1px solid rgba(94,144,193,.16);
  box-shadow:0 0 0 6px rgba(255,255,255,.24),0 0 24px rgba(70,134,190,.10);
  pointer-events:none;
  z-index:1;
}
html[data-theme="light"] .core-glint{display:none}
html[data-theme="light"] .accretion-back{background:radial-gradient(ellipse,transparent 42%,rgba(84,127,178,.12) 47%,rgba(112,89,189,.11) 53%,rgba(183,126,42,.12) 58%,transparent 65%);filter:blur(1.4px);opacity:.78}
html[data-theme="light"] .accretion-front{border-bottom:2px solid rgba(75,112,159,.27);box-shadow:0 6px 18px rgba(75,112,159,.08)}
html[data-theme="light"] .orbit{border-color:rgba(48,62,83,.13)}
html[data-theme="light"] .orbit-2{border-color:rgba(88,70,181,.16)}
html[data-theme="light"] .orbit-3{border-color:rgba(128,82,13,.13)}

@media(max-width:760px){.markdown-inbox-note{align-items:flex-start;flex-direction:column}.markdown-inbox-stats{text-align:left}.markdown-inbox-stats em{max-width:260px}}

/* A11.3: large official-job-sheet search (uses the existing BlackHole tokens). */
.radar-search-input{flex:1 1 200px;min-width:0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);padding:11px 13px;color:var(--text);font:inherit;font-size:12px;outline:none}
.radar-search-input:focus{border-color:var(--gold)}
html[data-theme="light"] .radar-search-input{background:#fff;color:#222;border-color:rgba(30,33,41,.24)}
html[data-theme="light"] .radar-search-input::placeholder{color:#555d6d}

/* ===== A11.5 Local Resume Fallback ===== */
.resume-local-banner{display:grid;gap:5px;margin:12px 0 14px;padding:11px 13px;border:1px solid rgba(233,191,115,.18);border-radius:13px;background:linear-gradient(90deg,rgba(233,191,115,.06),rgba(124,92,255,.025))}
.resume-local-banner b{font-size:10px;color:var(--gold)}
.resume-local-banner span{font-size:9px;line-height:1.65;color:#9fa5b1}
html[data-theme="light"] .resume-local-banner{background:#fffaf0;border-color:rgba(135,96,24,.18)}
html[data-theme="light"] .resume-local-banner b{color:#795511}
html[data-theme="light"] .resume-local-banner span{color:#424750}

.resume-ai-status.local_only,.resume-ai-status.not_configured,.resume-ai-status.empty{color:#d7b36f;border-color:rgba(215,179,111,.18);background:rgba(215,179,111,.04)}
html[data-theme="light"] .resume-ai-status.local_only,html[data-theme="light"] .resume-ai-status.not_configured,html[data-theme="light"] .resume-ai-status.empty{color:#74510d;border-color:rgba(116,81,13,.18);background:#fff9ed}

/* ===== A11.7 Hybrid Matching + exact daylight Earth centering ===== */
/* Explicit geometry avoids platform-dependent absolute-grid static positioning. */
.hole-core{left:50%;top:50%;transform:translate(-50%,-50%)}
html[data-theme="light"] .hole-core:before{
  inset:auto;
  left:50%;top:50%;
  width:1em;height:1em;
  display:flex;align-items:center;justify-content:center;
  line-height:1;
  transform:translate(-50%,-53%) rotate(-4deg);
  transform-origin:50% 50%;
}
.ai-shortlist-card{border-color:rgba(124,92,255,.16);background:linear-gradient(135deg,rgba(124,92,255,.055),rgba(233,191,115,.025))}
.ai-shortlist-list{display:grid;gap:7px}.ai-shortlist-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.018)}
.ai-shortlist-item>i{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(124,92,255,.20);font-size:9px;color:#b6a9ff}.ai-shortlist-item div{display:grid;gap:3px}.ai-shortlist-item strong{font-size:10px}.ai-shortlist-item small{font-size:8px;color:#858b97;line-height:1.45}.ai-shortlist-item em{font-style:normal;font-size:8px;color:var(--gold)}
.ai-match-note{margin:10px 0 0;font-size:8px;line-height:1.6;color:#7f8591}
.ai-pick-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:3px 6px;border-radius:999px;border:1px solid rgba(124,92,255,.18);background:rgba(124,92,255,.055);font-size:7px;color:#b8adff;vertical-align:middle}
html[data-theme="light"] .ai-shortlist-card{background:linear-gradient(135deg,rgba(88,70,181,.045),rgba(255,255,255,.82));border-color:rgba(67,58,128,.13)}
html[data-theme="light"] .ai-shortlist-item{background:#fff;border-color:rgba(31,42,58,.10)}
html[data-theme="light"] .ai-shortlist-item strong{color:#1b2230}.ai-shortlist-item small{}
html[data-theme="light"] .ai-shortlist-item small,html[data-theme="light"] .ai-match-note{color:#596373}
html[data-theme="light"] .ai-shortlist-item em{color:#70480a}
html[data-theme="light"] .ai-pick-badge{color:#5c479e;background:rgba(88,70,181,.06);border-color:rgba(88,70,181,.16)}
@media(max-width:760px){.ai-shortlist-item{grid-template-columns:auto 1fr}.ai-shortlist-item em{grid-column:2}}

/* ===== V0.4.0-A11.8 Interaction Refresh ===== */
/* Shared orbital motion: subtle, functional, and intentionally lower-key than the hero black hole. */
.module-page{position:relative;isolation:isolate}
.module-page::before{content:"";position:fixed;right:4vw;top:18vh;width:180px;height:180px;border-radius:50%;border:1px solid rgba(233,191,115,.045);box-shadow:0 0 0 38px rgba(124,92,255,.018),0 0 0 76px rgba(233,191,115,.012);pointer-events:none;z-index:-1;animation:moduleOrbitDrift 18s ease-in-out infinite alternate}
.module-page::after{content:"";position:fixed;right:calc(4vw + 42px);top:calc(18vh + 16px);width:5px;height:5px;border-radius:50%;background:rgba(233,191,115,.65);box-shadow:-56px 122px 0 rgba(124,92,255,.45),82px 82px 0 rgba(255,255,255,.17);pointer-events:none;z-index:-1;animation:moduleStarDrift 12s linear infinite}
@keyframes moduleOrbitDrift{to{transform:translate(-18px,26px) rotate(14deg)}}
@keyframes moduleStarDrift{50%{transform:translateY(8px);opacity:.55}}

/* Home grid rhythm: all dashboard cards now share a consistent gap / stretch behavior. */
.dashboard{display:grid;gap:14px}
.dashboard .hero-block{margin-bottom:0}
.dashboard .metric-grid{margin:0;gap:14px;align-items:stretch;grid-auto-rows:1fr}
.dashboard .metric-card{height:100%;min-height:126px}
.dashboard .mission-card{margin-top:0}
.snapshot-grid,.dashboard-two-col{gap:14px!important;align-items:stretch}
.snapshot-grid>.glass-card,.dashboard-two-col>.glass-card{height:100%}

/* Compact question modal used by fitness decisions and intensity selection. */
.choice-modal-card{max-width:520px}
.choice-question{display:grid;gap:5px;margin:-2px 0 14px;padding:0 2px}
.choice-question p{margin:0;color:var(--text);font-size:14px;line-height:1.6}
.choice-question small{color:var(--muted);font-size:9px;line-height:1.55}
.choice-question-list{display:grid;gap:8px}
.choice-question-btn{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.022);color:var(--text);border-radius:15px;padding:13px 14px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;cursor:pointer;transition:.18s ease}
.choice-question-btn:hover,.choice-question-btn.selected{background:rgba(233,191,115,.055);border-color:rgba(233,191,115,.28);transform:translateY(-1px)}
.choice-question-btn>i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(233,191,115,.18);color:var(--gold);font-size:12px;box-shadow:inset 0 0 18px rgba(233,191,115,.04)}
.choice-question-btn>span{display:grid;gap:3px}.choice-question-btn b{font-size:12px}.choice-question-btn small{font-size:8px;color:#818894;line-height:1.45}.choice-question-btn>em{font-style:normal;font-size:20px;color:#565e6c}

/* Fitness: questions live in modals; the page only shows the current decision and compact plan. */
.fitness-decision-orbit{display:grid;grid-template-columns:74px 1fr auto;gap:16px;align-items:center}
.fitness-decision-orbit h2{margin:5px 0 4px;font-size:22px}.fitness-decision-orbit p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}
.fitness-orbit-glyph{position:relative;width:66px;height:66px;display:grid;place-items:center}
.fitness-orbit-glyph::before,.fitness-orbit-glyph::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(233,191,115,.22)}
.fitness-orbit-glyph::before{width:64px;height:24px;transform:rotate(-22deg);animation:fitnessRing 8s linear infinite}.fitness-orbit-glyph::after{width:45px;height:45px;border-color:rgba(124,92,255,.16)}
.fitness-orbit-glyph i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(233,191,115,.7);transform:translate(30px,-6px)}
.fitness-orbit-glyph b{position:relative;z-index:2;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(233,191,115,.28),rgba(124,92,255,.09) 52%,rgba(0,0,0,.2));border:1px solid rgba(255,255,255,.06);font-size:15px}
@keyframes fitnessRing{to{transform:rotate(338deg)}}
.exercise-list-compact{display:grid;gap:7px}
.exercise-intensity-row{width:100%;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);border-radius:13px;padding:11px 12px;color:var(--text);display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}
.exercise-intensity-row>b{font-size:8px;color:#727a87}.exercise-intensity-row>span{display:grid;gap:4px}.exercise-intensity-row strong{font-size:11px;font-weight:600}.exercise-intensity-row small{font-size:8px;color:#7f8794;line-height:1.4}.exercise-intensity-row>em{font-style:normal;font-size:8px;color:var(--gold);white-space:nowrap}.exercise-intensity-row:hover{border-color:rgba(233,191,115,.22);background:rgba(233,191,115,.035)}

/* Diet reel: three visible slots, one choice per meal, backed by a much larger local library. */
.meal-slot-card{overflow:hidden;position:relative}
.meal-slot-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-100px;bottom:-120px;border:1px solid rgba(233,191,115,.08);box-shadow:0 0 0 24px rgba(124,92,255,.02);pointer-events:none}
.meal-slot-machine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;perspective:900px}
.meal-reel{display:grid;gap:6px;min-width:0}.meal-reel-label{font-size:8px;letter-spacing:.15em;color:var(--gold);text-align:center}
.meal-reel-window{position:relative;min-height:168px;border:1px solid var(--line);border-radius:15px;padding:16px 11px 12px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.meal-reel-window::before,.meal-reel-window::after{content:"";position:absolute;left:10px;right:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,191,115,.16),transparent)}.meal-reel-window::before{top:9px}.meal-reel-window::after{bottom:9px}
.meal-reel-window>i{width:32px;height:32px;border-radius:50%;margin-bottom:9px;background:radial-gradient(circle at 32% 28%,rgba(240,206,145,.76),rgba(153,92,31,.55) 34%,rgba(40,26,18,.7) 72%);box-shadow:0 0 0 7px rgba(233,191,115,.025),0 0 20px rgba(233,191,115,.12)}
.meal-reel-window strong{font-size:10px;line-height:1.4}.meal-reel-window p{font-size:7px;color:#7f8793;line-height:1.5;margin:7px 0;flex:1}.meal-reel-window small{font-size:7px;color:#c4a66f}.meal-reel-window em{font-style:normal;font-size:7px;margin-top:6px;padding:4px 7px;border:1px solid rgba(233,191,115,.14);border-radius:999px;color:#a99369}
.meal-slot-machine.spinning .meal-reel-window{animation:mealReelSpin .68s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay)}
@keyframes mealReelSpin{0%{transform:rotateX(0) translateY(0);filter:blur(0)}35%{transform:rotateX(18deg) translateY(-12px);filter:blur(2px);opacity:.45}72%{transform:rotateX(-8deg) translateY(7px);filter:blur(1px);opacity:.75}100%{transform:none;filter:none;opacity:1}}
.meal-slot-footer{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:7px;color:#68717e}.meal-slot-footer b{font-weight:500;color:#8e95a0}.meal-spin-btn{position:relative;overflow:hidden}.meal-spin-btn::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:mealButtonSweep 4s ease-in-out infinite}@keyframes mealButtonSweep{0%,72%{left:-60%}100%{left:140%}}

/* Resume → Profile is deliberately visualized as a two-stage synchronization pipeline. */
.profile-sync-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line);font-size:8px;color:#7e8591}
.profile-sync-flow i{font-style:normal;color:var(--gold);border:1px solid rgba(233,191,115,.15);padding:4px 6px;border-radius:999px}.profile-sync-flow b{font-size:8px;color:#b8bdc6;font-weight:600}

/* Exam Orbit: three planets replace the flat list. */
.exam-planet-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:4px 0 14px}
.exam-planet{position:relative;min-height:152px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 50% 36%,rgba(124,92,255,.055),rgba(255,255,255,.012) 58%);color:var(--text);padding:13px 8px 11px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;overflow:hidden;transition:.2s ease}
.exam-planet:hover,.exam-planet.active{transform:translateY(-2px);border-color:rgba(233,191,115,.27);box-shadow:0 16px 42px rgba(0,0,0,.14)}
.exam-planet>i{position:relative;z-index:2;margin-top:6px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;background:radial-gradient(circle at 34% 28%,rgba(245,222,175,.72),rgba(121,84,179,.28) 45%,rgba(17,19,28,.85) 74%);border:1px solid rgba(255,255,255,.06);box-shadow:0 0 24px rgba(124,92,255,.12)}
.exam-planet:nth-child(2)>i{background:radial-gradient(circle at 36% 30%,rgba(177,216,255,.72),rgba(58,102,151,.34) 44%,rgba(17,22,29,.86) 75%)}
.exam-planet:nth-child(3)>i{background:radial-gradient(circle at 36% 30%,rgba(237,194,116,.76),rgba(145,78,45,.31) 44%,rgba(24,18,16,.88) 75%)}
.exam-planet .planet-ring{position:absolute;top:26px;left:50%;width:82px;height:31px;margin-left:-41px;border:1px solid rgba(233,191,115,.18);border-radius:50%;transform:rotate(-18deg);animation:examOrbitSpin 8s linear infinite}.exam-planet .planet-ring::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold);left:-2px;top:50%;box-shadow:0 0 10px rgba(233,191,115,.55)}
@keyframes examOrbitSpin{to{transform:rotate(342deg)}}
.exam-planet strong{font-size:12px;margin-top:9px}.exam-planet small{font-size:7px;color:#767e8b;line-height:1.45;margin-top:3px}.exam-planet em{font-style:normal;font-size:7px;color:#aa966f;margin-top:7px}
.exam-planet-panel{min-height:90px}.exam-planet-list{display:grid;gap:8px}.exam-planet-list .exam-radar-item{margin:0}.exam-planet-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:24px;border:1px dashed var(--line);border-radius:14px}.exam-planet-empty b{font-size:11px}.exam-planet-empty span{font-size:8px;color:var(--muted)}
.exam-planet-row{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.018);color:var(--text);text-align:left;cursor:pointer}.exam-planet-row span{display:grid;gap:3px}.exam-planet-row b{font-size:10px}.exam-planet-row small{font-size:8px;color:var(--muted)}.exam-planet-row em{font-style:normal;color:var(--gold);font-size:11px}

/* Light-mode equivalents for all new interactive surfaces. */
html[data-theme="light"] .choice-question-btn,
html[data-theme="light"] .exercise-intensity-row,
html[data-theme="light"] .meal-reel-window,
html[data-theme="light"] .exam-planet,
html[data-theme="light"] .exam-planet-row{background:rgba(255,255,255,.82);border-color:rgba(30,41,57,.11);color:#161b24}
html[data-theme="light"] .choice-question p,
html[data-theme="light"] .fitness-decision-orbit h2,
html[data-theme="light"] .exercise-intensity-row strong,
html[data-theme="light"] .meal-reel-window strong,
html[data-theme="light"] .exam-planet strong,
html[data-theme="light"] .exam-planet-row b{color:#171b24}
html[data-theme="light"] .choice-question small,
html[data-theme="light"] .choice-question-btn small,
html[data-theme="light"] .fitness-decision-orbit p,
html[data-theme="light"] .exercise-intensity-row small,
html[data-theme="light"] .meal-reel-window p,
html[data-theme="light"] .exam-planet small,
html[data-theme="light"] .exam-planet-row small{color:#586171}
html[data-theme="light"] .profile-sync-flow b{color:#39414e}
html[data-theme="light"] .meal-reel-window>i{background:radial-gradient(circle at 32% 28%,#f4dcae,#d9a65c 34%,#7a512f 72%)}
html[data-theme="light"] .exam-planet>i{border-color:rgba(30,41,57,.08);box-shadow:0 10px 24px rgba(72,86,109,.10)}

@media(max-width:760px){
  .module-page::before,.module-page::after{opacity:.55}
  .dashboard{gap:10px}.dashboard .metric-grid,.snapshot-grid,.dashboard-two-col{gap:10px!important}
  .fitness-decision-orbit{grid-template-columns:58px 1fr;gap:11px}.fitness-decision-orbit>button{grid-column:1/-1;width:100%}.fitness-orbit-glyph{width:54px;height:54px}.fitness-orbit-glyph::before{width:54px;height:21px}.fitness-orbit-glyph::after{width:38px;height:38px}
  .meal-slot-machine{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.meal-reel-window{padding:13px 7px 10px;min-height:174px}.meal-reel-window strong{font-size:9px}.meal-reel-window p{font-size:6.7px}.meal-reel-window small{font-size:6.5px}.meal-reel-window>i{width:27px;height:27px}
  .exam-planet-system{gap:6px}.exam-planet{min-height:144px;padding:10px 5px}.exam-planet>i{width:46px;height:46px}.exam-planet .planet-ring{top:22px;width:72px;height:28px;margin-left:-36px}.exam-planet small{font-size:6.5px}.exam-planet em{font-size:6.5px}
}


/* ===== V0.4.0-A11.9 Orbital Feedback ===== */
.meal-casino-card{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 10%,rgba(233,191,115,.075),transparent 28%),linear-gradient(135deg,rgba(21,23,31,.84),rgba(9,10,16,.76))}
.meal-casino-card::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.014) 39px,transparent 40px);pointer-events:none;opacity:.45}
.meal-casino-head{position:relative;z-index:2;align-items:center}.meal-casino-head>div:first-child p{margin:6px 0 0;font-size:8px;color:var(--muted);max-width:430px;line-height:1.55}
.meal-casino-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.meal-spin-btn{min-width:130px;min-height:38px;border-color:rgba(233,191,115,.28)!important;background:linear-gradient(180deg,rgba(233,191,115,.18),rgba(233,191,115,.06))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.18);font-weight:700;letter-spacing:.02em}
.meal-spin-btn>i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#e6b966;box-shadow:0 0 10px rgba(230,185,102,.75)}
.meal-spin-btn:active{transform:translateY(1px) scale(.99)}
.meal-slot-machine{position:relative;z-index:2;padding-top:5px}
.meal-reel-window{box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),inset 0 -28px 40px rgba(0,0,0,.12)}
.meal-slot-machine.spinning .meal-reel-window::after{height:24px;top:50%;bottom:auto;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(233,191,115,.12),transparent);filter:blur(4px)}

/* Multiple countdowns become a horizontal exam orbit instead of collapsing to one exam. */
.exam-focus-card.multi{overflow:hidden}.exam-focus-title p{font-size:8px;color:var(--muted);margin:5px 0 0}.exam-focus-carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;overscroll-behavior-x:contain}.exam-focus-carousel::-webkit-scrollbar{height:3px}.exam-focus-carousel::-webkit-scrollbar-thumb{background:rgba(233,191,115,.18);border-radius:999px}
.exam-countdown-card{scroll-snap-align:start;flex:0 0 min(390px,88%);border:1px solid var(--line);border-radius:18px;padding:15px;background:radial-gradient(circle at 90% 10%,rgba(124,92,255,.08),transparent 34%),rgba(255,255,255,.018);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.exam-countdown-card.nearest{border-color:rgba(233,191,115,.23);background:radial-gradient(circle at 88% 12%,rgba(233,191,115,.09),transparent 34%),rgba(255,255,255,.021)}
.exam-countdown-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:7px;letter-spacing:.13em;color:#7b8390}.exam-countdown-top span{color:var(--gold);font-weight:700}.exam-countdown-top em{font-style:normal}
.exam-countdown-main{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;margin:12px 0 16px}.exam-countdown-main h3{font-size:17px;margin:0 0 5px;letter-spacing:-.025em}.exam-countdown-main p{font-size:8px;color:var(--muted);line-height:1.45;margin:0}.exam-countdown-days{display:grid;text-align:right;line-height:.9}.exam-countdown-days strong{font-size:42px;font-weight:500;letter-spacing:-.08em}.exam-countdown-days span{font-size:7px;letter-spacing:.17em;color:var(--gold);margin-top:6px}.exam-countdown-progress>div:first-child{display:flex;justify-content:space-between;font-size:7px;color:#7b8390;margin-bottom:6px}.exam-countdown-progress b{color:#a8adb7}

/* Exam planets reference real Solar System appearances: Jupiter / Neptune / Mars. */
.exam-planet{min-height:174px;padding:11px 7px 13px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.025),rgba(255,255,255,.009) 62%);isolation:isolate}
.planet-space{position:relative;width:92px;height:86px;display:grid;place-items:center;margin-top:2px}
.planet-body{position:relative;z-index:3;display:block;width:59px;height:59px;border-radius:50%;overflow:hidden;box-shadow:inset -15px -8px 20px rgba(0,0,0,.42),inset 8px 6px 14px rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.32);transform:rotate(-4deg)}
.planet-body::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.30),transparent 20%),linear-gradient(90deg,transparent 48%,rgba(0,0,0,.28) 90%);mix-blend-mode:screen;opacity:.46;pointer-events:none}
.planet-jupiter{background:repeating-linear-gradient(0deg,#8a5d48 0 5px,#d7b287 5px 10px,#b3795f 10px 15px,#ead2aa 15px 20px,#9d6750 20px 25px)}
.planet-jupiter>i{position:absolute;width:22px;height:8px;border-radius:50%;right:5px;top:35px;background:radial-gradient(ellipse,#8f382b,#bd6552 58%,transparent 64%);transform:rotate(-8deg);opacity:.82}.planet-jupiter>b{position:absolute;left:0;right:0;top:17px;height:4px;background:rgba(245,221,183,.5);filter:blur(.8px)}
.planet-neptune{background:radial-gradient(circle at 35% 28%,#78b5f7 0 12%,#2b73c6 34%,#174e9e 61%,#092e72 100%)}.planet-neptune>i{position:absolute;width:20px;height:7px;border-radius:50%;left:7px;bottom:15px;background:rgba(150,205,255,.28);filter:blur(1px)}.planet-neptune>b{position:absolute;left:6px;right:5px;top:22px;height:3px;border-radius:50%;background:rgba(195,224,255,.35);transform:rotate(-7deg)}
.planet-mars{background:radial-gradient(circle at 38% 27%,#df966d 0 12%,#a94f34 41%,#6c2d24 72%,#381a18 100%)}.planet-mars>i{position:absolute;width:18px;height:11px;border-radius:48%;left:9px;top:24px;background:rgba(75,29,24,.25);filter:blur(.6px)}.planet-mars>b{position:absolute;width:13px;height:8px;border-radius:50%;right:7px;bottom:13px;background:rgba(238,181,135,.17)}
.planet-orbit-line{position:absolute;z-index:1;width:88px;height:32px;border:1px solid rgba(233,191,115,.20);border-radius:50%;transform:rotate(-16deg);animation:examOrbitLine 12s linear infinite}.planet-orbit-line::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:-3px;top:50%;background:#e8c075;box-shadow:0 0 10px rgba(232,192,117,.68)}
@keyframes examOrbitLine{to{transform:rotate(344deg)}}
.exam-planet.active .planet-body{box-shadow:inset -15px -8px 20px rgba(0,0,0,.38),inset 8px 6px 14px rgba(255,255,255,.15),0 0 0 1px rgba(233,191,115,.15),0 14px 34px rgba(0,0,0,.35)}
.exam-planet.active .planet-orbit-line{border-color:rgba(233,191,115,.35)}
.exam-planet .planet-ring{display:none}.exam-planet>i{display:none}
.exam-radar-actions .small-action.disabled,.exam-radar-actions .small-action:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.4)}

html[data-theme="light"] .meal-casino-card{background:radial-gradient(circle at 84% 10%,rgba(176,124,43,.10),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,246,249,.92))}
html[data-theme="light"] .meal-spin-btn{color:#171b24!important;background:linear-gradient(180deg,rgba(211,166,89,.25),rgba(211,166,89,.10))!important;border-color:rgba(131,87,28,.20)!important}
html[data-theme="light"] .exam-countdown-card{background:radial-gradient(circle at 90% 10%,rgba(84,105,170,.08),transparent 34%),rgba(255,255,255,.88);border-color:rgba(30,41,57,.10)}
html[data-theme="light"] .exam-countdown-main h3{color:#171b24}html[data-theme="light"] .exam-countdown-main p,html[data-theme="light"] .exam-countdown-top,html[data-theme="light"] .exam-countdown-progress>div:first-child{color:#596273}
html[data-theme="light"] .exam-planet{background:radial-gradient(circle at 50% 30%,rgba(43,58,81,.035),rgba(255,255,255,.78) 65%)}

@media(max-width:760px){
  .meal-casino-head{align-items:flex-start}.meal-casino-actions{width:100%;justify-content:space-between}.meal-spin-btn{min-width:126px}
  .exam-focus-carousel{margin-right:-8px;padding-right:8px}.exam-countdown-card{flex-basis:91%;padding:13px}.exam-countdown-days strong{font-size:38px}
  .exam-planet{min-height:162px}.planet-space{width:78px;height:76px}.planet-body{width:52px;height:52px}.planet-orbit-line{width:76px;height:28px}
}

/* ===== V0.4.0-A12 Arcade + Memory ===== */
/* True meal arcade: food icons replace the old yellow planet-like dots. */
.meal-casino-actions{display:none}
.arcade-shell{position:relative;z-index:2;border:1px solid rgba(233,191,115,.16);border-radius:22px;padding:12px;background:linear-gradient(180deg,rgba(6,7,11,.78),rgba(13,15,22,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -26px 50px rgba(0,0,0,.18)}
.arcade-marquee{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:7px;padding:7px 8px 10px;border-bottom:1px solid rgba(255,255,255,.055);font-size:7px;letter-spacing:.13em;color:#9aa0aa}.arcade-marquee>span{color:var(--gold);font-weight:800}.arcade-marquee>em{font-style:normal;text-align:right;color:#6f7682}.arcade-marquee>i{width:5px;height:5px;border-radius:50%;background:rgba(233,191,115,.55);box-shadow:0 0 8px rgba(233,191,115,.42);animation:arcadeLamp 1.4s ease-in-out infinite}.arcade-marquee>i:nth-of-type(2){animation-delay:.18s}.arcade-marquee>i:nth-of-type(3){animation-delay:.36s}
@keyframes arcadeLamp{0%,100%{opacity:.3}50%{opacity:1}}
.arcade-body{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:12px;align-items:stretch;padding-top:10px}.meal-slot-machine{padding:0;gap:8px}.meal-reel{gap:5px}.meal-reel-label{font-size:7px;color:#7f8793;letter-spacing:.16em}.meal-reel-window{min-height:196px;padding:0 8px;border-radius:14px;background:linear-gradient(180deg,#11141b,#0b0d13);border-color:rgba(255,255,255,.08);display:grid;grid-template-rows:31px 1fr 31px;align-items:center;overflow:hidden;box-shadow:inset 0 12px 26px rgba(0,0,0,.25),inset 0 -12px 26px rgba(0,0,0,.32)}.meal-reel-window::before,.meal-reel-window::after{display:none}.reel-ghost{font-size:7px;color:#555d69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;filter:blur(.25px);opacity:.7}.reel-ghost.top{align-self:end;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.045)}.reel-ghost.bottom{align-self:start;padding-top:6px;border-top:1px solid rgba(255,255,255,.045)}.reel-result{display:grid;place-items:center;text-align:center;align-content:center;min-height:126px;position:relative;z-index:2}.food-cartoon{font-size:31px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.25));transform:translateZ(0)}.reel-result strong{font-size:10px;line-height:1.42}.reel-result p{font-size:7px;color:#808895;line-height:1.45;margin:6px 0;min-height:31px}.reel-result small{font-size:7px;color:#d0af70}.reel-result em{font-style:normal;font-size:6.5px;color:#9d8a65;border:1px solid rgba(233,191,115,.13);border-radius:999px;padding:3px 6px;margin-top:5px}.reel-scan{position:absolute;left:6px;right:6px;top:50%;height:44px;transform:translateY(-50%);border-top:1px solid rgba(233,191,115,.10);border-bottom:1px solid rgba(233,191,115,.10);pointer-events:none;background:linear-gradient(180deg,transparent,rgba(233,191,115,.018),transparent)}
.slot-lever{--pull:0px;min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18));color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px;cursor:pointer;touch-action:pan-y;user-select:none}.lever-rail{position:relative;width:36px;height:116px;border-radius:999px;background:linear-gradient(90deg,#11151d,#252a35 50%,#0a0c11);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 0 14px rgba(0,0,0,.55);display:block}.lever-stick{position:absolute;left:50%;top:16px;width:4px;height:66px;margin-left:-2px;border-radius:4px;background:linear-gradient(90deg,#777f8d,#d0d4da,#5b626f);transform:translateY(var(--pull));transform-origin:top;transition:transform .16s ease}.lever-handle{position:absolute;left:50%;top:3px;width:28px;height:28px;margin-left:-14px;border-radius:50%;display:grid;place-items:center;font-size:0;background:radial-gradient(circle at 34% 28%,#f4d89c,#d1a154 38%,#75502d 74%,#2b1c13 100%);box-shadow:0 6px 16px rgba(0,0,0,.35),0 0 0 3px rgba(233,191,115,.04);transform:translateY(var(--pull));transition:transform .16s ease}.slot-lever:active .lever-handle,.slot-lever:active .lever-stick{transition:none}.slot-lever>em{font-style:normal;font-size:8px;letter-spacing:.18em;color:var(--gold);margin-top:7px}.slot-lever>small{font-size:6.5px;color:#69717d;margin-top:2px}.slot-lever.pulled .lever-handle,.slot-lever.pulled .lever-stick{transition:transform .26s cubic-bezier(.2,.8,.25,1);transform:translateY(52px)}
.arcade-status{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid rgba(255,255,255,.055);margin-top:10px;padding:9px 4px 0;font-size:6.5px;color:#656e7a}.arcade-status b{font-weight:600;color:#8f96a1;text-align:center}.arcade-note{margin-bottom:0!important}
.arcade-shell.spinning .meal-reel-window{animation:none}.arcade-shell.spinning .reel-result{animation:arcadeReel 1.05s cubic-bezier(.18,.78,.2,1) both;animation-delay:var(--delay)}.arcade-shell.spinning .reel-ghost{animation:arcadeGhost 1.05s cubic-bezier(.18,.78,.2,1) both;animation-delay:var(--delay)}.arcade-shell.spinning .food-cartoon{animation:arcadeFood .28s linear infinite}.arcade-shell.spinning .reel-scan{background:linear-gradient(180deg,transparent,rgba(233,191,115,.14),transparent);filter:blur(3px)}
@keyframes arcadeReel{0%{transform:translateY(0);filter:blur(0);opacity:1}24%{transform:translateY(-34px);filter:blur(3px);opacity:.25}46%{transform:translateY(38px);filter:blur(4px);opacity:.22}70%{transform:translateY(-20px);filter:blur(2px);opacity:.5}88%{transform:translateY(7px);filter:blur(.6px);opacity:.86}100%{transform:translateY(0);filter:none;opacity:1}}@keyframes arcadeGhost{0%{transform:translateY(0);opacity:.65}35%{transform:translateY(-22px);opacity:.12}65%{transform:translateY(19px);opacity:.18}100%{transform:none;opacity:.65}}@keyframes arcadeFood{50%{transform:translateY(-5px) rotate(2deg)}}

/* Home memory orbit. */
.history-card{overflow:hidden}.history-head{align-items:center}.history-head p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.month-poster-btn{border:1px solid rgba(233,191,115,.18);border-radius:14px;background:radial-gradient(circle at 0 0,rgba(124,92,255,.08),transparent 48%),rgba(233,191,115,.035);color:var(--text);padding:9px 11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;min-height:48px}.month-poster-btn>i{position:relative;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8px;color:#000;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 18px rgba(124,92,255,.12)}.month-poster-btn>i::after{content:"";position:absolute;width:38px;height:12px;border:1px solid rgba(233,191,115,.5);border-radius:50%;transform:rotate(-18deg)}.month-poster-btn>span{display:grid;gap:2px}.month-poster-btn b{font-size:9px}.month-poster-btn small{font-size:7px;color:#747c88}.history-strip{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;overscroll-behavior-x:contain}.history-strip::-webkit-scrollbar{height:3px}.history-strip::-webkit-scrollbar-thumb{background:rgba(233,191,115,.16);border-radius:999px}.history-day{scroll-snap-align:start;flex:0 0 min(270px,79%);border:1px solid var(--line);border-radius:16px;padding:12px;background:radial-gradient(circle at 90% 0,rgba(124,92,255,.045),transparent 35%),rgba(255,255,255,.014);display:grid;gap:9px;min-height:190px}.history-day.empty{opacity:.58}.history-day-head{display:flex;justify-content:space-between;align-items:center}.history-day-head span{font-size:8px;letter-spacing:.08em;color:var(--gold)}.history-day-head b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:9px;border:1px solid rgba(255,255,255,.07);color:#aeb4bd}.history-trace{display:grid;gap:3px}.history-trace small{font-size:7px;color:#69717e}.history-trace p{margin:0;font-size:9px;color:#c5c9d1;line-height:1.48;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-foot{font-size:7px;color:#8a909a}.history-day>button{margin-top:auto;border:0;background:transparent;color:#9f8b64;font-size:7px;padding:0;text-align:left;cursor:pointer}.poster-modal{max-width:760px}.poster-preview-wrap{display:grid;place-items:center;background:#05060a;border:1px solid var(--line);border-radius:16px;padding:8px;max-height:62vh;overflow:auto}.poster-preview{display:block;width:min(100%,520px);height:auto;border-radius:10px}.poster-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.poster-save{text-decoration:none;display:inline-grid;place-items:center}

html[data-theme="light"] .arcade-shell{background:linear-gradient(180deg,#f5f6f8,#e8ebef);border-color:rgba(68,76,90,.14)}html[data-theme="light"] .meal-reel-window{background:linear-gradient(180deg,#fff,#eef1f5);border-color:rgba(30,41,57,.10)}html[data-theme="light"] .reel-result strong{color:#171b24}html[data-theme="light"] .reel-result p,html[data-theme="light"] .reel-ghost,html[data-theme="light"] .arcade-status{color:#5e6775}html[data-theme="light"] .slot-lever{background:linear-gradient(180deg,#f8f9fa,#e5e8ed);border-color:rgba(30,41,57,.11);color:#171b24}html[data-theme="light"] .lever-rail{background:linear-gradient(90deg,#d7dce4,#f7f8fa,#cbd1da)}html[data-theme="light"] .history-day{background:rgba(255,255,255,.82);border-color:rgba(30,41,57,.10)}html[data-theme="light"] .history-trace p,html[data-theme="light"] .month-poster-btn b{color:#202630}html[data-theme="light"] .history-trace small,html[data-theme="light"] .month-poster-btn small,html[data-theme="light"] .history-head p{color:#5e6775}html[data-theme="light"] .month-poster-btn{background:rgba(255,255,255,.85);border-color:rgba(131,87,28,.16);color:#171b24}

@media(max-width:760px){
  .arcade-shell{padding:9px}.arcade-body{grid-template-columns:minmax(0,1fr) 58px;gap:7px}.meal-slot-machine{gap:5px}.meal-reel-window{min-height:185px;padding:0 5px}.reel-result strong{font-size:8.5px}.reel-result p{font-size:6.2px;line-height:1.38;min-height:28px}.reel-result small{font-size:6.1px}.food-cartoon{font-size:27px}.lever-rail{width:29px;height:108px}.lever-handle{width:24px;height:24px;margin-left:-12px}.arcade-marquee>em{display:none}.arcade-marquee{grid-template-columns:1fr auto auto auto}.arcade-status{font-size:5.9px}.history-head{align-items:flex-start}.month-poster-btn{width:100%;justify-content:flex-start}.history-day{flex-basis:84%;min-height:180px}.poster-preview-wrap{max-height:58vh}
}

/* ===== A12.1 Cinematic poster + robust arcade lever ===== */
.arcade-marquee>i{width:10px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(233,191,115,.18),rgba(233,191,115,.8),rgba(233,191,115,.18));box-shadow:0 0 7px rgba(233,191,115,.28);transform:skewX(-20deg)}
.arcade-shell.waiting .arcade-status span:first-child{opacity:.45}
.arcade-body{grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:stretch}
.arcade-lever{--pull:0px;position:relative;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(9,11,16,.72) 42%,rgba(0,0,0,.34));color:var(--text);display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:10px 7px 9px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -18px 40px rgba(0,0,0,.28)}
.arcade-lever::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.025);border-radius:13px;pointer-events:none}
.lever-console{position:relative;width:48px;height:132px;display:block}
.lever-track{position:absolute;left:50%;top:13px;width:18px;height:103px;margin-left:-9px;border-radius:999px;background:linear-gradient(90deg,#080a0e,#272c36 45%,#11151b 70%,#05070a);border:1px solid rgba(255,255,255,.08);box-shadow:inset 5px 0 9px rgba(0,0,0,.5),inset -3px 0 7px rgba(255,255,255,.025)}
.lever-track::after{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.02));border-radius:2px}
.lever-arm{position:absolute;left:50%;top:24px;width:5px;height:62px;margin-left:-2.5px;border-radius:5px;background:linear-gradient(90deg,#5f6672 0%,#d7dbe1 43%,#8c939f 58%,#454b55 100%);box-shadow:0 3px 8px rgba(0,0,0,.42);transform:translateY(var(--pull));transition:transform .18s cubic-bezier(.22,.72,.2,1)}
.lever-knob{position:absolute;left:50%;top:4px;width:38px;height:38px;margin-left:-19px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#747b87 0 5%,#272c34 24%,#11141a 60%,#050609 100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 7px 18px rgba(0,0,0,.46),inset 0 1px 4px rgba(255,255,255,.12);transform:translateY(var(--pull));transition:transform .18s cubic-bezier(.22,.72,.2,1);display:grid;place-items:center}
.lever-knob>i{display:block;width:22px;height:8px;border:1px solid rgba(233,191,115,.55);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 9px rgba(233,191,115,.13)}
.lever-notch{position:absolute;right:-2px;width:8px;height:1px;background:rgba(255,255,255,.14)}.lever-notch.n1{top:44px}.lever-notch.n2{top:72px}.lever-notch.n3{top:100px}
.lever-copy{display:grid;gap:2px;text-align:center;position:relative;z-index:2}.lever-copy b{font-size:9px;letter-spacing:.2em;color:var(--gold)}.lever-copy small{font-size:6.5px;color:#68717d;white-space:nowrap}
.arcade-lever.returning .lever-arm,.arcade-lever.returning .lever-knob{transition:transform .22s cubic-bezier(.22,1.35,.42,1)}
.arcade-lever.pulled .lever-arm,.arcade-lever.pulled .lever-knob{transition:transform .24s cubic-bezier(.2,.85,.28,1)}
.arcade-lever:disabled{cursor:wait;opacity:.82}
.arcade-lever:focus-visible{outline:2px solid rgba(233,191,115,.72);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.arcade-lever:hover{border-color:rgba(233,191,115,.18);background:linear-gradient(160deg,rgba(233,191,115,.045),rgba(9,11,16,.72) 42%,rgba(0,0,0,.34))}}

/* Sequential real-slot feel. */
.arcade-shell.spinning .meal-reel:nth-child(1) .reel-result,.arcade-shell.spinning .meal-reel:nth-child(1) .reel-ghost{animation-duration:.95s}
.arcade-shell.spinning .meal-reel:nth-child(2) .reel-result,.arcade-shell.spinning .meal-reel:nth-child(2) .reel-ghost{animation-duration:1.15s}
.arcade-shell.spinning .meal-reel:nth-child(3) .reel-result,.arcade-shell.spinning .meal-reel:nth-child(3) .reel-ghost{animation-duration:1.34s}
.arcade-shell.spinning .meal-reel:nth-child(1) .reel-scan{animation:slotScan .95s ease-out both}.arcade-shell.spinning .meal-reel:nth-child(2) .reel-scan{animation:slotScan 1.15s ease-out .08s both}.arcade-shell.spinning .meal-reel:nth-child(3) .reel-scan{animation:slotScan 1.34s ease-out .16s both}
@keyframes slotScan{0%{opacity:.15;transform:translateY(-90px)}50%{opacity:.8}100%{opacity:.3;transform:translateY(70px)}}

/* Monthly poster preview feels like a film one-sheet rather than a dashboard export. */
.poster-modal{max-width:820px}.poster-preview-wrap{position:relative;background:radial-gradient(circle at 50% 12%,rgba(124,92,255,.08),transparent 36%),#020307;border-color:rgba(255,255,255,.075);padding:12px}.poster-preview-wrap::before{content:"ORBIT CINEMA / ONE SHEET";position:absolute;top:20px;left:24px;z-index:2;font-size:7px;letter-spacing:.18em;color:rgba(233,191,115,.58);pointer-events:none}.poster-preview{border-radius:8px;box-shadow:0 24px 55px rgba(0,0,0,.36)}

html[data-theme="light"] .arcade-lever{background:linear-gradient(160deg,#fbfcfd,#e9edf2 46%,#dfe4ea);border-color:rgba(30,41,57,.13);color:#171b24;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -15px 30px rgba(38,47,60,.06)}
html[data-theme="light"] .lever-track{background:linear-gradient(90deg,#bcc4cf,#f4f6f8 46%,#c7ced7 70%,#aab3bf)}
html[data-theme="light"] .lever-knob{background:radial-gradient(circle at 35% 28%,#f8fafc 0 5%,#aeb7c3 22%,#6c7582 58%,#303640 100%)}
html[data-theme="light"] .lever-copy small{color:#5e6775}

@media(max-width:760px){
  .arcade-body{grid-template-columns:minmax(0,1fr) 68px;gap:7px}.arcade-lever{padding:8px 4px 7px;border-radius:14px}.lever-console{width:40px;height:122px}.lever-track{height:94px;top:13px}.lever-arm{top:23px;height:56px}.lever-knob{width:32px;height:32px;margin-left:-16px}.lever-knob>i{width:18px;height:7px}.lever-copy b{font-size:8px}.lever-copy small{font-size:5.9px}.lever-notch{right:0}.lever-notch.n1{top:42px}.lever-notch.n2{top:67px}.lever-notch.n3{top:92px}
}


/* ===== A12.2 Mechanical Arcade: real press-button interaction ===== */
.arcade-body{grid-template-columns:minmax(0,1fr) 104px;gap:14px;align-items:stretch}
.arcade-ignition{position:relative;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(9,11,16,.82) 48%,rgba(0,0,0,.34));color:var(--text);display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center;padding:10px 8px 9px;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -22px 42px rgba(0,0,0,.28)}
.arcade-ignition::before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.025);border-radius:13px;pointer-events:none}
.ignition-deck{position:relative;width:76px;height:132px;display:grid;place-items:center;align-content:center;border-radius:16px;background:linear-gradient(145deg,#151922,#07090d 62%,#11151c);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -12px 22px rgba(0,0,0,.32),0 7px 18px rgba(0,0,0,.24)}
.ignition-bolt{position:absolute;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c5ccd5,#525965 58%,#1d2128);box-shadow:0 1px 2px rgba(0,0,0,.6)}.ignition-bolt.b1{left:7px;top:7px}.ignition-bolt.b2{right:7px;top:7px}.ignition-bolt.b3{left:7px;bottom:7px}.ignition-bolt.b4{right:7px;bottom:7px}
.ignition-bezel{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 25deg,#171b22,#8a919c 8%,#2b3039 20%,#c9ced5 29%,#353b45 43%,#747c87 58%,#20252d 72%,#aeb5bf 83%,#171b22);box-shadow:0 8px 18px rgba(0,0,0,.42),inset 0 0 0 2px rgba(0,0,0,.48),inset 0 0 0 5px rgba(255,255,255,.025)}
.ignition-bezel::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#07090d;box-shadow:inset 0 4px 8px rgba(0,0,0,.85)}
.ignition-cap{position:relative;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:2px;background:radial-gradient(circle at 36% 28%,#3b3329 0 8%,#1c1712 27%,#0b0b0c 68%,#030405 100%);border:1px solid rgba(233,191,115,.34);box-shadow:0 8px 0 #030405,0 11px 15px rgba(0,0,0,.46),inset 0 1px 4px rgba(255,255,255,.11),inset 0 -5px 10px rgba(0,0,0,.46);transform:translateY(-5px);transition:transform .12s cubic-bezier(.2,.75,.2,1),box-shadow .12s ease,filter .18s ease}
.ignition-cap::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(233,191,115,.13);box-shadow:inset 0 0 9px rgba(233,191,115,.045)}
.ignition-cap b{position:relative;z-index:2;font-size:9px;line-height:1;letter-spacing:.12em;color:#e9bf73}.ignition-cap i{position:relative;z-index:2;width:19px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(233,191,115,.9),transparent);box-shadow:0 0 7px rgba(233,191,115,.35)}
.arcade-ignition.manual-press .ignition-cap,.arcade-ignition.fired .ignition-cap{transform:translateY(3px);box-shadow:0 1px 0 #030405,0 4px 8px rgba(0,0,0,.42),inset 0 2px 8px rgba(0,0,0,.44);filter:brightness(.92)}
.arcade-ignition.fired .ignition-bezel{animation:ignitionRing .62s ease-out 2}.arcade-ignition.fired .ignition-cap i{animation:ignitionLine .36s linear infinite}
@keyframes ignitionRing{0%{filter:brightness(1);box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 0 0 rgba(233,191,115,.26)}70%{filter:brightness(1.2);box-shadow:0 8px 18px rgba(0,0,0,.42),0 0 0 10px rgba(233,191,115,0)}100%{filter:brightness(1)}}
@keyframes ignitionLine{50%{opacity:.28;transform:scaleX(.65)}}
.ignition-ready{position:absolute;left:9px;right:9px;bottom:13px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:5.7px;letter-spacing:.08em;color:#69727e}.ignition-ready i{width:4px;height:4px;border-radius:50%;background:#7f866f;box-shadow:0 0 7px rgba(161,184,119,.35)}.arcade-ignition.fired .ignition-ready i{background:#e9bf73;box-shadow:0 0 9px rgba(233,191,115,.55)}
.ignition-copy{display:grid;gap:2px;text-align:center;position:relative;z-index:2;margin-top:7px}.ignition-copy b{font-size:8px;letter-spacing:.08em;color:var(--gold)}.ignition-copy small{font-size:5.8px;letter-spacing:.07em;color:#69717d;white-space:nowrap}
.arcade-ignition:disabled{cursor:wait;opacity:.86}.arcade-ignition:focus-visible{outline:2px solid rgba(233,191,115,.72);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.arcade-ignition:hover{border-color:rgba(233,191,115,.16)}.arcade-ignition:hover .ignition-cap{filter:brightness(1.08)}}
.food-cartoon{font-size:24px;letter-spacing:-3px;min-height:31px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 5px 9px rgba(0,0,0,.25));transform:translateZ(0)}
.arcade-shell.spinning .food-cartoon{animation:arcadeFood .28s linear infinite}
html[data-theme="light"] .arcade-ignition{background:linear-gradient(155deg,#fbfcfd,#e8ecf1 48%,#dce2e8);border-color:rgba(30,41,57,.13);color:#171b24;box-shadow:inset 0 1px 0 rgba(255,255,255,.82),inset 0 -18px 36px rgba(38,47,60,.07)}
html[data-theme="light"] .ignition-deck{background:linear-gradient(145deg,#f4f6f8,#d9dee5 62%,#eef1f4);border-color:rgba(30,41,57,.11)}html[data-theme="light"] .ignition-bezel{filter:brightness(1.12)}html[data-theme="light"] .ignition-copy small,html[data-theme="light"] .ignition-ready{color:#5e6775}
@media(max-width:560px){.arcade-body{grid-template-columns:minmax(0,1fr) 74px;gap:7px}.arcade-ignition{padding:7px 4px;border-radius:14px}.ignition-deck{width:58px;height:122px}.ignition-bezel{width:52px;height:52px}.ignition-cap{width:39px;height:39px;box-shadow:0 7px 0 #030405,0 10px 12px rgba(0,0,0,.42),inset 0 1px 4px rgba(255,255,255,.11),inset 0 -5px 10px rgba(0,0,0,.46)}.ignition-cap b{font-size:7.5px}.ignition-cap i{width:15px}.ignition-copy b{font-size:7px}.ignition-copy small{font-size:5.1px}.ignition-ready{font-size:5px;bottom:10px}.food-cartoon{font-size:21px}}
@media(prefers-reduced-motion:reduce){.arcade-ignition.fired .ignition-bezel,.arcade-ignition.fired .ignition-cap i{animation:none!important}.ignition-cap{transition:none!important}}


/* ===== A12.3 Capsule arcade + per-meal controls ===== */
.meal-reel-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.meal-reel-btn{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.18));color:var(--text);padding:8px 7px;border-radius:11px;font-size:7px;letter-spacing:.05em;cursor:pointer;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}
.meal-reel-btn.primary{border-color:rgba(233,191,115,.22);color:var(--gold);background:linear-gradient(180deg,rgba(233,191,115,.10),rgba(15,12,9,.24))}
.meal-reel-btn:hover{transform:translateY(-1px);border-color:rgba(233,191,115,.18)}
.meal-reel-btn.working,.meal-reel-btn:disabled{opacity:.68;cursor:wait}
.arcade-body{align-items:start}
.arcade-ignition{padding:10px 8px 11px;grid-template-rows:1fr auto;gap:8px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(8,10,15,.9) 48%,rgba(0,0,0,.42));border-color:rgba(255,255,255,.07)}
.arcade-ignition::before{inset:5px;border-radius:16px;border-color:rgba(255,255,255,.035)}
.capsule-shell{position:relative;width:78px;height:136px;display:grid;justify-items:center;align-content:start;padding-top:10px;border-radius:22px;background:linear-gradient(180deg,#151a22,#0a0d12 58%,#141922);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -16px 28px rgba(0,0,0,.34),0 12px 22px rgba(0,0,0,.22)}
.capsule-shell::before{content:'';position:absolute;inset:7px;border-radius:16px;border:1px solid rgba(255,255,255,.03)}
.capsule-ring{position:absolute;left:50%;transform:translateX(-50%);border-radius:999px;border:1px solid rgba(233,191,115,.16)}
.capsule-ring.ring-1{top:12px;width:52px;height:9px;box-shadow:0 0 10px rgba(233,191,115,.10)}
.capsule-ring.ring-2{bottom:23px;width:46px;height:8px;border-color:rgba(143,111,233,.16)}
.capsule-window{position:relative;z-index:2;width:56px;height:78px;border-radius:28px;display:grid;place-items:center;align-content:center;gap:2px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 50% 22%,rgba(233,191,115,.28),transparent 56%),linear-gradient(180deg,#1d222d,#080a10 70%,#05070a);border:1px solid rgba(233,191,115,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -8px 14px rgba(0,0,0,.42),0 8px 0 #030406,0 12px 18px rgba(0,0,0,.38);transform:translateY(-4px);transition:transform .12s cubic-bezier(.2,.75,.2,1), box-shadow .12s ease, filter .18s ease}
.window-glow{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:34px;height:12px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.36),rgba(255,255,255,0));pointer-events:none}
.capsule-window b{font-size:10px;letter-spacing:.15em;color:#edf1f6}
.capsule-window small{font-size:6px;letter-spacing:.12em;color:rgba(233,191,115,.88)}
.capsule-dock{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);width:22px;height:7px;border-radius:999px;background:linear-gradient(180deg,#6f7684,#1f252e);box-shadow:0 1px 0 rgba(255,255,255,.1)}
.capsule-status{position:absolute;left:10px;right:10px;bottom:9px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:5.6px;letter-spacing:.08em;color:#77808c}.capsule-status i{width:4px;height:4px;border-radius:50%;background:#91a476;box-shadow:0 0 8px rgba(145,164,118,.35)}
.arcade-ignition.manual-press .capsule-window,.arcade-ignition.fired .capsule-window{transform:translateY(3px);box-shadow:inset 0 2px 8px rgba(0,0,0,.44),0 2px 0 #030406,0 6px 9px rgba(0,0,0,.32);filter:brightness(.94)}
.arcade-ignition.fired .capsule-shell{animation:capsulePulse .56s ease-out 2}.arcade-ignition.fired .capsule-status i{background:#e9bf73;box-shadow:0 0 10px rgba(233,191,115,.52)}
@keyframes capsulePulse{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -16px 28px rgba(0,0,0,.34),0 12px 22px rgba(0,0,0,.22),0 0 0 0 rgba(233,191,115,.26)}70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -16px 28px rgba(0,0,0,.34),0 12px 22px rgba(0,0,0,.22),0 0 0 12px rgba(233,191,115,0)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -16px 28px rgba(0,0,0,.34),0 12px 22px rgba(0,0,0,.22)}}
.ignition-copy{margin-top:0}
html[data-theme="light"] .meal-reel-btn{background:linear-gradient(180deg,#fff,#edf1f5);border-color:rgba(30,41,57,.12);color:#1d2430}
html[data-theme="light"] .meal-reel-btn.primary{background:linear-gradient(180deg,rgba(233,191,115,.18),#fff);border-color:rgba(131,87,28,.22);color:#6c4d1c}
html[data-theme="light"] .arcade-ignition{background:linear-gradient(155deg,#fbfcfd,#e5e9ef 48%,#d5dbe3);border-color:rgba(30,41,57,.14)}
html[data-theme="light"] .capsule-shell{background:linear-gradient(180deg,#f4f6f9,#dfe5ec 58%,#eef2f6);border-color:rgba(30,41,57,.13)}
html[data-theme="light"] .capsule-window{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.7),transparent 34%),radial-gradient(circle at 50% 22%,rgba(233,191,115,.18),transparent 56%),linear-gradient(180deg,#fdfefe,#d9e2ec 70%,#cfd8e3);border-color:rgba(131,87,28,.20)}
html[data-theme="light"] .capsule-window b{color:#11161e}html[data-theme="light"] .capsule-status{color:#5e6775}
@media(max-width:560px){.meal-reel-actions{gap:5px}.meal-reel-btn{font-size:6.4px;padding:7px 4px}.capsule-shell{width:58px;height:120px;border-radius:18px}.capsule-window{width:42px;height:64px}.capsule-window b{font-size:8px}.capsule-window small{font-size:5.2px}.capsule-status{font-size:4.9px;left:5px;right:5px}}
@media(prefers-reduced-motion:reduce){.arcade-ignition.fired .capsule-shell{animation:none!important}.capsule-window,.meal-reel-btn{transition:none!important}}


/* ===== A12.5 polish ===== */
.meal-entry-hint{margin-top:5px;font-size:6px;line-height:1.35;color:#68717d;text-align:center;min-height:16px}
.meal-reel.logged .meal-reel-window{border-color:rgba(233,191,115,.16);box-shadow:inset 0 12px 26px rgba(0,0,0,.25),inset 0 -12px 26px rgba(0,0,0,.32),0 0 0 1px rgba(233,191,115,.06)}
.meal-reel-btn.logged{background:linear-gradient(180deg,rgba(233,191,115,.14),rgba(32,22,9,.28));color:#e9bf73;border-color:rgba(233,191,115,.22);cursor:default}
.meal-reel-btn.logged:disabled{opacity:.95}
.arcade-shell.spinning .meal-reel-actions,.arcade-shell.spinning .meal-entry-hint{opacity:.68}
html[data-theme="light"] .meal-entry-hint{color:#66707d}
html[data-theme="light"] .meal-reel.logged .meal-reel-window{border-color:rgba(131,87,28,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 0 0 1px rgba(233,191,115,.06)}
html[data-theme="light"] .meal-reel-btn.logged{background:linear-gradient(180deg,rgba(233,191,115,.22),#fff7e8);color:#6c4d1c;border-color:rgba(131,87,28,.24)}
@media(max-width:560px){.meal-entry-hint{font-size:5.5px;min-height:14px}}

/* ===== A13 Orbit Motion System + Unified Controls ===== */
:root{--orbit-control-radius:14px;--orbit-control-bg:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));--orbit-control-border:rgba(255,255,255,.085)}
button,.primary-btn,.ghost-btn,.accent-action,.small-action{border-radius:var(--orbit-control-radius);position:relative;isolation:isolate;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease,filter .18s ease}
button:not(.bottom-nav button):not(.exam-planet):not(.meal-reel-btn),.primary-btn,.ghost-btn,.accent-action,.small-action{overflow:hidden}
button:not(.bottom-nav button):not(.exam-planet):not(.meal-reel-btn)::after,.primary-btn::after,.ghost-btn::after,.accent-action::after,.small-action::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 48%,transparent 72%);transform:translateX(-140%);transition:transform .42s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){button:not(:disabled):hover,.primary-btn:hover,.ghost-btn:hover,.accent-action:hover,.small-action:hover{transform:translateY(-1px);border-color:rgba(233,191,115,.22);box-shadow:0 8px 20px rgba(0,0,0,.12)}button:not(.bottom-nav button):not(.exam-planet):not(.meal-reel-btn):hover::after,.primary-btn:hover::after,.ghost-btn:hover::after,.accent-action:hover::after,.small-action:hover::after{transform:translateX(140%)}}
button:not(:disabled):active,.primary-btn:active,.ghost-btn:active,.accent-action:active,.small-action:active{transform:translateY(1px) scale(.985);filter:brightness(.95)}
button:focus-visible,.primary-btn:focus-visible,.ghost-btn:focus-visible,.accent-action:focus-visible,.small-action:focus-visible{outline:2px solid rgba(233,191,115,.58);outline-offset:2px}
.icon-action,.modal-close,.date-nav button{border-radius:999px!important}
.feature-actions button,.head-actions button,.exam-radar-actions button,.poster-actions button,.poster-actions a{min-height:40px}

/* Page / card motion */
#page{transform-origin:50% 8%;will-change:opacity,transform,filter}
#page.page-orbit-out{animation:orbitPageOut .15s ease forwards}
#page.page-orbit-in>div,#page.page-orbit-in>.module-page{animation:orbitPageIn .52s cubic-bezier(.16,.84,.28,1) both}
#page.page-orbit-in .glass-card{animation:orbitCardIn .48s cubic-bezier(.16,.84,.28,1) both}
#page.page-orbit-in .glass-card:nth-of-type(2){animation-delay:.035s}#page.page-orbit-in .glass-card:nth-of-type(3){animation-delay:.07s}#page.page-orbit-in .glass-card:nth-of-type(4){animation-delay:.105s}
@keyframes orbitPageOut{to{opacity:.18;transform:scale(.992) translateY(8px);filter:blur(3px)}}
@keyframes orbitPageIn{0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(5px)}100%{opacity:1;transform:none;filter:none}}
@keyframes orbitCardIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}

/* Bottom navigation motion */
.bottom-nav button{border-radius:16px!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,color .22s ease}
.bottom-nav button::before{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:0;transform:translate(-50%,8px) scale(.3);box-shadow:0 0 0 0 rgba(233,191,115,.25);transition:.28s ease}
.bottom-nav button.active{transform:translateY(-3px)}
.bottom-nav button.active::before{opacity:1;transform:translate(-50%,0) scale(1);animation:navOrbitPing 1.9s ease-in-out infinite}
@keyframes navOrbitPing{50%{box-shadow:0 0 0 7px rgba(233,191,115,0)}}

/* Theme transition: a small orbital eclipse expands from the switch. */
/* A13.2 Orbit eclipse theme transition */
html.theme-in-transit .app-shell{transition:filter .42s ease,transform .42s ease;filter:saturate(.92) brightness(.96)}
.theme-orbit-transition{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden;--theme-x:calc(100% - 30px);--theme-y:30px}
.theme-orbit-transition::before{content:"";position:absolute;left:var(--theme-x);top:var(--theme-y);width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%) scale(.12);opacity:0;background:radial-gradient(circle,#020307 0 30%,rgba(16,12,18,.98) 36%,rgba(124,92,255,.34) 48%,rgba(5,6,10,.98) 74%,#05060a 100%);transition:transform .78s cubic-bezier(.17,.78,.17,1),opacity .16s ease}
.theme-orbit-transition.to-light::before{background:radial-gradient(circle,#f8f5ee 0 30%,#f3ead8 38%,rgba(222,180,91,.30) 51%,rgba(245,246,248,.98) 77%,#f5f6f8 100%)}
.theme-orbit-transition.active::before{opacity:.98;transform:translate(-50%,-50%) scale(138)}
.theme-orbit-transition.leaving::before{opacity:0;transition:opacity .28s ease}
.theme-eclipse{position:absolute;left:var(--theme-x);top:var(--theme-y);width:56px;height:56px;transform:translate(-50%,-50%) scale(.45) rotate(-18deg);opacity:0;border-radius:50%;transition:transform .58s cubic-bezier(.18,.82,.2,1),opacity .2s ease}
.theme-eclipse b,.theme-eclipse em{position:absolute;inset:8px;border-radius:50%;display:block}
.theme-eclipse b{background:#05060a;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 30px rgba(124,92,255,.16)}
.theme-eclipse em{inset:4px;border:1px solid rgba(233,191,115,.72);transform:scaleY(.35) rotate(-18deg);box-shadow:0 0 16px rgba(233,191,115,.23)}
.theme-orbit-transition.to-light .theme-eclipse b{background:#f4efe4;box-shadow:0 0 0 1px rgba(91,71,34,.08),0 0 30px rgba(215,168,74,.18)}
.theme-orbit-transition.active .theme-eclipse{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(18deg)}
.theme-orbit-transition.swapped .theme-eclipse{transform:translate(-50%,-50%) scale(.72) rotate(56deg);opacity:.72}
.theme-orbit-core{position:absolute;left:var(--theme-x);top:var(--theme-y);transform:translate(-50%,-50%) scale(.35);font-size:17px;opacity:0;filter:blur(2px);transition:transform .42s ease,opacity .25s ease,filter .25s ease}
.theme-orbit-transition.active .theme-orbit-core{opacity:.95;filter:blur(0);transform:translate(-50%,-50%) scale(1.02)}
.theme-orbit-transition.swapped .theme-orbit-core{transform:translate(calc(-50% - 4px),calc(-50% + 3px)) scale(.78);opacity:.42}
.theme-orbit-transition>i{position:absolute;left:var(--theme-x);top:var(--theme-y);width:46px;height:17px;border:1px solid rgba(233,191,115,.48);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg) scale(.35);opacity:0}
.theme-orbit-transition>i:nth-of-type(2){width:70px;height:25px;border-color:rgba(124,92,255,.38);transform:translate(-50%,-50%) rotate(32deg) scale(.35)}
.theme-orbit-transition>i:nth-of-type(3){width:94px;height:34px;border-color:rgba(255,255,255,.14);transform:translate(-50%,-50%) rotate(-48deg) scale(.35)}
.theme-orbit-transition.active>i{opacity:.9;animation:themeOrbitRingsA13 .78s cubic-bezier(.18,.78,.2,1) both}
.theme-orbit-transition.active>i:nth-of-type(2){animation-delay:.05s}.theme-orbit-transition.active>i:nth-of-type(3){animation-delay:.10s}
@keyframes themeOrbitRingsA13{0%{opacity:0;filter:blur(2px)}45%{opacity:.92;filter:blur(0)}100%{opacity:0;transform:translate(-50%,-50%) rotate(150deg) scale(2.2)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.theme-orbit-transition{display:none!important}}
/* Hard guard against legacy square controls. Recipe reroll keeps its arcade-specific styling. */
button:not([data-meal-swap]){border-radius:var(--orbit-control-radius)!important}
button.icon-action,button.modal-close,.date-nav button,.check-ring{border-radius:999px!important}
.exam-planet{border-radius:22px!important}
.bottom-nav button{border-radius:16px!important}
.upcoming-orbit{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:grid;gap:6px}.upcoming-orbit-title{display:flex;justify-content:space-between;gap:12px;align-items:center}.upcoming-orbit-title span{font-size:7px;letter-spacing:.16em;color:var(--gold)}.upcoming-orbit-title small{font-size:6px;color:var(--muted)}.upcoming-task{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.012);color:var(--text);text-align:left}.upcoming-task>span{font-size:7px;color:#a78f67}.upcoming-task>b{font-size:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upcoming-task>em{font-style:normal;color:#867968;text-align:center}.upcoming-task.task-activating{border-color:rgba(233,191,115,.22);animation:taskOrbitPop .34s ease-out}
html[data-theme="light"] .upcoming-task{background:rgba(255,255,255,.72);border-color:rgba(30,41,57,.1)}
.task-sync-mark{align-self:center;justify-self:center;font-size:5.8px;letter-spacing:.12em;color:#7f7462;border:1px solid rgba(233,191,115,.13);border-radius:999px;padding:4px 5px}

/* ===== A13.1 Stability rollback / targeted visual restore ===== */
/* Restore the original moving homepage black-hole behavior from A12.5. */
.blackhole-stage .orbit-1{animation:orbitspin 14s linear infinite!important}
.blackhole-stage .orbit-2{animation:orbitspin 18s linear reverse infinite!important}
.blackhole-stage .orbit-3{animation:orbitspin 24s linear infinite!important}
.blackhole-stage .accretion-back{animation:pulse 5s ease-in-out infinite!important}
.blackhole-stage .accretion-front{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .blackhole-stage .orbit-1{animation:orbitspin 14s linear infinite!important}
  .blackhole-stage .orbit-2{animation:orbitspin 18s linear reverse infinite!important}
  .blackhole-stage .orbit-3{animation:orbitspin 24s linear infinite!important}
  .blackhole-stage .accretion-back{animation:pulse 5s ease-in-out infinite!important}
}

/* Restore the A12.5 exam-orbit cards. The planet bodies stay circular and the cards keep the old proportions. */
button.exam-planet{border-radius:18px!important;min-height:152px!important;padding:13px 8px 11px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 36%,rgba(124,92,255,.055),rgba(255,255,255,.012) 58%)!important}
button.exam-planet::after{display:none!important}
.exam-planet .planet-space{width:92px;height:86px;margin-top:2px}
.exam-planet .planet-body{width:59px;height:59px;border-radius:50%!important}
.exam-planet .planet-orbit-line{width:88px;height:32px;border-radius:50%!important}
@media(max-width:760px){button.exam-planet{min-height:162px!important;padding:10px 5px!important}.exam-planet .planet-space{width:78px;height:76px}.exam-planet .planet-body{width:52px;height:52px}.exam-planet .planet-orbit-line{width:76px;height:28px}}

/* Home project rows were intentionally flat in the accepted version; global rounded controls clipped them. */
button.project-mini{border-radius:0!important;overflow:visible!important;isolation:auto!important}
button.project-mini::after{display:none!important}

/* NEXT ORBITS behaves like DAILY LIST: completed tasks remain visible as history. */
.upcoming-task.done{opacity:.56;border-color:rgba(124,224,178,.12)!important}
.upcoming-task.done>b{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:rgba(246,243,236,.55)}
.upcoming-task.done>em{color:#78d4a8}
.self-plan-note{margin-top:12px;padding:10px 11px;border:1px dashed rgba(233,191,115,.14);border-radius:12px;display:grid;gap:4px;background:rgba(255,255,255,.012)}
.self-plan-note b{font-size:6.5px;letter-spacing:.14em;color:var(--gold)}.self-plan-note span{font-size:7px;line-height:1.5;color:var(--muted)}

/* ===== A13.2 poster studio ===== */
.poster-edition-label{display:block;margin-top:4px;font-size:7px;letter-spacing:.14em;color:#777f8b}
.poster-actions{flex-wrap:wrap}
.poster-actions .ghost-btn,.poster-actions .primary-btn{min-height:38px;border-radius:14px}

/* ===== A13.3 Poster Skin Pack ===== */
.poster-skin-picker{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 12px;padding:8px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.025)}
.poster-skin-chip{appearance:none;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#8e96a3;border-radius:999px;padding:8px 12px;font-size:8px;letter-spacing:.08em;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}
.poster-skin-chip:hover{transform:translateY(-1px);border-color:rgba(233,191,115,.24);color:#d9dde4}
.poster-skin-chip.active{color:#f0d29b;border-color:rgba(233,191,115,.38);background:linear-gradient(180deg,rgba(233,191,115,.12),rgba(233,191,115,.035));box-shadow:0 0 18px rgba(233,191,115,.06),inset 0 1px 0 rgba(255,255,255,.04)}
.poster-edition-label{display:inline-block;margin-top:4px;color:#8f97a3;font-size:8px;letter-spacing:.12em}
html[data-theme="light"] .poster-skin-picker{background:rgba(255,255,255,.72);border-color:rgba(35,44,58,.10)}
html[data-theme="light"] .poster-skin-chip{background:#fff;border-color:rgba(35,44,58,.12);color:#5c6572}
html[data-theme="light"] .poster-skin-chip.active{background:#fff8ea;color:#76531d;border-color:rgba(131,87,28,.24)}
@media(max-width:560px){.poster-skin-picker{gap:5px;padding:6px}.poster-skin-chip{padding:7px 9px;font-size:7px}}

/* A13.4 poster micro-detail note */
.poster-detail-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 10px;color:#77808e;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.poster-detail-note i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 9px rgba(233,191,115,.38)}
html[data-theme="light"] .poster-detail-note{color:#66707d}
@media(max-width:560px){.poster-detail-note{font-size:6.8px;letter-spacing:.11em;margin:5px 0 8px}}

/* A13.4 CenteredPoster: preview keeps full poster visible and visually centered. */
.poster-preview-wrap{justify-items:center}.poster-preview{object-position:center center}


/* ===== A13.5 HOME / FITNESS CLEANUP ===== */
.share-orbit-card{margin-top:12px;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(124,92,255,.085),transparent 32%),radial-gradient(circle at 18% 76%,rgba(233,191,115,.045),transparent 28%),linear-gradient(135deg,rgba(21,23,31,.82),rgba(10,11,17,.72))}
.share-orbit-head{align-items:center;margin-bottom:8px}.share-orbit-head p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.55}
.share-orbit-planet-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 2px 2px}
.share-orbit-planet{position:relative;min-height:176px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.025),rgba(255,255,255,.009) 62%);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding:12px 8px 13px;cursor:pointer;isolation:isolate;transition:.2s transform,.2s border-color,.2s background,.2s box-shadow}
.share-orbit-planet::after{display:none!important}.share-orbit-planet:hover{transform:translateY(-2px);border-color:rgba(233,191,115,.22);box-shadow:0 14px 36px rgba(0,0,0,.22)}.share-orbit-planet.featured{background:radial-gradient(circle at 50% 34%,rgba(233,191,115,.055),rgba(124,92,255,.025) 46%,rgba(255,255,255,.009) 66%);border-color:rgba(233,191,115,.14)}
.share-orbit-planet .planet-space{position:relative;width:94px;height:88px;display:grid;place-items:center;margin-bottom:2px}.share-planet-body{position:relative;z-index:3;display:block;width:60px;height:60px;border-radius:50%;overflow:hidden;box-shadow:inset -15px -9px 21px rgba(0,0,0,.46),inset 8px 6px 15px rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.34)}
.share-planet-body::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.32),transparent 20%),linear-gradient(90deg,transparent 50%,rgba(0,0,0,.30) 92%);opacity:.52}.share-planet-day{background:radial-gradient(circle at 38% 30%,#f9d79a 0 9%,#bd7343 27%,#58311f 58%,#1e1415 82%,#08090d 100%)}.share-planet-day>i{position:absolute;left:7px;right:8px;top:28px;height:3px;border-radius:50%;background:rgba(255,209,138,.36);transform:rotate(-9deg)}
.share-planet-week{background:radial-gradient(circle at 34% 28%,#88b8e9 0 10%,#3e6ba4 31%,#293e6f 60%,#171b36 82%,#080910 100%)}.share-planet-week>i{position:absolute;width:25px;height:7px;border-radius:50%;left:9px;bottom:16px;background:rgba(167,203,240,.20)}
.share-planet-month{background:repeating-linear-gradient(0deg,#6b4b47 0 5px,#c49a70 5px 10px,#90645b 10px 15px,#d9b98c 15px 20px,#745047 20px 25px)}.share-planet-month>i{position:absolute;width:20px;height:7px;border-radius:50%;right:6px;top:36px;background:rgba(129,59,46,.54);transform:rotate(-8deg)}
.share-orbit-planet .planet-orbit-line{position:absolute;z-index:1;width:90px;height:34px;border:1px solid rgba(233,191,115,.24);border-radius:50%;transform:rotate(-16deg);animation:examOrbitLine 12s linear infinite}.share-orbit-planet .planet-orbit-line::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:-3px;top:50%;background:#e8c075;box-shadow:0 0 10px rgba(232,192,117,.68)}
.share-orbit-planet strong{font-size:11px;margin-top:2px}.share-orbit-planet small{font-size:7px;letter-spacing:.11em;color:#7f8794}.share-orbit-planet em{font-style:normal;font-size:7px;color:var(--gold);margin-top:2px}
.fitness-week-card-full{width:100%}.fitness-week-card-full .fitness-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fitness-actions-single{justify-content:flex-end}.fitness-actions-single button{min-width:min(100%,280px)}
html[data-theme="light"] .share-orbit-card{background:rgba(255,255,255,.80)}html[data-theme="light"] .share-orbit-planet{background:radial-gradient(circle at 50% 30%,rgba(43,58,81,.035),rgba(255,255,255,.78) 65%);border-color:rgba(30,41,57,.10);color:#171b24}html[data-theme="light"] .share-orbit-planet small{color:#586171}
@media(max-width:760px){.share-orbit-planet-system{gap:7px}.share-orbit-planet{min-height:160px;padding:10px 5px}.share-orbit-planet .planet-space{width:78px;height:76px}.share-planet-body{width:52px;height:52px}.share-orbit-planet .planet-orbit-line{width:76px;height:28px}.share-orbit-planet strong{font-size:10px}.share-orbit-planet small,.share-orbit-planet em{font-size:6.2px}.fitness-week-card-full .fitness-signal-grid{grid-template-columns:1fr 1fr}.fitness-actions-single button{width:100%;min-width:0}}

/* ===== A13.7 DIET / FITNESS / RADAR LOGIC POLISH ===== */
.diet-macro-targets .big-stat strong{letter-spacing:-.04em}
.arcade-macro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0 10px}
.arcade-macro-grid>span{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:4px;padding:7px 8px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018)}
.arcade-macro-grid small{grid-column:1/-1;font-size:5.9px;letter-spacing:.08em;color:#727b88;text-transform:uppercase}.arcade-macro-grid b{font-size:15px;font-weight:600}.arcade-macro-grid em{font-style:normal;font-size:6px;color:var(--gold);padding-bottom:2px}
.reel-macro-line{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;width:100%;margin-top:2px}.reel-macro-line>span{display:flex;justify-content:center;gap:2px;align-items:baseline;font-size:7px;color:#d2b878}.reel-macro-line small{font-size:5px;color:#777f8a}
.arcade-control-stack{display:grid;grid-template-rows:1fr auto;gap:7px;min-width:0}.arcade-combo-choose{border:1px solid rgba(233,191,115,.18);border-radius:12px;background:linear-gradient(180deg,rgba(233,191,115,.10),rgba(8,10,15,.72));color:var(--gold);padding:8px 4px;display:grid;gap:2px;cursor:pointer}.arcade-combo-choose b{font-size:7px}.arcade-combo-choose small{font-size:5px;color:#8e816c}.arcade-combo-choose:disabled{opacity:.45;cursor:not-allowed}.arcade-combo-choose.working{opacity:.65}
.meal-reel.single-spinning .reel-result{animation:arcadeReel 1.05s cubic-bezier(.18,.78,.2,1) both}.meal-reel.single-spinning .reel-ghost{animation:arcadeGhost 1.05s cubic-bezier(.18,.78,.2,1) both}.meal-reel.single-spinning .food-cartoon{animation:arcadeFood .28s linear infinite}.meal-reel.single-spinning .reel-scan{animation:slotScan 1.05s ease-out both;background:linear-gradient(180deg,transparent,rgba(233,191,115,.14),transparent);filter:blur(3px)}

.fitness-plan-first{order:0}.fitness-plan-head p{margin:5px 0 0;font-size:8px;color:#79818e}.fitness-todo-list{display:grid;gap:6px}.fitness-todo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.fitness-todo-main{width:100%;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);color:var(--text);border-radius:13px;padding:9px 10px;display:grid;grid-template-columns:20px 24px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;cursor:pointer}.fitness-todo-main>b{font-size:8px;color:#69717d}.fitness-todo-main>span:nth-of-type(2){display:grid;gap:3px}.fitness-todo-main strong{font-size:9px}.fitness-todo-main small{font-size:7px;color:#7f8793;line-height:1.45}.fitness-todo-main em{font-style:normal;font-size:7px;color:var(--gold)}.fitness-todo-check{width:18px;height:18px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--gold)}.fitness-todo-row.done .fitness-todo-main{opacity:.68}.fitness-todo-row.done .fitness-todo-main strong{text-decoration:line-through;color:#777f88}.fitness-todo-row.done .fitness-todo-check{border-color:rgba(233,191,115,.32);background:rgba(233,191,115,.08)}.fitness-intensity-edit{border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.02);color:#8b93a0;padding:0 9px;font-size:6.5px;cursor:pointer}
.fitness-today-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fitness-today-grid>div{border:1px solid rgba(255,255,255,.055);border-radius:13px;padding:12px 10px;background:rgba(255,255,255,.018);display:grid;gap:3px}.fitness-today-grid small{font-size:7px;color:#79818e}.fitness-today-grid strong{font-size:24px;font-weight:550;letter-spacing:-.05em}.fitness-today-grid em{font-style:normal;font-size:6px;color:var(--gold);letter-spacing:.09em}.fitness-decision-orbit.compact{min-height:auto}.fitness-empty-plan{display:grid;gap:8px}.fitness-empty-plan b{font-size:13px}.fitness-empty-plan span{font-size:8px;color:#7f8793;line-height:1.5}.fitness-empty-plan button{justify-self:start}

.fitness-task-group{border:1px solid rgba(124,92,255,.10);border-radius:14px;padding:7px;background:linear-gradient(180deg,rgba(124,92,255,.025),rgba(255,255,255,.008));display:grid;gap:4px}.fitness-task-group-head{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 5px}.fitness-task-group-head span{font-size:6px;letter-spacing:.12em;color:#8375c8}.fitness-task-group-head b{font-size:6.5px;color:#858c98}.fitness-task-children{display:grid;gap:3px;margin-left:17px;padding-left:8px;border-left:1px solid rgba(124,92,255,.12)}.fitness-child-task{min-height:44px;background:rgba(255,255,255,.012)}.fitness-child-task .task-main strong{font-size:8.5px}.fitness-parent-static{cursor:default;background:rgba(124,92,255,.025)}.fitness-parent-static .row-arrow{font-size:6px;color:#8175bd}

.ai-shortlist-item{width:100%;color:var(--text);text-align:left;cursor:pointer}.ai-shortlist-item:hover{border-color:rgba(124,92,255,.20);background:rgba(124,92,255,.035)}
.opp-contact-panel{margin:12px 0 4px;padding:11px;border:1px solid rgba(233,191,115,.10);border-radius:13px;background:linear-gradient(145deg,rgba(233,191,115,.035),rgba(255,255,255,.012))}.opp-contact-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.opp-contact-title span{font-size:6px;letter-spacing:.13em;color:var(--gold)}.opp-contact-title b{font-size:8px}.opp-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.opp-contact-grid>div{display:grid;gap:4px;padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:10px}.opp-contact-grid small{font-size:6px;color:#777f8b}.opp-contact-grid a{font-size:7.5px;color:#cdb178;text-decoration:none;word-break:break-all}.opp-contact-notes{margin-top:8px;display:grid;gap:4px}.opp-contact-notes p{margin:0;font-size:7px;line-height:1.45;color:#8d94a0}

html[data-theme="light"] .arcade-macro-grid>span,html[data-theme="light"] .fitness-todo-main,html[data-theme="light"] .fitness-today-grid>div,html[data-theme="light"] .fitness-task-group,html[data-theme="light"] .opp-contact-panel,html[data-theme="light"] .opp-contact-grid>div{border-color:rgba(30,41,57,.10);background:rgba(255,255,255,.74)}
html[data-theme="light"] .fitness-todo-main,html[data-theme="light"] .ai-shortlist-item{color:#1c2330}
@media(max-width:760px){
  .arcade-macro-grid{gap:4px}.arcade-macro-grid>span{padding:6px 5px}.arcade-macro-grid b{font-size:12px}
  .fitness-today-grid{grid-template-columns:1fr 1fr}.fitness-todo-row{grid-template-columns:minmax(0,1fr) 52px}.fitness-todo-main{grid-template-columns:18px 20px minmax(0,1fr);gap:6px}.fitness-todo-main em{grid-column:3}.fitness-intensity-edit{padding:0 5px}
  .fitness-task-children{margin-left:10px}
  .opp-contact-grid{grid-template-columns:1fr}
}


/* ===== A13.8 ENERGY RINGS + UNIFIED TRACKING ===== */
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.orbit-progress-card{min-height:174px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.025),transparent 44%),linear-gradient(135deg,rgba(20,22,29,.82),rgba(8,9,14,.72));display:grid;justify-items:center;align-content:center;gap:9px;padding:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.15)}
.orbit-progress-ring{--ring-p:0;--ring-c:#e9bf73;width:104px;height:104px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(from -90deg,var(--ring-c) calc(var(--ring-p)*1%),rgba(255,255,255,.075) 0);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--ring-c) 18%,transparent))}
.orbit-progress-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b0c11;box-shadow:inset 0 0 20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.04)}
.orbit-progress-ring::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--ring-c) 28%,transparent);opacity:.55}
.orbit-progress-core{position:relative;z-index:2;display:grid;place-items:center}.orbit-progress-core strong{font-size:27px;letter-spacing:-.06em;font-weight:650}.orbit-progress-core small{font-size:10px;margin-left:2px;color:#9097a3}.orbit-progress-ring>i{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;top:-7px;background:var(--ring-c);box-shadow:0 0 11px var(--ring-c)}
.orbit-progress-copy{text-align:center;display:grid;gap:3px}.orbit-progress-copy span{font-size:9px;font-weight:700;color:#dfe3e8}.orbit-progress-copy small{font-size:7px;color:#7d8591;min-height:10px}
.vision-food-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:5px 0}.vision-food-macros span{font-size:7px;color:#b9c0cb;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(255,255,255,.025);padding:4px 5px;text-align:center}
.energy-gap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.energy-gap-grid>div{border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);padding:10px;display:grid;gap:4px}.energy-gap-grid small{font-size:7px;color:#79818e}.energy-gap-grid strong{font-size:19px}.energy-gap-grid em{font-style:normal;font-size:7px;color:var(--gold)}
.editable-chip{cursor:pointer;color:var(--gold)}
.fitness-todo-row.custom .fitness-todo-main{border-color:rgba(143,200,255,.14);background:radial-gradient(circle at 0 50%,rgba(143,200,255,.045),transparent 42%),rgba(255,255,255,.018)}
@media(max-width:760px){.metric-grid{grid-template-columns:1fr 1fr}.orbit-progress-card{min-height:150px}.orbit-progress-ring{width:88px;height:88px}.orbit-progress-core strong{font-size:23px}.energy-gap-grid{grid-template-columns:1fr 1fr}}
html[data-theme="light"] .orbit-progress-card,html[data-theme="light"] .energy-gap-grid>div,html[data-theme="light"] .vision-food-macros span{background:rgba(255,255,255,.80);border-color:rgba(30,41,57,.10)}
html[data-theme="light"] .orbit-progress-ring::before{background:#f7f8fa}


/* ===== A13.9 DAYLIGHT / VISION / CREDITS ===== */

/* Brand credit: visible, quiet, and centered between ORBIT and actions. */
.topbar-brand{min-width:180px}
.orbit-maker{
  position:absolute;left:50%;transform:translateX(-50%);
  font-size:8px;letter-spacing:.13em;color:#686f7c;
  white-space:nowrap;opacity:.88
}
.orbit-maker b{font-weight:700;color:#a38863}
.orbit-copyright{
  max-width:1180px;margin:8px auto 96px;padding:0 28px;
  text-align:center;font-size:7px;letter-spacing:.08em;color:#555d69;
  position:relative;z-index:3
}
html[data-theme="light"] .orbit-maker{color:#747c88}
html[data-theme="light"] .orbit-maker b{color:#7b5521}
html[data-theme="light"] .orbit-copyright{color:#7b8290}

/* Daylight four rings: cleaner Apple-like activity geometry with ORBIT restraint.
   Night mode is intentionally untouched. */
html[data-theme="light"] .orbit-progress-card{
  background:
    radial-gradient(circle at 50% 26%,rgba(255,255,255,.98),rgba(247,249,252,.88) 58%,rgba(238,242,247,.78)),
    #f7f8fa;
  border-color:rgba(35,45,62,.09);
  box-shadow:0 12px 32px rgba(55,67,86,.08),inset 0 1px 0 rgba(255,255,255,.92)
}
html[data-theme="light"] .orbit-progress-ring{
  width:108px;height:108px;
  background:conic-gradient(from -90deg,var(--ring-c) calc(var(--ring-p)*1%),#e8ecf2 0);
  filter:none;
  box-shadow:0 7px 20px color-mix(in srgb,var(--ring-c) 12%,transparent)
}
html[data-theme="light"] .orbit-progress-ring::before{
  inset:9px;background:
    radial-gradient(circle at 38% 28%,#fff 0 8%,#fbfcfd 36%,#f2f5f8 100%);
  box-shadow:inset 0 0 0 1px rgba(43,54,73,.055),inset -4px -5px 12px rgba(69,83,104,.035)
}
html[data-theme="light"] .orbit-progress-ring::after{
  inset:-6px;border:1px solid color-mix(in srgb,var(--ring-c) 20%,#d6dce5);
  opacity:.72;box-shadow:0 0 0 5px rgba(255,255,255,.36)
}
html[data-theme="light"] .orbit-progress-ring>i{
  width:6px;height:6px;top:-6px;border:2px solid #fff;
  box-shadow:0 2px 7px color-mix(in srgb,var(--ring-c) 34%,transparent)
}
html[data-theme="light"] .orbit-progress-core strong{color:#202735;font-weight:700}
html[data-theme="light"] .orbit-progress-core small{color:#707988}
html[data-theme="light"] .orbit-progress-copy span{color:#2a3240}
html[data-theme="light"] .orbit-progress-copy small{color:#737c89}

/* Daylight Food Arcade: restore readable contrast across all A13.7 additions. */
html[data-theme="light"] .arcade-shell{
  background:linear-gradient(180deg,#fbfcfd,#eef2f6);
  border-color:rgba(37,48,65,.12);
  box-shadow:inset 0 1px 0 #fff,0 12px 28px rgba(55,67,86,.07)
}
html[data-theme="light"] .arcade-marquee{
  border-bottom-color:rgba(37,48,65,.10);color:#687382
}
html[data-theme="light"] .arcade-marquee>span{color:#79531d}
html[data-theme="light"] .arcade-marquee>em{color:#6d7683}
html[data-theme="light"] .arcade-marquee>i{background:#b47d2f;box-shadow:0 0 7px rgba(180,125,47,.28)}
html[data-theme="light"] .meal-reel-label{color:#66717f}
html[data-theme="light"] .meal-reel-window{
  background:linear-gradient(180deg,#ffffff,#f0f3f7);
  border-color:rgba(37,48,65,.11);
  box-shadow:inset 0 10px 22px rgba(62,77,98,.035),inset 0 -10px 22px rgba(62,77,98,.045)
}
html[data-theme="light"] .reel-ghost{color:#8b94a0}
html[data-theme="light"] .reel-ghost.top{border-bottom-color:rgba(37,48,65,.08)}
html[data-theme="light"] .reel-ghost.bottom{border-top-color:rgba(37,48,65,.08)}
html[data-theme="light"] .reel-result strong{color:#202735!important}
html[data-theme="light"] .reel-result p{color:#5c6674!important}
html[data-theme="light"] .reel-result small{color:#74511f!important}
html[data-theme="light"] .reel-result em{color:#795a2a;border-color:rgba(125,87,31,.18);background:#fffaf0}
html[data-theme="light"] .reel-macro-line>span{color:#79531d}
html[data-theme="light"] .reel-macro-line small{color:#717b88}
html[data-theme="light"] .arcade-macro-grid>span{
  background:#fff;border-color:rgba(37,48,65,.10);
  box-shadow:0 4px 10px rgba(54,67,87,.025)
}
html[data-theme="light"] .arcade-macro-grid small{color:#66717f}
html[data-theme="light"] .arcade-macro-grid b{color:#202735}
html[data-theme="light"] .arcade-macro-grid em{color:#78531f}
html[data-theme="light"] .arcade-status{border-top-color:rgba(37,48,65,.10);color:#717b88}
html[data-theme="light"] .arcade-status b{color:#414b59}
html[data-theme="light"] .arcade-combo-choose{
  background:linear-gradient(180deg,#fffaf0,#f4ead8);
  border-color:rgba(125,87,31,.18);color:#714b16
}
html[data-theme="light"] .arcade-combo-choose small{color:#76664f}
html[data-theme="light"] .arcade-note{color:#65707e!important}
html[data-theme="light"] .arcade-ignition .ignition-copy b{color:#27303e}
html[data-theme="light"] .arcade-ignition .ignition-copy small{color:#6e7885}
html[data-theme="light"] .capsule-status{color:#687382}
html[data-theme="light"] .capsule-window b{color:#f4e3b8}
html[data-theme="light"] .capsule-window small{color:#d7b56e}

/* Nutrition-label evidence extracted from photos. */
.vision-label-evidence{
  margin:10px 0;padding:11px 12px;border:1px solid rgba(143,200,255,.12);
  border-radius:13px;background:linear-gradient(145deg,rgba(143,200,255,.035),rgba(255,255,255,.012));
  display:grid;gap:6px
}
.vision-label-evidence>b{font-size:10px;color:#dce9f8}
.vision-label-evidence>p{margin:0;font-size:8px;line-height:1.55;color:#aeb8c5}
.vision-label-evidence>small,.vision-source-basis{font-size:7px!important;line-height:1.5;color:#7f8a98!important}
html[data-theme="light"] .vision-label-evidence{background:#f6f9fd;border-color:rgba(55,85,120,.12)}
html[data-theme="light"] .vision-label-evidence>b{color:#26394e}
html[data-theme="light"] .vision-label-evidence>p{color:#526273}
html[data-theme="light"] .vision-label-evidence>small,
html[data-theme="light"] .vision-source-basis{color:#6d7885!important}

@media(max-width:760px){
  .orbit-maker{font-size:6.5px;letter-spacing:.08em}
  .topbar-brand{min-width:120px}
  .orbit-copyright{padding:0 18px;margin-bottom:100px;font-size:6.3px}
  html[data-theme="light"] .orbit-progress-ring{width:92px;height:92px}
}


/* ===== A13.10 PWA INSTALL SHORTCUT ===== */
.install-btn{
  display:grid;place-items:center;position:relative;
}
.install-btn svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round
}
.install-btn.install-ready{
  color:var(--gold);border-color:rgba(233,191,115,.30);
  box-shadow:0 0 0 1px rgba(233,191,115,.05),0 0 18px rgba(233,191,115,.10)
}
.install-btn.install-ready::after{
  content:'';position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;
  background:var(--gold);box-shadow:0 0 7px var(--gold)
}
.install-btn.installed{opacity:.58}
html[data-theme="light"] .install-btn.install-ready{
  color:#8a5b1e;border-color:rgba(138,91,30,.24);
  box-shadow:0 5px 16px rgba(85,65,35,.08)
}
.install-guide-card{max-width:520px}
.install-guide-orbit{
  display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:start;padding:8px 4px 18px
}
.install-guide-orbit>span{
  width:64px;height:64px;border-radius:50%;display:grid;place-items:center;
  font-size:30px;color:var(--gold);border:1px solid rgba(233,191,115,.18);
  background:radial-gradient(circle,rgba(233,191,115,.09),rgba(255,255,255,.015) 58%,transparent 60%);
  box-shadow:inset 0 0 0 8px rgba(233,191,115,.025),0 0 25px rgba(233,191,115,.05)
}
.install-guide-orbit div{display:grid;gap:7px}
.install-guide-orbit b{font-size:11px;color:#e7e9ed}
.install-guide-orbit small{font-size:9px;line-height:1.65;color:#a5adb9}
.install-guide-orbit p{margin:5px 0 0;font-size:8px;line-height:1.65;color:#727c89}
.install-guide-actions{padding-top:0}
html[data-theme="light"] .install-guide-orbit b{color:#26303d}
html[data-theme="light"] .install-guide-orbit small{color:#5f6978}
html[data-theme="light"] .install-guide-orbit p{color:#78818d}


/* ===== A13.11 QUIET LUXURY / CONTROL DETAILS ===== */
html[data-theme="light"] .hole-core{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .hole-core:after{display:none!important}
html[data-theme="light"] .hole-core:before{
  inset:-7%!important;
  filter:saturate(.90) contrast(.98) drop-shadow(0 7px 12px rgba(48,77,106,.16))!important;
}

.task-row-actions{display:flex;align-items:center;gap:5px;justify-content:flex-end}
.task-row-actions .task-sync-mark{margin:0}
.fitness-todo-actions{display:flex;flex-direction:column;gap:5px;min-width:54px}
.fitness-subplan-delete,.milestone-delete{
  border:1px solid rgba(229,156,140,.10);border-radius:10px;background:rgba(229,156,140,.018);
  color:#756d70;font-size:6.5px;letter-spacing:.04em;padding:7px 8px;cursor:pointer;transition:.18s
}
.fitness-subplan-delete:hover,.milestone-delete:hover{color:#e1a394;border-color:rgba(229,156,140,.28);background:rgba(229,156,140,.045)}
.milestone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:stretch}
.milestone-delete{align-self:stretch;min-width:42px;padding:4px 7px}
html[data-theme="light"] .fitness-subplan-delete,html[data-theme="light"] .milestone-delete{color:#8b6660;border-color:rgba(143,83,70,.13);background:rgba(143,83,70,.025)}
html[data-theme="light"] .fitness-subplan-delete:hover,html[data-theme="light"] .milestone-delete:hover{color:#a24f3f;border-color:rgba(162,79,63,.25)}

.ai-engine-minimal{padding-bottom:2px}
.ai-engine-testline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.ai-engine-testline>span{font-size:7.5px;letter-spacing:.04em;color:#777f8d;line-height:1.5}
html[data-theme="light"] .ai-engine-testline>span{color:#66707e}

.orbit-disclaimer{
  max-width:980px;margin:8px auto 10px;padding:15px 22px 14px;border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.035);text-align:center;position:relative;z-index:3
}
.orbit-disclaimer>span{font-size:6.8px;letter-spacing:.18em;color:#81755f;font-weight:700}
.orbit-disclaimer>p{max-width:760px;margin:7px auto 0;font-size:6.8px;line-height:1.75;color:#555e6b}
html[data-theme="light"] .orbit-disclaimer{border-color:rgba(37,48,65,.07)}
html[data-theme="light"] .orbit-disclaimer>span{color:#826034}
html[data-theme="light"] .orbit-disclaimer>p{color:#7a828e}

@media(max-width:760px){
  .task-line{grid-template-columns:minmax(0,1fr) auto!important}
  .task-row-actions{flex-direction:column;justify-content:center;gap:3px}
  .fitness-todo-row{grid-template-columns:minmax(0,1fr) 54px!important}
  .fitness-todo-actions{min-width:48px}
  .fitness-subplan-delete,.fitness-intensity-edit{padding:6px 4px}
  .orbit-disclaimer{margin:3px 18px 8px;padding:13px 8px}.orbit-disclaimer>p{font-size:6.3px}
}


/* ===== A13.12 DAYLIGHT EARTH / DAILY PROJECT ORBIT ===== */
/* Hard-lock the daylight Earth to the exact orbital center. This overrides older mobile emoji geometry. */
html[data-theme="light"] .hole-core{
  left:50%!important;top:50%!important;
  width:31%!important;height:31%!important;
  transform:translate(-50%,-50%)!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  overflow:visible!important;isolation:isolate
}
html[data-theme="light"] .hole-core:before{
  content:"🌍"!important;
  inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;
  display:grid!important;place-items:center!important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif!important;
  font-size:clamp(70px,8.6vw,106px)!important;line-height:1!important;
  transform:translate(-50%,-50%) rotate(-4deg)!important;transform-origin:50% 50%!important;
  filter:saturate(.90) contrast(.98) drop-shadow(0 7px 12px rgba(48,77,106,.16))!important;
  opacity:.98!important;z-index:4!important
}
html[data-theme="light"] .hole-core:after{display:none!important}
html[data-theme="light"] .core-glint{display:none!important}

.daily-project-plan{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:grid;gap:8px}
.daily-project-plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.daily-project-plan-head span{font-size:7.5px;letter-spacing:.12em;color:var(--gold);font-weight:700}
.daily-project-plan-head small{font-size:6.8px;letter-spacing:.08em;color:#737b88}
.project-goal b{font-size:7px;letter-spacing:.12em;color:var(--gold);margin-right:5px}
.daily-project-plan .milestone-list{max-height:330px;overflow:auto;padding-right:2px}
.daily-project-plan .milestone-item b{min-width:31px;font-size:7px;letter-spacing:.03em}
.daily-project-plan .milestone-item span small{font-size:6.5px;color:#727b88}
html[data-theme="light"] .daily-project-plan-head small{color:#66707d}

@media(max-width:760px){
  html[data-theme="light"] .hole-core:before{font-size:clamp(70px,23vw,92px)!important}
  .daily-project-plan-head{align-items:flex-start;flex-direction:column;gap:3px}
}


/* ===== A13.13 CROSS-PLATFORM / RADAR POLISH ===== */
.theme-btn{display:grid!important;place-items:center!important;line-height:0!important;padding:0!important}
.theme-icon-svg{
  display:block;width:15px;height:15px;overflow:visible;
  fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  transform:none!important
}
.theme-icon-svg.moon{width:15.5px;height:15.5px}
.theme-icon-svg.sun{width:15px;height:15px}

.upcoming-task-wrap{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:center}
.upcoming-task-wrap .upcoming-task{min-width:0}
.upcoming-delete{width:32px;height:32px}
.fitness-parent-line{grid-template-columns:minmax(0,1fr) auto!important}

.install-platform-status{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px 88px}
.install-platform-status span{
  padding:5px 7px;border:1px solid var(--line);border-radius:999px;
  font-size:6.5px;letter-spacing:.12em;color:#6f7885
}
.install-platform-status span.active{
  color:var(--gold);border-color:rgba(233,191,115,.25);background:rgba(233,191,115,.05)
}
html[data-theme="light"] .install-platform-status span{color:#77808c}
html[data-theme="light"] .install-platform-status span.active{color:#7d571d;border-color:rgba(125,87,29,.18);background:#fff9ef}

.resume-advice-list.concise{display:grid;gap:10px}
.resume-advice-overview{
  padding:15px 15px 14px;border:1px solid rgba(233,191,115,.14);border-radius:15px;
  background:linear-gradient(135deg,rgba(233,191,115,.055),rgba(124,92,255,.025));
  display:grid;gap:7px
}
.resume-advice-overview>span{font-size:6.8px;letter-spacing:.16em;color:var(--gold);font-weight:700}
.resume-advice-overview>strong{font-size:15px;line-height:1.48;letter-spacing:-.015em;color:#f2eee6}
.resume-advice-overview>b{font-size:12px;line-height:1.55;color:#b9bec7;font-weight:600}
.resume-advice-group.compact{padding:9px 2px 4px}
.resume-advice-group.compact>small{font-size:7px;letter-spacing:.13em;color:#8f96a2}
.resume-advice-group.compact>p{font-size:9px;line-height:1.55;margin:5px 0;color:#afb5bf}
html[data-theme="light"] .resume-advice-overview{background:linear-gradient(135deg,#fffaf0,#f7f5fb);border-color:rgba(108,79,31,.13)}
html[data-theme="light"] .resume-advice-overview>strong{color:#222a36}
html[data-theme="light"] .resume-advice-overview>b{color:#596270}
html[data-theme="light"] .resume-advice-group.compact>p{color:#56606d}
.opportunity-page .ai-shortlist-card{margin-top:0}

@media(max-width:760px){
  .install-platform-status{margin-left:0}
  .resume-advice-overview>strong{font-size:13px}
}


/* ===== A13.14 MULTI-TASK DAILY ORBIT ===== */
.manual-daily-builder{
  padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;
  background:rgba(255,255,255,.018);display:grid;gap:10px
}
.manual-daily-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.manual-daily-head>span{display:grid;gap:3px}
.manual-daily-head b{font-size:10px;color:#e9e5dc}
.manual-daily-head small{font-size:7px;line-height:1.45;color:#7d8693}
.mini-plus,.daily-plan-plus{
  width:28px;height:28px;border-radius:50%;padding:0;display:grid;place-items:center;
  font-size:16px;line-height:1;color:var(--gold);border:1px solid rgba(233,191,115,.22);
  background:rgba(233,191,115,.055)
}
.mini-plus:hover,.daily-plan-plus:hover{border-color:rgba(233,191,115,.45);background:rgba(233,191,115,.10)}
.manual-daily-rows{display:grid;gap:8px}
.manual-daily-row{display:grid;grid-template-columns:86px minmax(0,1fr) 28px;gap:8px;align-items:end}
.manual-daily-row label{display:grid;gap:4px}
.manual-daily-row label>span{font-size:7px;color:#77818f}
.manual-daily-row input{
  width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;
  background:rgba(255,255,255,.025);color:var(--text);padding:9px 10px;font:inherit
}
.manual-row-remove{width:28px;height:34px;border:0;background:transparent;color:#777f8a;font-size:16px}
.manual-row-remove:hover{color:#d87d7d}
.daily-project-plan-tools{display:flex;align-items:center;gap:8px}
.daily-project-plan-tools small{white-space:nowrap}
.daily-plan-plus{width:24px;height:24px;font-size:14px;flex:0 0 auto}

html[data-theme="light"] .manual-daily-builder{background:#fafbfc;border-color:rgba(38,49,65,.09)}
html[data-theme="light"] .manual-daily-head b{color:#27303c}
html[data-theme="light"] .manual-daily-head small{color:#74808e}
html[data-theme="light"] .manual-daily-row input{background:#fff;color:#27303c}
html[data-theme="light"] .mini-plus,
html[data-theme="light"] .daily-plan-plus{color:#7d571d;border-color:rgba(125,87,29,.18);background:#fff9ef}

@media(max-width:620px){
  .manual-daily-row{grid-template-columns:72px minmax(0,1fr) 28px}
  .manual-daily-head{align-items:flex-start}
}


/* ===== A13.14.1 VISION RESULT WRAP FIX =====
   Prevent long AI / nutrition-label text from stretching the page or pushing
   modal actions outside the viewport. */
.modal-card,
.modal-wide{
  box-sizing:border-box;
  max-width:calc(100vw - 24px);
  overflow-x:hidden!important;
}
.modal-card *,
.modal-wide *{
  min-width:0;
  box-sizing:border-box;
}

/* Long food names / extracted labels / advice must wrap inside the card. */
.vision-food-items,
.vision-food-item,
.vision-label-evidence,
.vision-advice-panel{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.vision-food-item{
  grid-template-columns:minmax(0,1fr) auto;
}
.vision-food-item>div,
.vision-food-item strong,
.vision-food-item small,
.vision-food-item p,
.vision-source-basis,
.vision-label-evidence>b,
.vision-label-evidence>p,
.vision-label-evidence>small,
.vision-advice-panel p,
.vision-advice-panel small,
.vision-advice-level{
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  hyphens:auto;
}
.vision-food-item strong{
  display:block;
  line-height:1.45;
}
.vision-food-item>div{
  flex-wrap:wrap;
  align-items:flex-start;
}
.food-category-chip{
  flex:0 0 auto;
}
.vision-food-macros{
  min-width:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.vision-food-macros span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.vision-label-evidence,
.vision-advice-panel{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Keep actions visible even when the result is verbose. */
.modal-actions{
  position:sticky;
  bottom:-1px;
  z-index:8;
  background:linear-gradient(180deg,rgba(10,11,16,.82),rgba(10,11,16,.98) 28%);
  backdrop-filter:blur(12px);
}
html[data-theme="light"] .modal-actions{
  background:linear-gradient(180deg,rgba(249,250,252,.82),rgba(249,250,252,.98) 28%);
}

/* Compact phones: food result becomes a single-column flow rather than
   allowing the kcal column to squeeze the description. */
@media(max-width:520px){
  .modal-card,
  .modal-wide{
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    padding:16px!important;
  }
  .vision-food-item{
    grid-template-columns:minmax(0,1fr);
    gap:6px;
  }
  .vision-food-item>b{
    justify-self:start;
  }
  .vision-food-item p,
  .vision-label-evidence>p,
  .vision-advice-panel p{
    line-height:1.6;
  }
}


/* ==========================================================
   ORBIT V0.2.0 RC1.1 — WELCOME / LOCAL PREVIEW
   ========================================================== */
.orbit-welcome{
  position:fixed;
  inset:0;
  z-index:99990;
  min-height:100svh;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:#050505;
  color:#f3eee3;
  isolation:isolate;
  opacity:1;
  visibility:visible;
  transition:opacity .40s cubic-bezier(.2,.7,.2,1),visibility .40s;
}
.orbit-welcome.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.orbit-welcome-bg{
  position:absolute;
  inset:-6%;
  z-index:-4;
  background:
    linear-gradient(180deg,rgba(2,2,2,.28),rgba(3,3,3,.72));
  filter:none;
  transform:scale(1.03);
}
.orbit-welcome.welcome-visual-ready .orbit-welcome-bg{
  background:
    linear-gradient(180deg,rgba(2,2,2,.28),rgba(3,3,3,.72)),
    url('/assets/welcome/orbit_welcome_noir_900.webp') center 49% / cover no-repeat;
}
.orbit-welcome::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at 50% 45%,rgba(210,168,96,.06),transparent 31%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.15) 42%,rgba(0,0,0,.50));
  pointer-events:none;
}
.orbit-welcome-grid{
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.17;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(213,181,122,.32) 50%,transparent calc(50% + .5px)),
    linear-gradient(180deg,transparent calc(50% - .5px),rgba(213,181,122,.12) 50%,transparent calc(50% + .5px));
  mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 82%);
}
.orbit-welcome-top,
.orbit-welcome-foot{
  position:absolute;
  left:clamp(20px,5vw,72px);
  right:clamp(20px,5vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:10px;
  letter-spacing:.22em;
  color:rgba(237,224,199,.54);
  text-transform:uppercase;
}
.orbit-welcome-top{top:max(24px,env(safe-area-inset-top));}
.orbit-welcome-foot{bottom:max(22px,env(safe-area-inset-bottom));}
.orbit-welcome-top em{
  font-style:normal;
  text-transform:none;
  letter-spacing:.06em;
  color:rgba(237,224,199,.40);
}
.orbit-welcome-content{
  width:min(760px,88vw);
  display:grid;
  justify-items:center;
  text-align:center;
  transform:translateY(-1.5vh);
}
.orbit-welcome-wordmark{
  display:grid;
  justify-items:center;
  gap:2px;
  margin-bottom:clamp(18px,3vh,34px);
}
.orbit-welcome-kicker{
  font-size:9px;
  letter-spacing:.34em;
  color:rgba(221,190,131,.66);
}
.orbit-welcome-wordmark h1{
  margin:5px 0 0;
  font-size:clamp(46px,8vw,88px);
  line-height:.92;
  font-weight:500;
  letter-spacing:.22em;
  text-indent:.22em;
  font-family:Georgia,"Times New Roman",serif;
  color:#f6f0e5;
  text-shadow:0 12px 48px rgba(0,0,0,.86);
}
.orbit-welcome-wordmark p{
  margin:13px 0 0;
  font-size:11px;
  letter-spacing:.12em;
  color:rgba(241,232,215,.56);
}
.orbit-welcome-blackhole{
  position:relative;
  width:clamp(190px,31vw,300px);
  aspect-ratio:1;
  margin:0 auto clamp(16px,2.5vh,28px);
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.7));
}
.ow-core{
  position:absolute;
  inset:33%;
  border-radius:50%;
  background:radial-gradient(circle at 42% 37%,#14130f 0 11%,#020202 47%,#000 68%);
  box-shadow:
    0 0 0 1px rgba(235,205,151,.46),
    0 0 18px rgba(232,190,112,.35),
    0 0 44px rgba(232,190,112,.13);
}
.ow-glow{
  position:absolute;
  inset:27%;
  border-radius:50%;
  border:1px solid rgba(233,196,128,.5);
  box-shadow:
    0 0 13px rgba(234,195,120,.55),
    inset 0 0 13px rgba(234,195,120,.30);
  animation:owPulse 4.6s ease-in-out infinite;
}
.ow-orbit{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(227,196,137,.36);
  transform-origin:center;
}
.ow-orbit-a{
  width:78%;height:34%;
  transform:translate(-50%,-50%) rotate(-17deg);
  animation:owSpinA 18s linear infinite;
}
.ow-orbit-b{
  width:88%;height:48%;
  border-color:rgba(227,196,137,.18);
  transform:translate(-50%,-50%) rotate(28deg);
  animation:owSpinB 27s linear infinite reverse;
}
.ow-orbit-c{
  width:62%;height:24%;
  border-style:dashed;
  border-color:rgba(227,196,137,.17);
  transform:translate(-50%,-50%) rotate(61deg);
  animation:owSpinC 20s linear infinite;
}
.ow-planet{
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#dfb96f;
  box-shadow:0 0 10px rgba(235,190,103,.75);
}
.ow-p1{left:9%;top:49%;animation:owFloat 4s ease-in-out infinite;}
.ow-p2{right:11%;top:31%;width:5px;height:5px;animation:owFloat 5.2s ease-in-out infinite reverse;}
.ow-p3{left:54%;bottom:12%;width:4px;height:4px;animation:owFloat 3.6s ease-in-out infinite .8s;}
.orbit-welcome-note{
  min-height:74px;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:9px;
}
.orbit-welcome-note blockquote{
  margin:0;
  max-width:min(680px,82vw);
  font-family:Georgia,"Songti SC","STSong",serif;
  font-weight:500;
  font-size:clamp(20px,3.8vw,34px);
  line-height:1.45;
  letter-spacing:.055em;
  color:rgba(247,239,225,.94);
  text-shadow:0 8px 36px rgba(0,0,0,.95);
}
.orbit-welcome-note small{
  font-size:8px;
  letter-spacing:.34em;
  color:rgba(213,178,113,.52);
}
.orbit-enter-btn{
  margin-top:clamp(24px,4vh,42px);
  min-width:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:14px 24px;
  border:1px solid rgba(218,182,116,.32);
  border-radius:999px;
  background:rgba(8,8,8,.48);
  color:#eee4d2;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  font-size:12px;
  letter-spacing:.13em;
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.orbit-enter-btn b{
  font-size:19px;
  font-weight:400;
  color:#d9ae63;
  transform:translateX(0);
  transition:transform .25s ease;
}
.orbit-enter-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(225,188,119,.58);
  background:rgba(24,20,14,.58);
  box-shadow:0 18px 48px rgba(0,0,0,.38);
}
.orbit-enter-btn:hover b{transform:translateX(4px);}
.orbit-enter-btn:active{transform:scale(.985);}

@keyframes owPulse{
  0%,100%{transform:scale(.97);opacity:.68}
  50%{transform:scale(1.045);opacity:1}
}
@keyframes owSpinA{
  to{transform:translate(-50%,-50%) rotate(343deg)}
}
@keyframes owSpinB{
  to{transform:translate(-50%,-50%) rotate(388deg)}
}
@keyframes owSpinC{
  to{transform:translate(-50%,-50%) rotate(421deg)}
}
@keyframes owFloat{
  0%,100%{transform:translateY(-3px);opacity:.65}
  50%{transform:translateY(4px);opacity:1}
}

body.orbit-welcome-open{
  overflow:hidden!important;
}

@media(max-width:620px){
  .orbit-welcome-bg{
    background-position:center 47%;
  }
  .orbit-welcome-top,
  .orbit-welcome-foot{
    font-size:7px;
    letter-spacing:.16em;
  }
  .orbit-welcome-top em{display:none;}
  .orbit-welcome-content{
    width:91vw;
    transform:translateY(-1vh);
  }
  .orbit-welcome-wordmark h1{
    font-size:52px;
    letter-spacing:.18em;
    text-indent:.18em;
  }
  .orbit-welcome-wordmark p{
    margin-top:10px;
    font-size:8px;
  }
  .orbit-welcome-blackhole{
    width:min(58vw,250px);
  }
  .orbit-welcome-note blockquote{
    max-width:86vw;
    font-size:21px;
  }
  .orbit-enter-btn{
    min-width:196px;
    padding:13px 20px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ow-orbit,.ow-glow,.ow-planet{animation:none!important;}
  .orbit-welcome,.orbit-enter-btn{transition:none!important;}
}


/* ==========================================================
   ORBIT prerelease V0.0.1 — ACCESS GATE
   ========================================================== */
.orbit-access{
  --oa-gold:#e6b964;
  --oa-gold-soft:#f2d89c;
  --oa-progress:0;
  position:fixed;
  inset:0;
  z-index:99989;
  min-height:100svh;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#f4ecdf;
  background:#030303;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  transition:opacity .55s ease,visibility .55s ease;
}
.orbit-access.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.orbit-access::before{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:-5;
  background:
    radial-gradient(circle at 50% 45%,rgba(207,156,73,.12),transparent 19%),
    radial-gradient(circle at 20% 16%,rgba(111,91,164,.09),transparent 19%),
    linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.83)),
    url('/assets/posters/orbit_skin_noir.png') center/cover no-repeat;
  filter:saturate(.62) contrast(1.13) brightness(.62);
  transform:scale(1.08);
  animation:oaBgDrift 18s ease-in-out infinite alternate;
}
.orbit-access::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 43%,rgba(255,244,211,.96),rgba(229,180,91,.36) 8%,transparent 28%);
}
.orbit-access.aligned::after{animation:oaGateFlash .9s cubic-bezier(.16,.75,.18,1) both;}
.oa-space{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;}
.oa-space::before,.oa-space::after{
  content:"";
  position:absolute;
  width:1px;height:70%;
  top:9%;
  background:linear-gradient(transparent,rgba(228,194,132,.17),transparent);
}
.oa-space::before{left:13%}.oa-space::after{right:13%}
.oa-star{
  position:absolute;width:3px;height:3px;border-radius:50%;
  background:#e4bd75;box-shadow:0 0 14px rgba(232,188,105,.9);
  opacity:.45;animation:oaStarFloat 6s ease-in-out infinite;
}
.oa-s1{left:13%;top:22%}.oa-s2{left:24%;bottom:16%;animation-delay:-2s}
.oa-s3{right:18%;top:18%;animation-delay:-4s}.oa-s4{right:31%;bottom:13%;animation-delay:-1s}
.oa-s5{left:43%;top:8%;width:2px;height:2px;animation-delay:-3s}.oa-s6{right:8%;top:53%;width:2px;height:2px;animation-delay:-5s}

.oa-vortex{
  position:absolute;
  width:min(64vw,720px);
  aspect-ratio:1;
  left:50%;
  top:45%;
  transform:translate(-50%,-50%) scale(.92);
  opacity:.82;
  filter:drop-shadow(0 40px 85px rgba(0,0,0,.92));
  transition:transform .75s cubic-bezier(.18,.78,.16,1),filter .5s ease;
}
.oa-ring{
  position:absolute;left:50%;top:50%;
  border-radius:50%;border:1px solid rgba(227,190,120,.18);
  transform-origin:center;
  transition:border-color .3s ease,filter .3s ease;
}
.oa-ring-1{
  width:85%;height:31%;
  border-color:rgba(231,189,112,.39);
  transform:translate(-50%,-50%) rotate(-13deg);
  animation:oaSpin1 calc(22s - (var(--oa-progress) * 1.8s)) linear infinite;
}
.oa-ring-2{
  width:69%;height:52%;
  border-color:rgba(230,197,139,.20);
  transform:translate(-50%,-50%) rotate(31deg);
  animation:oaSpin2 calc(30s - (var(--oa-progress) * 2.2s)) linear infinite reverse;
}
.oa-ring-3{
  width:95%;height:46%;
  border-style:dashed;
  border-color:rgba(216,179,112,.12);
  transform:translate(-50%,-50%) rotate(67deg);
  animation:oaSpin3 calc(36s - (var(--oa-progress) * 2.7s)) linear infinite;
}
.oa-ring-4{
  width:56%;height:21%;
  border-color:rgba(245,218,168,.15);
  transform:translate(-50%,-50%) rotate(-48deg);
  animation:oaSpin4 calc(17s - (var(--oa-progress) * 1.25s)) linear infinite reverse;
}
.oa-lens{
  position:absolute;
  inset:37%;
  border-radius:50%;
  border:1px solid rgba(241,203,133,.42);
  box-shadow:
    0 0 calc(20px + var(--oa-progress)*4px) rgba(230,176,89,.42),
    inset 0 0 22px rgba(232,187,108,.22);
  animation:oaLensPulse 3.8s ease-in-out infinite;
}
.oa-core{
  position:absolute;inset:40.5%;border-radius:50%;
  background:
    radial-gradient(circle at 39% 34%,rgba(75,60,39,.25),transparent 12%),
    radial-gradient(circle,#090806 0 25%,#010101 65%,#000 100%);
  box-shadow:
    0 0 0 1px rgba(240,210,154,.22),
    0 0 calc(18px + var(--oa-progress)*4px) rgba(226,168,76,.25);
}
.oa-satellite{
  position:absolute;width:6px;height:6px;border-radius:50%;
  background:var(--oa-gold);
  box-shadow:0 0 12px rgba(233,185,95,.85);
}
.oa-sat-a{left:8%;top:49%;animation:oaSat 4.8s ease-in-out infinite}
.oa-sat-b{right:13%;top:30%;width:4px;height:4px;animation:oaSat 5.5s ease-in-out infinite reverse}
.oa-sat-c{left:57%;bottom:8%;width:3px;height:3px;animation:oaSat 3.9s ease-in-out infinite -1.4s}

.orbit-access.pin-active .oa-vortex{
  transform:translate(-50%,-50%) scale(calc(.94 + var(--oa-progress)*.018));
  filter:drop-shadow(0 42px 92px rgba(0,0,0,.95)) brightness(calc(1 + var(--oa-progress)*.035));
}
.orbit-access.pin-active .oa-ring{
  border-color:rgba(238,197,119,calc(.20 + var(--oa-progress)*.055));
}
.orbit-access.aligned .oa-vortex{
  animation:oaVortexAligned .92s cubic-bezier(.16,.78,.19,1) forwards;
}

.oa-meta{
  position:absolute;
  left:clamp(20px,5vw,70px);right:clamp(20px,5vw,70px);
  top:max(24px,env(safe-area-inset-top));
  display:flex;align-items:center;justify-content:space-between;
  font-size:9px;letter-spacing:.25em;color:rgba(236,219,189,.46);
  text-transform:uppercase;
}
.oa-meta em{font-style:normal;color:rgba(225,186,113,.64)}

.oa-panel{
  position:relative;
  z-index:4;
  width:min(520px,88vw);
  padding:28px 30px 23px;
  margin-top:31vh;
  border:1px solid rgba(229,194,129,.18);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(8,8,8,.72),rgba(11,9,6,.49));
  backdrop-filter:blur(22px) saturate(1.1);
  -webkit-backdrop-filter:blur(22px) saturate(1.1);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    inset 0 1px rgba(255,238,204,.05);
  text-align:center;
  transition:opacity .35s ease,transform .55s cubic-bezier(.17,.75,.18,1),filter .35s ease;
}
.oa-panel::before{
  content:"";position:absolute;left:18%;right:18%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,188,108,.72),transparent);
}
.orbit-access.aligned .oa-panel{opacity:0;transform:translateY(20px) scale(.96);filter:blur(10px);}
.oa-seal{
  width:38px;height:38px;margin:-49px auto 16px;border-radius:50%;
  display:grid;place-items:center;position:relative;
  border:1px solid rgba(232,192,117,.35);background:#070604;
  box-shadow:0 0 25px rgba(221,163,73,.18);
}
.oa-seal span{font:500 16px Georgia,serif;color:#eed4a5}
.oa-seal i{position:absolute;inset:-7px;border:1px dashed rgba(231,190,113,.24);border-radius:50%;animation:oaSealSpin 13s linear infinite}
.oa-kicker{font-size:8px;letter-spacing:.34em;color:rgba(224,183,106,.68)}
.oa-copy h1{margin:7px 0 6px;font:500 clamp(24px,4vw,33px) Georgia,"Songti SC",serif;letter-spacing:.05em;color:#f5eee2}
.oa-copy p{margin:0 auto 20px;max-width:400px;font-size:11px;line-height:1.7;color:rgba(238,228,211,.48)}

.oa-identity-form{display:grid;gap:12px}
.oa-username-wrap{display:grid;text-align:left;gap:7px;position:relative}
.oa-username-wrap span{font-size:8px;letter-spacing:.24em;color:rgba(223,188,124,.55)}
.oa-username-wrap input{
  width:100%;box-sizing:border-box;
  border:0;border-bottom:1px solid rgba(235,210,164,.19);
  outline:0;background:transparent;color:#f5eee2;
  padding:9px 2px 12px;font-size:20px;letter-spacing:.06em;
  font-family:Georgia,"Songti SC",serif;
}
.oa-username-wrap input::placeholder{color:rgba(238,228,211,.22)}
.oa-username-wrap i{
  position:absolute;left:0;right:100%;bottom:0;height:1px;
  background:linear-gradient(90deg,#c98d36,#f3d79d);transition:right .35s ease;
}
.oa-username-wrap:focus-within i{right:0}
.oa-continue-btn{
  margin-top:4px;border:1px solid rgba(230,191,119,.25);
  border-radius:999px;background:rgba(19,15,9,.54);color:#eee4d1;
  padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:18px;
  font-size:11px;letter-spacing:.18em;
  transition:.25s ease;
}
.oa-continue-btn:hover{transform:translateY(-1px);border-color:rgba(235,193,115,.55);background:rgba(33,24,13,.64)}
.oa-continue-btn b{font-size:17px;color:#dfad56;transition:transform .25s}
.oa-continue-btn:hover b{transform:translateX(4px)}

.oa-pin-stage{display:none}
.oa-pin-stage.is-active{display:block;animation:oaStageIn .42s ease both}
.oa-user-chip{
  display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;
  font-size:10px;letter-spacing:.14em;color:rgba(242,231,210,.68);
}
.oa-user-dot{width:5px;height:5px;border-radius:50%;background:#deb05c;box-shadow:0 0 8px #d9a54c}
.oa-user-chip strong{font-weight:500;color:#f3e9d7}
.oa-user-chip button{border:0;background:transparent;color:rgba(225,191,126,.52);font-size:9px;padding:3px 4px}

.oa-pin-nodes{
  width:min(360px,78vw);
  height:54px;margin:0 auto 7px;
  position:relative;
  display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center;
  cursor:text;
}
.oa-pin-nodes>i{
  width:13px;height:13px;justify-self:center;border-radius:50%;
  border:1px solid rgba(239,215,169,.28);
  background:rgba(4,4,4,.86);
  box-shadow:0 0 0 4px rgba(218,171,87,.02);
  transition:transform .25s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.oa-pin-nodes>i.filled{
  transform:scale(1.22);
  background:#e2b566;
  border-color:#f5d79c;
  box-shadow:0 0 8px rgba(240,198,119,.9),0 0 24px rgba(225,166,67,.45),0 0 0 5px rgba(219,163,65,.07);
}
.oa-pin-native{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:.01;border:0;background:transparent;color:transparent;
  caret-color:transparent;font-size:18px;outline:0;
}
.oa-pin-hint{height:19px;margin:0;font-size:8px;letter-spacing:.31em;color:rgba(224,187,115,.54);transition:.2s}
.orbit-access.denied .oa-pin-nodes{animation:oaDenied .38s ease}
.orbit-access.denied .oa-pin-nodes>i{border-color:rgba(216,111,82,.65);box-shadow:0 0 14px rgba(205,82,54,.2)}
.orbit-access.denied .oa-pin-hint{color:rgba(226,120,91,.8)}

.oa-remember{
  width:max-content;margin:16px auto 0;display:flex;align-items:center;gap:8px;
  cursor:pointer;color:rgba(238,226,205,.42);font-size:9px;letter-spacing:.06em;
}
.oa-remember input{position:absolute;opacity:0;pointer-events:none}
.oa-remember>span{width:25px;height:14px;border:1px solid rgba(229,196,135,.22);border-radius:999px;position:relative;transition:.2s}
.oa-remember>span i{width:8px;height:8px;border-radius:50%;position:absolute;left:2px;top:2px;background:rgba(238,222,194,.36);transition:.25s}
.oa-remember input:checked+span{border-color:rgba(226,179,91,.45);background:rgba(210,151,54,.08)}
.oa-remember input:checked+span i{left:13px;background:#e3b45d;box-shadow:0 0 7px rgba(225,169,72,.65)}
.oa-remember b{font-weight:400}

.oa-status{min-height:19px;margin-top:8px;font-size:9px;letter-spacing:.06em;color:rgba(238,222,194,.5)}
.oa-status.error{color:rgba(228,125,94,.83)}
.oa-status.success{color:rgba(232,193,118,.87)}
.oa-bottom-line{
  margin-top:15px;padding-top:12px;border-top:1px solid rgba(226,192,129,.09);
  display:flex;justify-content:space-between;gap:12px;
  font-size:7px;letter-spacing:.15em;color:rgba(231,212,179,.24);
}
.oa-aligned-message{
  position:absolute;z-index:12;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);
  opacity:0;display:grid;justify-items:center;gap:6px;text-align:center;pointer-events:none;
}
.oa-aligned-message span{font-size:9px;letter-spacing:.5em;color:rgba(231,190,112,.72)}
.oa-aligned-message strong{font:500 clamp(40px,7vw,75px) Georgia,serif;letter-spacing:.18em;text-indent:.18em;color:#fff2d8;text-shadow:0 0 32px rgba(243,198,112,.35)}
.oa-aligned-message small{font-size:8px;letter-spacing:.28em;color:rgba(239,217,177,.5)}
.orbit-access.aligned .oa-aligned-message{animation:oaAlignedText 1.05s .16s ease both}

body.orbit-access-open{overflow:hidden!important}
.account-btn{font-size:11px!important;letter-spacing:0!important}
.account-btn.authenticated{color:#dfad59;border-color:rgba(221,172,83,.28);box-shadow:0 0 16px rgba(219,160,55,.08)}

@keyframes oaBgDrift{from{transform:scale(1.08) translate3d(-.5%,0,0)}to{transform:scale(1.12) translate3d(.6%,-.3%,0)}}
@keyframes oaStarFloat{0%,100%{transform:translateY(-5px);opacity:.25}50%{transform:translateY(7px);opacity:.8}}
@keyframes oaSpin1{to{transform:translate(-50%,-50%) rotate(347deg)}}
@keyframes oaSpin2{to{transform:translate(-50%,-50%) rotate(391deg)}}
@keyframes oaSpin3{to{transform:translate(-50%,-50%) rotate(427deg)}}
@keyframes oaSpin4{to{transform:translate(-50%,-50%) rotate(312deg)}}
@keyframes oaLensPulse{0%,100%{transform:scale(.97);opacity:.62}50%{transform:scale(1.04);opacity:1}}
@keyframes oaSat{0%,100%{transform:translateY(-4px);opacity:.5}50%{transform:translateY(5px);opacity:1}}
@keyframes oaSealSpin{to{transform:rotate(360deg)}}
@keyframes oaStageIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes oaDenied{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}
@keyframes oaGateFlash{0%{opacity:0}28%{opacity:.92}60%{opacity:.28}100%{opacity:0}}
@keyframes oaVortexAligned{
  0%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}
  35%{transform:translate(-50%,-50%) scale(1.12);filter:brightness(1.65)}
  100%{transform:translate(-50%,-50%) scale(.18);filter:brightness(2.4);opacity:0}
}
@keyframes oaAlignedText{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.86);filter:blur(10px)}
  35%,72%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}
  100%{opacity:0;transform:translate(-50%,-52%) scale(1.035);filter:blur(3px)}
}

@media(max-width:650px){
  .oa-vortex{width:112vw;top:38%;opacity:.66}
  .oa-panel{width:90vw;box-sizing:border-box;margin-top:31vh;padding:25px 21px 19px;border-radius:25px}
  .oa-pin-nodes{gap:11px;width:min(330px,76vw)}
  .oa-pin-nodes>i{width:12px;height:12px}
  .oa-bottom-line{font-size:6px}
  .oa-meta{font-size:7px;letter-spacing:.17em}
  .oa-meta em{display:none}
}
@media(prefers-reduced-motion:reduce){
  .orbit-access *{animation-duration:.001ms!important;animation-iteration-count:1!important}
}


/* ==========================================================
   ORBIT prerelease V0.0.1.1 — ACCESS INPUT POLISH
   Username field becomes an obsidian orbital input chamber.
   ========================================================== */
.oa-username-wrap{
  position:relative;
  display:grid;
  gap:9px;
  text-align:left;
  isolation:isolate;
}
.oa-username-wrap>span{
  margin-left:3px;
  font-size:8px;
  letter-spacing:.29em;
  color:rgba(232,198,134,.61);
  transition:color .28s ease,text-shadow .28s ease;
}
.oa-username-wrap::before{
  content:"";
  position:absolute;
  left:16px;
  bottom:17px;
  width:13px;
  height:13px;
  border-radius:50%;
  border:1px solid rgba(231,187,107,.54);
  box-shadow:
    0 0 0 4px rgba(226,169,69,.035),
    0 0 13px rgba(229,174,79,.18);
  z-index:3;
  pointer-events:none;
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.oa-username-wrap::after{
  content:"";
  position:absolute;
  left:19px;
  bottom:20px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:radial-gradient(circle,#f1cc88 0 21%,#a9702b 28%,#17110a 68%);
  z-index:4;
  pointer-events:none;
  opacity:.62;
  transition:opacity .3s ease,filter .3s ease;
}
.oa-username-wrap input{
  position:relative;
  width:100%;
  box-sizing:border-box;
  height:54px;
  padding:0 18px 0 47px;
  border:1px solid rgba(225,191,126,.17);
  border-radius:17px;
  outline:0;
  background:
    linear-gradient(115deg,rgba(17,14,10,.88),rgba(7,7,7,.81) 52%,rgba(18,13,8,.72));
  color:#f3e5c9;
  font-family:Georgia,"Songti SC","STSong",serif;
  font-size:18px;
  letter-spacing:.055em;
  caret-color:#e6b565;
  box-shadow:
    inset 0 1px 0 rgba(255,238,205,.035),
    inset 0 -12px 26px rgba(0,0,0,.16),
    0 12px 34px rgba(0,0,0,.19);
  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease,
    transform .2s ease;
}
.oa-username-wrap input::placeholder{
  color:rgba(238,223,196,.23);
  font-family:inherit;
  font-size:14px;
  letter-spacing:.035em;
}
.oa-username-wrap input:hover{
  border-color:rgba(227,186,110,.29);
  background:
    linear-gradient(115deg,rgba(22,17,11,.91),rgba(8,8,8,.84) 52%,rgba(21,15,9,.78));
}
.oa-username-wrap:focus-within>span{
  color:rgba(244,211,150,.89);
  text-shadow:0 0 15px rgba(229,172,75,.22);
}
.oa-username-wrap:focus-within::before{
  transform:scale(1.13);
  border-color:rgba(246,207,136,.88);
  box-shadow:
    0 0 0 5px rgba(226,169,69,.055),
    0 0 18px rgba(229,174,79,.43);
}
.oa-username-wrap:focus-within::after{
  opacity:1;
  filter:brightness(1.25);
}
.oa-username-wrap input:focus{
  transform:translateY(-1px);
  border-color:rgba(236,196,120,.58);
  background:
    linear-gradient(115deg,rgba(27,20,12,.94),rgba(8,8,8,.90) 51%,rgba(24,17,10,.86));
  box-shadow:
    inset 0 1px 0 rgba(255,239,208,.06),
    inset 0 0 30px rgba(215,153,58,.035),
    0 0 0 3px rgba(218,160,61,.055),
    0 16px 40px rgba(0,0,0,.28),
    0 0 29px rgba(221,163,67,.08);
}
/* Replace the old underline with a subtle orbit sweep. */
.oa-username-wrap>i{
  position:absolute;
  left:48px;
  right:calc(100% - 48px);
  bottom:0;
  height:1px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#bf7925,#f1cc83,#a96119,transparent);
  opacity:0;
  pointer-events:none;
  transition:right .42s cubic-bezier(.2,.78,.18,1),opacity .3s ease;
}
.oa-username-wrap:focus-within>i{
  right:18px;
  opacity:.78;
}

/* Prevent browser autofill from injecting a bright white/yellow rectangle. */
.oa-username-wrap input:-webkit-autofill,
.oa-username-wrap input:-webkit-autofill:hover,
.oa-username-wrap input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f3e5c9 !important;
  caret-color:#e6b565 !important;
  -webkit-box-shadow:
    0 0 0 1000px #0b0907 inset,
    0 0 0 3px rgba(218,160,61,.05) !important;
  border:1px solid rgba(236,196,120,.48) !important;
  transition:background-color 9999s ease-out 0s;
}

/* Continue button is visually tied to the new input chamber. */
.oa-continue-btn{
  min-height:45px;
  margin-top:2px;
  border-color:rgba(226,185,108,.25);
  background:
    linear-gradient(105deg,rgba(32,22,11,.78),rgba(10,9,7,.70));
  box-shadow:
    inset 0 1px 0 rgba(255,237,202,.035),
    0 10px 27px rgba(0,0,0,.18);
}
.oa-continue-btn:hover{
  border-color:rgba(239,199,122,.54);
  background:
    linear-gradient(105deg,rgba(47,30,13,.86),rgba(13,11,8,.76));
  box-shadow:
    inset 0 1px 0 rgba(255,237,202,.05),
    0 13px 33px rgba(0,0,0,.25),
    0 0 23px rgba(222,164,67,.07);
}

@media(max-width:650px){
  .oa-username-wrap input{
    height:52px;
    border-radius:16px;
    padding-left:44px;
    font-size:17px;
  }
  .oa-username-wrap::before{left:15px;bottom:16px}
  .oa-username-wrap::after{left:18px;bottom:19px}
}


/* ==========================================================
   ORBIT prerelease V0.0.1.2 — SESSION / MODULE SYNC
   ========================================================== */
.orbit-module-loader{
  position:fixed;
  inset:92px 0 104px;
  z-index:80;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%,rgba(208,151,61,.055),transparent 22%),
    linear-gradient(180deg,rgba(4,4,5,.72),rgba(3,3,5,.40) 62%,rgba(3,3,4,.20));
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:opacity .26s ease,visibility .26s ease;
}
.orbit-module-loader.is-active{
  opacity:1;
  visibility:visible;
}
.oml-field{
  width:min(430px,82vw);
  display:grid;
  justify-items:center;
  text-align:center;
  transform:translateY(-3vh);
}
.oml-orbit{
  width:108px;
  aspect-ratio:1;
  position:relative;
  margin-bottom:19px;
  filter:drop-shadow(0 18px 33px rgba(0,0,0,.6));
}
.oml-ring{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border:1px solid rgba(229,189,111,.31);
  transform-origin:center;
}
.oml-r1{
  width:96%;height:36%;
  transform:translate(-50%,-50%) rotate(-12deg);
  animation:omlSpin1 3.3s linear infinite;
}
.oml-r2{
  width:75%;height:57%;
  border-color:rgba(230,199,143,.17);
  transform:translate(-50%,-50%) rotate(38deg);
  animation:omlSpin2 4.8s linear infinite reverse;
}
.oml-r3{
  width:57%;height:20%;
  border-style:dashed;
  border-color:rgba(230,186,104,.23);
  transform:translate(-50%,-50%) rotate(71deg);
  animation:omlSpin3 2.7s linear infinite;
}
.oml-core{
  position:absolute;inset:37%;
  border-radius:50%;
  background:radial-gradient(circle at 40% 35%,#342512 0 4%,#070604 30%,#010101 70%);
  box-shadow:
    0 0 0 1px rgba(236,202,139,.42),
    0 0 17px rgba(231,177,83,.38),
    0 0 38px rgba(223,159,57,.12);
  animation:omlCorePulse 1.9s ease-in-out infinite;
}
.oml-dot{
  position:absolute;width:5px;height:5px;border-radius:50%;
  background:#e4b45e;box-shadow:0 0 10px rgba(235,184,91,.9);
}
.oml-d1{left:3%;top:48%;animation:omlFloat 1.8s ease-in-out infinite}
.oml-d2{right:9%;top:30%;width:3px;height:3px;animation:omlFloat 2.2s ease-in-out infinite reverse}
.oml-kicker{
  font-size:8px;
  letter-spacing:.34em;
  color:rgba(221,178,99,.56);
}
.oml-field>strong{
  margin-top:7px;
  font:500 18px Georgia,"Songti SC",serif;
  letter-spacing:.095em;
  color:rgba(246,235,214,.92);
}
.oml-field>p{
  min-height:18px;
  margin:8px 0 15px;
  font-size:10px;
  letter-spacing:.035em;
  color:rgba(236,225,206,.43);
}
.oml-track{
  width:min(330px,72vw);
  height:2px;
  border-radius:999px;
  background:rgba(236,211,166,.09);
  overflow:hidden;
  box-shadow:inset 0 0 9px rgba(0,0,0,.6);
}
.oml-track i{
  display:block;
  width:8%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#85551f,#dfa751,#f3d291);
  box-shadow:0 0 13px rgba(230,174,78,.55);
  transition:width .25s cubic-bezier(.25,.76,.25,1);
}
.oml-field>small{
  margin-top:8px;
  font-size:8px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.2em;
  color:rgba(222,182,109,.48);
}
.orbit-module-loader.is-finishing .oml-core{
  box-shadow:
    0 0 0 1px rgba(246,215,157,.7),
    0 0 26px rgba(241,188,94,.78),
    0 0 62px rgba(224,156,50,.28);
}

/* Existing-session resume uses the same access universe, but no PIN prompt. */
.orbit-access.session-check .oa-identity-form,
.orbit-access.session-check .oa-pin-stage{
  display:none!important;
}
.orbit-access.session-check .oa-panel{
  padding-bottom:27px;
}
.orbit-access.session-check .oa-vortex{
  transform:translate(-50%,-50%) scale(1.04);
  filter:drop-shadow(0 42px 94px rgba(0,0,0,.95)) brightness(1.08);
}
.orbit-access.session-check .oa-seal i{
  animation-duration:3.6s;
}
.orbit-access.session-check .oa-status{
  margin-top:4px;
  color:rgba(230,193,122,.68);
}
.orbit-access.session-resume .oa-vortex{
  animation:oaSessionWake .72s cubic-bezier(.18,.8,.19,1) both;
}

/* Small app-shell reveal after authentication. */
.app-shell.orbit-app-enter{
  animation:orbitAppEnter .58s cubic-bezier(.18,.76,.18,1) both;
}

@keyframes omlSpin1{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes omlSpin2{to{transform:translate(-50%,-50%) rotate(398deg)}}
@keyframes omlSpin3{to{transform:translate(-50%,-50%) rotate(431deg)}}
@keyframes omlCorePulse{0%,100%{transform:scale(.94);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes omlFloat{0%,100%{transform:translateY(-3px);opacity:.4}50%{transform:translateY(4px);opacity:1}}
@keyframes oaSessionWake{
  0%{opacity:.45;transform:translate(-50%,-50%) scale(.96);filter:brightness(.8)}
  55%{opacity:1;transform:translate(-50%,-50%) scale(1.07);filter:brightness(1.32)}
  100%{opacity:.92;transform:translate(-50%,-50%) scale(1.02);filter:brightness(1.08)}
}
@keyframes orbitAppEnter{
  from{opacity:.25;filter:blur(7px);transform:scale(.992)}
  to{opacity:1;filter:none;transform:none}
}

@media(max-width:650px){
  .orbit-module-loader{inset:78px 0 92px}
  .oml-field{transform:translateY(-1vh)}
  .oml-orbit{width:96px}
}
@media(prefers-reduced-motion:reduce){
  .orbit-module-loader *{animation-duration:.001ms!important;animation-iteration-count:1!important}
}


/* ==========================================================
   ORBIT prerelease V0.0.1.3 — ACCESS / SETTINGS / PAGINATION
   ========================================================== */

/* Login field: force readable warm-white/gold text across browser states. */
#orbitUsernameInput,
.oa-username-wrap input,
.oa-username-wrap input:focus,
.oa-username-wrap input:active{
  color:#f6e6c6 !important;
  -webkit-text-fill-color:#f6e6c6 !important;
  caret-color:#f0bd63 !important;
  opacity:1 !important;
}
.oa-username-wrap input::selection{
  color:#100b05;
  background:#e2b15c;
}
.oa-username-wrap input::placeholder{
  color:rgba(239,215,173,.34) !important;
  -webkit-text-fill-color:rgba(239,215,173,.34) !important;
}

/* Account controls now live inside Settings, not in the top bar. */
.orbit-access-settings{
  border:1px solid rgba(227,187,111,.14);
  border-radius:20px;
  padding:17px;
  background:
    radial-gradient(circle at 12% 18%,rgba(218,158,59,.06),transparent 31%),
    linear-gradient(135deg,rgba(20,15,9,.60),rgba(7,7,8,.45));
}
.settings-orbit-account{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:13px;
  align-items:center;
  margin-top:10px;
}
.settings-orbit-glyph{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;position:relative;
  border:1px solid rgba(235,199,132,.28);
  background:#080704;
  box-shadow:0 0 25px rgba(213,150,48,.08);
}
.settings-orbit-glyph i{
  position:absolute;inset:5px;border-radius:50%;
  border:1px dashed rgba(225,180,99,.28);
  animation:oaSealSpin 9s linear infinite;
}
.settings-orbit-glyph b{
  font:500 15px Georgia,serif;color:#eccb91;
}
.settings-orbit-account>div:last-child{
  display:grid;gap:3px;min-width:0;
}
.settings-orbit-account small{
  font-size:7px;letter-spacing:.24em;color:rgba(221,177,98,.55);
}
.settings-orbit-account strong{
  font:500 19px Georgia,"Songti SC",serif;color:#f1e6d2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.settings-orbit-account span{
  font-size:9px;line-height:1.55;color:rgba(235,224,205,.40);
}
.settings-orbit-actions{
  margin-top:14px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;
}
.danger-action{
  border-color:rgba(209,111,79,.22)!important;
  color:rgba(236,164,140,.78)!important;
}

/* Opportunity pagination: every job is reachable, without a 574-card wall. */
.opportunity-pagination{
  margin:18px 0 5px;
  padding:14px 15px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  border:1px solid rgba(222,190,130,.11);
  border-radius:17px;
  background:rgba(8,8,10,.35);
}
.opp-page-meta{
  display:flex;align-items:baseline;gap:5px;white-space:nowrap;
}
.opp-page-meta span{
  font:500 15px Georgia,serif;color:#e6c181;
}
.opp-page-meta b{
  font-size:7px;letter-spacing:.16em;color:rgba(230,212,182,.36);
}
.opp-page-controls{
  display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;
}
.opp-page-btn,.opp-page-nav{
  min-width:31px;height:31px;padding:0 8px;border-radius:999px;
  border:1px solid rgba(224,191,129,.13);
  background:rgba(16,14,12,.44);color:rgba(238,226,205,.55);
  font-size:10px;transition:.2s ease;
}
.opp-page-btn:hover,.opp-page-nav:hover:not(:disabled){
  border-color:rgba(233,191,113,.40);
  color:#efd6a7;background:rgba(36,26,14,.58);
  transform:translateY(-1px);
}
.opp-page-btn.active{
  color:#130d06;
  border-color:#e0ad55;
  background:linear-gradient(135deg,#f0ce8d,#c98731);
  box-shadow:0 0 17px rgba(221,160,61,.18);
}
.opp-page-nav:disabled,.opp-page-btn:disabled{
  opacity:.22;cursor:default;
}
.opp-page-gap{
  padding:0 2px;color:rgba(236,221,195,.27);font-size:10px;
}
.opp-page-jump{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;
}
.opp-page-jump>span{
  font-size:7px;letter-spacing:.16em;color:rgba(231,208,167,.34);
}

@media(max-width:800px){
  .opportunity-pagination{
    grid-template-columns:1fr;
    justify-items:center;
    gap:10px;
  }
  .opp-page-controls{
    max-width:100%;
    flex-wrap:wrap;
  }
  .opp-page-jump{justify-content:center}
}


/* Mobile PIN handoff: dismiss the native keyboard before the cinematic unlock. */
.orbit-access.keyboard-closing .oa-panel{
  transform:translateY(-2.2vh) scale(.985);
  transition:transform .32s cubic-bezier(.2,.76,.18,1),opacity .35s ease,filter .35s ease;
}
.orbit-access.keyboard-closing .oa-vortex{
  filter:drop-shadow(0 44px 98px rgba(0,0,0,.96)) brightness(1.12);
}
@media(max-width:650px){
  .orbit-access.keyboard-closing .oa-panel{transform:translateY(-6vh) scale(.98)}
}


/* ==========================================================
   ORBIT prerelease V0.0.1.6 — VIEWPORT DOCK + LIVING ACCESS
   ========================================================== */

/* The dock lives outside .app-shell now, so transformed/animated app content
   can never turn a fixed dock into a document-bottom element. */
.bottom-nav{
  position:fixed !important;
  z-index:1200 !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:max(12px,env(safe-area-inset-bottom,0px)) !important;
  transform:translate3d(-50%,0,0) !important;
  width:min(620px,calc(100vw - 32px)) !important;
  margin:0 !important;
  isolation:isolate;
  will-change:transform;
  -webkit-transform:translate3d(-50%,0,0) !important;
}
body{
  padding-bottom:calc(92px + env(safe-area-inset-bottom,0px));
}
.page-wrap{
  padding-bottom:calc(132px + env(safe-area-inset-bottom,0px));
}
@media(max-width:760px){
  .bottom-nav{
    width:calc(100vw - 18px) !important;
    bottom:max(9px,env(safe-area-inset-bottom,0px)) !important;
  }
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .page-wrap{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}
}

/* Returning users get a dedicated PIN-only composition.
   Hidden identity UI no longer occupies any layout space. */
.oa-identity-form.is-hidden{
  display:none !important;
}
.orbit-access.returning-user .oa-copy{
  margin-bottom:5px;
}
.orbit-access.returning-user .oa-user-chip{
  width:min(360px,78vw);
  margin:2px auto 20px;
  padding:10px 12px;
  border:1px solid rgba(231,192,121,.12);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(25,18,10,.48),rgba(8,8,8,.42));
}
.orbit-access.returning-user .oa-user-chip strong{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f2dfbd;
}
.orbit-access.returning-user .oa-user-chip button{
  margin-left:auto;
  padding:5px 9px;
  border:1px solid rgba(229,186,108,.13);
  border-radius:999px;
  color:rgba(229,194,131,.58);
  background:rgba(255,255,255,.015);
  font-size:8px;
  letter-spacing:.04em;
  transition:.22s ease;
}
.orbit-access.returning-user .oa-user-chip button:hover{
  color:#efcf95;
  border-color:rgba(235,193,114,.34);
  background:rgba(224,163,63,.055);
}

/* Previous CSS used multiplication inside calc() for animation durations/scales.
   That expression is unsupported in common browsers and can invalidate the
   animation declaration entirely. Use JS-resolved CSS variables instead. */
.orbit-access{
  --oa-speed-1:18s;
  --oa-speed-2:26s;
  --oa-speed-3:32s;
  --oa-speed-4:14s;
  --oa-vortex-scale:.96;
  --oa-vortex-bright:1;
}
.oa-ring-1{
  animation:oaSpin1 var(--oa-speed-1) linear infinite !important;
}
.oa-ring-2{
  animation:oaSpin2 var(--oa-speed-2) linear infinite reverse !important;
}
.oa-ring-3{
  animation:oaSpin3 var(--oa-speed-3) linear infinite !important;
}
.oa-ring-4{
  animation:oaSpin4 var(--oa-speed-4) linear infinite reverse !important;
}
.orbit-access.pin-active .oa-vortex{
  transform:translate(-50%,-50%) scale(var(--oa-vortex-scale)) !important;
  filter:drop-shadow(0 42px 92px rgba(0,0,0,.95)) brightness(var(--oa-vortex-bright)) !important;
}
.orbit-access.pin-active .oa-ring{
  border-color:rgba(238,197,119,.48) !important;
}

/* Accretion disk / gravitational lens: the Access screen is visibly alive
   even while the user is doing nothing. */
.oa-vortex::before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:39%;
  height:22%;
  border-radius:50%;
  background:
    conic-gradient(
      from 0deg,
      transparent 0 8%,
      rgba(231,177,83,.07) 14%,
      rgba(247,214,151,.75) 22%,
      rgba(187,126,44,.18) 31%,
      transparent 43% 58%,
      rgba(221,162,66,.12) 68%,
      rgba(249,222,169,.56) 78%,
      transparent 91% 100%
    );
  filter:blur(2.2px);
  opacity:.72;
  transform:rotate(-13deg) scaleY(.35);
  mix-blend-mode:screen;
  animation:oaDiskFlow 10.5s linear infinite;
  pointer-events:none;
}
.oa-vortex::after{
  content:"";
  position:absolute;
  inset:30%;
  border-radius:50%;
  border:1px solid rgba(242,206,140,.15);
  box-shadow:
    0 0 26px rgba(227,167,70,.18),
    inset 0 0 22px rgba(236,191,112,.10);
  opacity:.45;
  animation:oaGravityBreathe 3.6s ease-in-out infinite;
  pointer-events:none;
}
.oa-panel{
  animation:oaPanelIdle 6.8s ease-in-out infinite;
}
.orbit-access.returning-user .oa-panel{
  animation:oaPanelIdle 6.8s ease-in-out infinite,oaReturningGlow 4.7s ease-in-out infinite;
}
.oa-space{
  animation:oaSpaceDrift 17s ease-in-out infinite alternate;
}
.oa-star:nth-child(odd){
  animation-duration:4.8s;
}
.oa-star:nth-child(even){
  animation-duration:6.2s;
}

@keyframes oaDiskFlow{
  to{transform:rotate(347deg) scaleY(.35)}
}
@keyframes oaGravityBreathe{
  0%,100%{transform:scale(.94);opacity:.28;filter:blur(.1px)}
  50%{transform:scale(1.10);opacity:.7;filter:blur(.7px)}
}
@keyframes oaPanelIdle{
  0%,100%{box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px rgba(255,238,204,.05)}
  50%{box-shadow:0 34px 92px rgba(0,0,0,.62),0 0 34px rgba(215,155,55,.045),inset 0 1px rgba(255,238,204,.065)}
}
@keyframes oaReturningGlow{
  0%,100%{border-color:rgba(229,194,129,.16)}
  50%{border-color:rgba(235,197,125,.27)}
}
@keyframes oaSpaceDrift{
  from{transform:translate3d(-.3%,0,0) scale(1)}
  to{transform:translate3d(.4%,-.35%,0) scale(1.012)}
}

/* Once alignment begins, the finishing animation must own the panel/vortex. */
.orbit-access.aligned .oa-panel{
  animation:none !important;
}
.orbit-access.aligned .oa-vortex{
  animation:oaVortexAligned .92s cubic-bezier(.16,.78,.19,1) forwards !important;
}

/* Keep a reduced-motion mode, but do not collapse the interface into a dead
   static frame: retain a slow glow only. */
@media(prefers-reduced-motion:reduce){
  .oa-ring,.oa-vortex::before,.oa-space,.oa-star,.oa-satellite{
    animation:none !important;
  }
  .oa-panel,.oa-vortex::after,.oa-lens{
    animation:oaGravityBreathe 6s ease-in-out infinite !important;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.1.7 — SMART DOCK + ONE-SHOT ACCESS INTRO
   ========================================================== */

/* ---------------- Smart Dock ----------------
   Normal: viewport-fixed.
   Down-scroll: tucks below the viewport.
   Modal/input/keyboard: fully suppressed so action buttons remain clear.
*/
.bottom-nav{
  z-index:90 !important; /* below modal-backdrop (z-index:100) as a second safety layer */
  transition:
    transform .34s cubic-bezier(.22,.75,.18,1),
    opacity .25s ease,
    filter .25s ease,
    box-shadow .25s ease !important;
  transform:translate3d(-50%,0,0) !important;
  opacity:1;
}
.bottom-nav.dock-tucked{
  transform:translate3d(-50%,calc(100% + 30px),0) !important;
  opacity:.08;
  pointer-events:none;
  filter:blur(.8px);
}
.bottom-nav.dock-suppressed{
  transform:translate3d(-50%,calc(100% + 44px),0) !important;
  opacity:0;
  pointer-events:none;
  filter:blur(2px);
}
.bottom-nav:not(.dock-tucked):not(.dock-suppressed){
  animation:orbitDockSettle .36s cubic-bezier(.18,.78,.18,1) both;
}
@keyframes orbitDockSettle{
  0%{filter:blur(1.8px);opacity:.55}
  100%{filter:none;opacity:1}
}

/* Modals do not need to reserve space for the dock because it is suppressed. */
body:has(.modal-backdrop) .page-wrap{
  padding-bottom:36px;
}
.modal-backdrop{
  z-index:100 !important;
}
.modal-card{
  padding-bottom:max(20px,env(safe-area-inset-bottom,0px)) !important;
}

/* ---------------- Access intro ----------------
   The showpiece plays once, then settles. No perpetual breathing.
*/
.orbit-access.intro-playing .oa-ring-1{
  animation:oaIntroRing1 2.55s cubic-bezier(.16,.78,.18,1) both !important;
}
.orbit-access.intro-playing .oa-ring-2{
  animation:oaIntroRing2 2.7s cubic-bezier(.18,.72,.22,1) both !important;
}
.orbit-access.intro-playing .oa-ring-3{
  animation:oaIntroRing3 2.6s cubic-bezier(.2,.7,.2,1) both !important;
}
.orbit-access.intro-playing .oa-ring-4{
  animation:oaIntroRing4 2.35s cubic-bezier(.18,.76,.18,1) both !important;
}
.orbit-access.intro-playing .oa-vortex::before{
  animation:oaIntroDisk 2.65s cubic-bezier(.2,.7,.2,1) both !important;
}
.orbit-access.intro-playing .oa-vortex::after,
.orbit-access.intro-playing .oa-lens{
  animation:oaIntroLens 2.4s cubic-bezier(.2,.7,.2,1) both !important;
}
.orbit-access.intro-playing .oa-panel{
  animation:oaIntroPanel 1.35s cubic-bezier(.17,.76,.16,1) both !important;
}
.orbit-access.intro-playing .oa-space{
  animation:oaIntroSpace 2.7s ease-out both !important;
}
.orbit-access.intro-playing .oa-star{
  animation:oaIntroStar 1.9s ease-in-out both !important;
}

/* Once the opener is finished, the login screen becomes visually quiet.
   PIN entry is the deliberate exception: it reactivates the orbit. */
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-ring,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-vortex::before,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-vortex::after,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-lens,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-panel,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-space,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-star,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-satellite,
.orbit-access.intro-done:not(.pin-active):not(.aligned) .oa-seal i{
  animation:none !important;
}

/* PIN typing deliberately wakes the black hole back up. */
.orbit-access.intro-done.pin-active .oa-ring-1{
  animation:oaSpin1 var(--oa-speed-1) linear infinite !important;
}
.orbit-access.intro-done.pin-active .oa-ring-2{
  animation:oaSpin2 var(--oa-speed-2) linear infinite reverse !important;
}
.orbit-access.intro-done.pin-active .oa-ring-3{
  animation:oaSpin3 var(--oa-speed-3) linear infinite !important;
}
.orbit-access.intro-done.pin-active .oa-ring-4{
  animation:oaSpin4 var(--oa-speed-4) linear infinite reverse !important;
}
.orbit-access.intro-done.pin-active .oa-vortex::before{
  animation:oaDiskFlow 4.2s linear infinite !important;
}
.orbit-access.intro-done.pin-active .oa-vortex::after,
.orbit-access.intro-done.pin-active .oa-lens{
  animation:oaGravityBreathe 1.65s ease-in-out infinite !important;
}

/* Override the earlier always-on idle animations. */
.orbit-access:not(.intro-playing):not(.pin-active):not(.aligned) .oa-panel{
  animation:none !important;
}
.orbit-access:not(.intro-playing):not(.pin-active):not(.aligned) .oa-space{
  animation:none !important;
}

@keyframes oaIntroRing1{
  0%{transform:translate(-50%,-50%) rotate(-115deg) scale(.78);opacity:0}
  34%{opacity:.9}
  100%{transform:translate(-50%,-50%) rotate(347deg) scale(1);opacity:1}
}
@keyframes oaIntroRing2{
  0%{transform:translate(-50%,-50%) rotate(215deg) scale(.82);opacity:0}
  38%{opacity:.7}
  100%{transform:translate(-50%,-50%) rotate(-329deg) scale(1);opacity:1}
}
@keyframes oaIntroRing3{
  0%{transform:translate(-50%,-50%) rotate(-145deg) scale(.76);opacity:0}
  42%{opacity:.62}
  100%{transform:translate(-50%,-50%) rotate(427deg) scale(1);opacity:1}
}
@keyframes oaIntroRing4{
  0%{transform:translate(-50%,-50%) rotate(165deg) scale(.72);opacity:0}
  40%{opacity:.76}
  100%{transform:translate(-50%,-50%) rotate(-408deg) scale(1);opacity:1}
}
@keyframes oaIntroDisk{
  0%{opacity:0;transform:rotate(-180deg) scaleY(.18) scale(.72)}
  36%{opacity:.85}
  100%{opacity:.66;transform:rotate(167deg) scaleY(.35) scale(1)}
}
@keyframes oaIntroLens{
  0%{opacity:0;transform:scale(.55);filter:blur(8px)}
  45%{opacity:.88;transform:scale(1.12);filter:blur(.8px)}
  100%{opacity:.46;transform:scale(1);filter:none}
}
@keyframes oaIntroPanel{
  0%{opacity:0;transform:translateY(24px) scale(.965);filter:blur(12px)}
  72%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes oaIntroSpace{
  0%{opacity:.05;transform:scale(1.04)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes oaIntroStar{
  0%{opacity:0;transform:translateY(8px) scale(.4)}
  60%{opacity:.8}
  100%{opacity:.45;transform:none}
}

@media(max-width:760px){
  .bottom-nav.dock-tucked{
    transform:translate3d(-50%,calc(100% + 26px),0) !important;
  }
  .bottom-nav.dock-suppressed{
    transform:translate3d(-50%,calc(100% + 38px),0) !important;
  }
}

/* Reduced-motion users get a simple fade/settle rather than ongoing motion. */
@media(prefers-reduced-motion:reduce){
  .orbit-access.intro-playing .oa-ring,
  .orbit-access.intro-playing .oa-vortex::before,
  .orbit-access.intro-playing .oa-vortex::after,
  .orbit-access.intro-playing .oa-lens,
  .orbit-access.intro-playing .oa-space,
  .orbit-access.intro-playing .oa-star{
    animation:none !important;
  }
  .orbit-access.intro-playing .oa-panel{
    animation:oaIntroPanel .45s ease-out both !important;
  }
  .bottom-nav{
    transition:opacity .15s ease,transform .15s ease !important;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.1.8 — FULLSCREEN RECOVERY
   ========================================================== */
html.mobile-immersive,
html.mobile-immersive body{
  min-height:100%;
}
html.mobile-immersive body{
  min-height:100dvh;
  overscroll-behavior-y:none;
}
html:fullscreen,
html:-webkit-full-screen{
  background:#05060a;
}
html:fullscreen body,
html:-webkit-full-screen body{
  min-height:100dvh;
}
html:fullscreen .app-shell,
html:-webkit-full-screen .app-shell{
  min-height:100dvh;
}
html:fullscreen .bottom-nav,
html:-webkit-full-screen .bottom-nav{
  bottom:max(10px,env(safe-area-inset-bottom,0px)) !important;
}

.orbit-immersive-settings{
  border:1px solid rgba(228,190,119,.10);
  border-radius:18px;
  padding:16px;
  background:
    radial-gradient(circle at 92% 20%,rgba(218,158,58,.045),transparent 34%),
    rgba(255,255,255,.012);
}
.orbit-fullscreen-control{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid rgba(231,205,157,.08);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.orbit-fullscreen-status{
  min-width:0;
  display:grid;
  gap:3px;
}
.orbit-fullscreen-status b{
  width:max-content;
  padding:4px 7px;
  border:1px solid rgba(225,186,111,.17);
  border-radius:999px;
  font-size:7px;
  letter-spacing:.17em;
  font-weight:500;
  color:rgba(228,191,121,.72);
  background:rgba(217,156,57,.035);
}
.orbit-fullscreen-status span{
  font-size:8px;
  line-height:1.5;
  color:rgba(232,219,197,.40);
}
.orbit-fullscreen-status[data-state="fullscreen"] b,
.orbit-fullscreen-status[data-state="standalone"] b{
  color:#e8c782;
  border-color:rgba(230,183,95,.32);
  box-shadow:0 0 15px rgba(218,154,50,.08);
}
.orbit-fullscreen-status[data-state="unsupported"] b{
  color:rgba(211,160,137,.70);
  border-color:rgba(205,121,88,.18);
}
#orbitFullscreenAction{
  flex:0 0 auto;
  min-width:82px;
}
#orbitFullscreenAction:disabled{
  opacity:.35;
  cursor:default;
}

@media(max-width:620px){
  .orbit-fullscreen-control{
    align-items:flex-end;
  }
  .orbit-fullscreen-status span{
    max-width:220px;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.1.9 — SOUND + ACHIEVEMENTS
   ========================================================== */
.orbit-feedback-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}

/* Steam-inspired behavior, ORBIT visual language:
   black obsidian glass + orbital emblem + warm gold scan line. */
.orbit-achievement{
  --ach-gold:#e3b35f;
  position:fixed;
  z-index:5000;
  right:18px;
  top:max(18px,env(safe-area-inset-top,0px));
  width:min(410px,calc(100vw - 28px));
  min-height:96px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:14px;
  align-items:center;
  padding:14px 16px 14px 13px;
  overflow:hidden;
  border:1px solid rgba(232,192,116,.22);
  border-radius:19px;
  background:
    radial-gradient(circle at 10% 25%,rgba(221,159,58,.10),transparent 34%),
    linear-gradient(125deg,rgba(14,12,9,.97),rgba(5,6,8,.95) 62%,rgba(12,9,5,.94));
  box-shadow:
    0 22px 65px rgba(0,0,0,.56),
    inset 0 1px 0 rgba(255,238,203,.05),
    0 0 0 1px rgba(0,0,0,.3);
  backdrop-filter:blur(22px) saturate(1.12);
  -webkit-backdrop-filter:blur(22px) saturate(1.12);
  opacity:0;
  transform:translate3d(calc(100% + 36px),0,0) scale(.97);
  filter:blur(4px);
  pointer-events:none;
  transition:
    transform .55s cubic-bezier(.16,.82,.18,1),
    opacity .42s ease,
    filter .42s ease;
}
.orbit-achievement.show{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:none;
}
.orbit-achievement.leaving{
  opacity:0;
  transform:translate3d(35px,-8px,0) scale(.985);
  filter:blur(2px);
}
.oa-achievement-glow{
  position:absolute;
  width:150px;height:150px;
  left:-63px;top:-46px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(229,170,71,.20),rgba(204,139,39,.04) 44%,transparent 69%);
  filter:blur(4px);
  animation:achievementGlow 2.8s ease-in-out infinite;
}
.oa-achievement-emblem{
  width:58px;height:58px;
  display:grid;place-items:center;
  position:relative;
  border-radius:50%;
  border:1px solid rgba(240,204,137,.39);
  background:
    radial-gradient(circle at 42% 38%,rgba(91,63,28,.28),#090704 46%,#010101 74%);
  box-shadow:
    0 0 24px rgba(218,155,52,.14),
    inset 0 0 17px rgba(230,183,100,.07);
}
.oa-achievement-emblem>i{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  border:1px solid rgba(233,193,117,.35);
  transform-origin:center;
}
.oa-achievement-emblem>i:first-child{
  width:74px;height:25px;
  transform:translate(-50%,-50%) rotate(-17deg);
  animation:achievementOrbitA 4.2s linear infinite;
}
.oa-achievement-emblem>i:nth-child(2){
  width:47px;height:70px;
  border-color:rgba(229,190,115,.18);
  transform:translate(-50%,-50%) rotate(41deg);
  animation:achievementOrbitB 5.6s linear infinite reverse;
}
.oa-achievement-emblem>span{
  position:relative;
  z-index:2;
  color:#f0d49f;
  font:500 20px Georgia,serif;
  text-shadow:0 0 11px rgba(233,185,98,.55);
}
.oa-achievement-copy{
  min-width:0;
  display:grid;
  gap:2px;
}
.oa-achievement-copy small{
  color:rgba(222,173,84,.72);
  font-size:7px;
  letter-spacing:.25em;
}
.oa-achievement-copy strong{
  color:#f7ead1;
  font:500 19px Georgia,"Songti SC",serif;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oa-achievement-copy b{
  margin-top:1px;
  color:rgba(233,194,124,.74);
  font-size:8px;
  letter-spacing:.16em;
  font-weight:500;
}
.oa-achievement-copy p{
  margin:3px 0 0;
  color:rgba(236,224,202,.50);
  font-size:9px;
  line-height:1.5;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.oa-achievement-scan{
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#ad6c20 18%,#f0cc82 52%,#ad6c20 82%,transparent);
  transform:translateX(-100%);
  animation:achievementScan 1.7s .35s cubic-bezier(.2,.74,.22,1) forwards;
  opacity:.75;
}

/* Daily completion deliberately feels bigger than a normal parent achievement. */
.orbit-achievement.daily-achievement{
  --ach-gold:#f0c773;
  width:min(520px,calc(100vw - 28px));
  grid-template-columns:82px 1fr;
  min-height:116px;
  padding:17px 20px 17px 15px;
  border-color:rgba(241,204,131,.35);
  background:
    radial-gradient(circle at 9% 30%,rgba(241,187,83,.18),transparent 31%),
    radial-gradient(circle at 87% 22%,rgba(130,95,192,.07),transparent 34%),
    linear-gradient(125deg,rgba(18,14,8,.98),rgba(5,6,9,.97) 61%,rgba(15,10,5,.97));
  box-shadow:
    0 28px 90px rgba(0,0,0,.65),
    0 0 48px rgba(222,159,54,.08),
    inset 0 1px 0 rgba(255,242,216,.075);
}
.daily-achievement .oa-achievement-emblem{
  width:68px;height:68px;
  border-color:rgba(246,215,155,.57);
  box-shadow:
    0 0 30px rgba(228,172,77,.25),
    inset 0 0 20px rgba(238,198,124,.11);
}
.daily-achievement .oa-achievement-emblem>i:first-child{
  width:90px;height:31px;
}
.daily-achievement .oa-achievement-emblem>i:nth-child(2){
  width:55px;height:86px;
}
.daily-achievement .oa-achievement-copy small{
  color:#efc777;
}
.daily-achievement .oa-achievement-copy strong{
  font-size:23px;
  color:#fff0d0;
  text-shadow:0 0 18px rgba(235,186,94,.13);
}
.daily-achievement .oa-achievement-copy b{
  color:#edca88;
}
.daily-achievement .oa-achievement-scan{
  height:3px;
  opacity:.92;
}

@keyframes achievementOrbitA{
  to{transform:translate(-50%,-50%) rotate(343deg)}
}
@keyframes achievementOrbitB{
  to{transform:translate(-50%,-50%) rotate(401deg)}
}
@keyframes achievementGlow{
  0%,100%{opacity:.55;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.06)}
}
@keyframes achievementScan{
  0%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

@media(max-width:620px){
  .orbit-achievement,
  .orbit-achievement.daily-achievement{
    left:12px;
    right:12px;
    top:max(12px,env(safe-area-inset-top,0px));
    width:auto;
  }
  .orbit-achievement{
    grid-template-columns:58px 1fr;
    min-height:88px;
    border-radius:17px;
    padding:12px 13px 12px 11px;
  }
  .oa-achievement-emblem{
    width:50px;height:50px;
  }
  .oa-achievement-emblem>i:first-child{width:64px;height:22px}
  .oa-achievement-emblem>i:nth-child(2){width:41px;height:61px}
  .oa-achievement-copy strong{font-size:17px}
  .oa-achievement-copy p{
    white-space:normal;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
  }
  .orbit-achievement.daily-achievement{
    grid-template-columns:64px 1fr;
    min-height:100px;
    padding:14px 14px 14px 12px;
  }
  .daily-achievement .oa-achievement-emblem{
    width:58px;height:58px;
  }
  .daily-achievement .oa-achievement-emblem>i:first-child{width:75px;height:26px}
  .daily-achievement .oa-achievement-emblem>i:nth-child(2){width:47px;height:72px}
  .daily-achievement .oa-achievement-copy strong{font-size:19px}
}

@media(prefers-reduced-motion:reduce){
  .orbit-achievement{
    transition:opacity .2s ease !important;
    transform:none !important;
  }
  .oa-achievement-emblem>i,
  .oa-achievement-glow,
  .oa-achievement-scan{
    animation:none !important;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.2.1 — HIDDEN ADMIN CONSOLE
   ========================================================== */
.blackhole-stage[data-orbit-admin-hotspot]{
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
}
.orbit-admin-backdrop{
  background:rgba(1,2,4,.86)!important;
  backdrop-filter:blur(22px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(22px) saturate(.9)!important;
}
.orbit-admin-gate{
  max-width:470px!important;
  border-color:rgba(231,186,104,.18)!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(218,155,54,.07),transparent 30%),
    linear-gradient(150deg,rgba(13,12,10,.98),rgba(5,6,8,.98))!important;
}
.orbit-admin-seal{
  width:104px;height:104px;
  margin:4px auto 18px;
  position:relative;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(235,198,130,.22);
  background:radial-gradient(circle,#171006 0,#060606 46%,#010101 72%);
  box-shadow:0 0 48px rgba(213,148,43,.09),inset 0 0 24px rgba(234,189,111,.06);
}
.orbit-admin-seal i{
  position:absolute;
  width:132px;height:38px;
  border:1px solid rgba(229,186,105,.27);
  border-radius:50%;
  transform:rotate(-18deg);
  animation:achievementOrbitA 8s linear infinite;
}
.orbit-admin-seal b{
  color:#f0d29b;
  font:500 29px Georgia,serif;
}
.orbit-admin-seal span{
  position:absolute;bottom:-22px;
  font-size:7px;letter-spacing:.20em;color:rgba(227,185,108,.55);
}
.orbit-admin-status{
  min-height:18px;
  color:#d88f75;
  font-size:9px;
  line-height:1.5;
}
.orbit-admin-panel{
  width:min(1020px,calc(100vw - 30px))!important;
  max-height:min(88dvh,920px);
  overflow:auto;
  border-color:rgba(232,193,119,.17)!important;
  background:
    radial-gradient(circle at 10% 0,rgba(224,163,60,.055),transparent 30%),
    linear-gradient(145deg,rgba(10,10,10,.99),rgba(4,5,8,.985))!important;
}
.orbit-admin-panel .modal-head{
  position:sticky;
  top:0;
  z-index:4;
  margin:-22px -22px 18px;
  padding:20px 22px 14px;
  background:linear-gradient(180deg,rgba(6,7,9,.98),rgba(6,7,9,.88),transparent);
  backdrop-filter:blur(14px);
}
.orbit-admin-panel .modal-head p{
  margin:4px 0 0;
  font-size:8px;letter-spacing:.13em;color:rgba(231,211,178,.35);
}
.orbit-admin-head-actions{
  display:flex;align-items:center;gap:8px;
}
.orbit-admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}
.orbit-admin-card{
  min-width:0;
  padding:17px;
  border:1px solid rgba(236,205,151,.095);
  border-radius:18px;
  background:rgba(255,255,255,.014);
}
.orbit-admin-users-card{
  grid-column:1/-1;
}
.orbit-admin-card-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
  margin-bottom:11px;
}
.orbit-admin-card-head span{
  display:block;
  margin-bottom:4px;
  color:rgba(223,174,85,.55);
  font-size:7px;letter-spacing:.19em;
}
.orbit-admin-card-head h3{
  margin:0;
  color:#f2e7d5;
  font:500 20px Georgia,"Songti SC",serif;
}
.orbit-admin-card-head em{
  font-style:normal;
  font-size:7px;letter-spacing:.14em;
  color:rgba(224,210,185,.38);
}
.orbit-admin-card-head em.online{
  color:#dcb66f;
}
.orbit-admin-card>p{
  margin:0 0 13px;
  color:rgba(230,218,197,.42);
  font-size:9px;line-height:1.7;
}
.orbit-admin-source-list{
  display:grid;gap:7px;
  max-height:155px;overflow:auto;
}
.orbit-admin-source-list>div{
  display:flex;justify-content:space-between;gap:12px;
  padding:8px 10px;
  border-radius:11px;
  background:rgba(255,255,255,.018);
}
.orbit-admin-source-list b{
  color:rgba(242,228,203,.72);
  font-size:9px;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.orbit-admin-source-list span{
  flex:0 0 auto;
  color:rgba(231,213,183,.30);
  font-size:7px;
}
.orbit-admin-empty{
  color:rgba(235,221,196,.28)!important;
  font-size:9px;
}
.orbit-admin-key-state{
  display:grid;gap:3px;
  padding:11px 12px;margin-bottom:11px;
  border-radius:12px;
  background:rgba(0,0,0,.26);
  border:1px solid rgba(229,188,112,.08);
}
.orbit-admin-key-state small{
  font-size:7px;letter-spacing:.18em;color:rgba(218,169,81,.48);
}
.orbit-admin-key-state strong{
  color:#edcf97;
  font:500 15px ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.04em;
}
.orbit-admin-key-state span{
  font-size:7px;letter-spacing:.08em;color:rgba(230,215,190,.30);
}
.orbit-admin-inline-actions{
  display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;
}
.orbit-admin-users{
  display:grid;gap:7px;
}
.orbit-admin-user{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 11px;
  border:1px solid rgba(231,205,159,.07);
  border-radius:13px;
  background:rgba(255,255,255,.012);
}
.orbit-admin-user.current{
  border-color:rgba(226,177,89,.19);
  background:rgba(214,148,43,.025);
}
.orbit-admin-user-main{
  min-width:0;display:grid;gap:2px;
}
.orbit-admin-user-main>span{
  color:rgba(220,169,78,.48);
  font-size:6px;letter-spacing:.18em;
}
.orbit-admin-user-main strong{
  color:#eee1ca;
  font-size:11px;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.orbit-admin-user-main small{
  color:rgba(232,215,184,.30);
  font-size:7px;letter-spacing:.04em;
}
.orbit-admin-user-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.orbit-admin-delete-db{
  padding:7px 9px;
  border:1px solid rgba(202,94,67,.17);
  border-radius:999px;
  background:rgba(181,69,44,.025);
  color:rgba(226,131,107,.62);
  font-size:8px;
}
.orbit-admin-delete-account{
  border:1px solid rgba(239,100,100,.5);background:rgba(120,20,20,.16);color:#ff9b9b;
  border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;font-size:11px;
}
.orbit-admin-delete-account:hover{background:rgba(160,28,28,.24);color:#ffd0d0}
.orbit-admin-delete-db:hover{
  color:#e7a18e;
  border-color:rgba(210,104,77,.34);
}
.orbit-admin-path{
  grid-column:1/-1;
}
.orbit-admin-path code{
  display:block;
  overflow:auto;
  padding:10px 12px;
  border-radius:11px;
  background:#050505;
  border:1px solid rgba(255,255,255,.045);
  color:rgba(231,197,136,.65);
  font-size:9px;
}
@media(max-width:760px){
  .orbit-admin-grid{grid-template-columns:1fr}
  .orbit-admin-users-card,.orbit-admin-path{grid-column:auto}
  .orbit-admin-panel{
    width:calc(100vw - 16px)!important;
    max-height:92dvh;
  }
  .orbit-admin-user{
    grid-template-columns:1fr;
  }
  .orbit-admin-delete-db{
    justify-self:end;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.2.4 — P0 MOBILE WIDTH CONTAINMENT
   Long vision/AI output must never change the viewport width.
   ========================================================== */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}
.app-shell,
.page-wrap,
.module-page,
.glass-card,
.modal-backdrop,
.modal-card,
.modal-form,
.form-grid,
.form-section,
.field,
.food-preview,
.vision-food-items,
.vision-food-item,
.vision-label-evidence,
.vision-advice-panel{
  min-width:0;
  max-width:100%;
}
.modal-backdrop{
  width:100vw;
  overflow-x:hidden;
}
.modal-card{
  overflow-x:hidden !important;
  overflow-y:auto;
}
.modal-form,
.form-grid,
.form-section,
.field{
  overflow-x:hidden;
}
.field input,
.field select,
.field textarea{
  min-width:0 !important;
  max-width:100% !important;
}
.vision-food-item>*,
.vision-label-evidence>*,
.vision-advice-panel>*{
  min-width:0;
  max-width:100%;
}
.vision-food-item>b{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.food-category-chip{
  flex:0 1 auto !important;
  min-width:0;
  max-width:100%;
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.vision-engine-badge{
  max-width:calc(100% - 20px);
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  text-align:right;
}
.vision-source-basis,
.vision-label-evidence p,
.vision-advice-panel p,
.vision-advice-panel small,
.vision-food-item p,
.vision-food-item small,
.vision-food-item strong{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
@supports (overflow:clip){
  html,body,.app-shell{overflow-x:clip;}
}
@media(max-width:520px){
  .modal-backdrop{
    width:100dvw;
    max-width:100dvw;
    overflow-x:hidden;
  }
  .modal-card,
  .modal-wide{
    min-width:0 !important;
    width:calc(100dvw - 16px) !important;
    max-width:calc(100dvw - 16px) !important;
  }
  .vision-food-item,
  .vision-food-items,
  .vision-label-evidence,
  .vision-advice-panel{
    width:100%;
    min-width:0;
    max-width:100%;
  }
}


/* AI shortlist: direct detail + direct Todo action. */
.ai-shortlist-item{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  align-items:stretch !important;
  padding:7px !important;
  min-width:0;
}
.ai-shortlist-open{
  min-width:0;
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  text-align:left;
  border:0;
  border-radius:10px;
  padding:4px;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
.ai-shortlist-open>i{
  font-style:normal;
  width:24px;height:24px;
  border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(124,92,255,.20);
  font-size:9px;color:#b6a9ff;
}
.ai-shortlist-open>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.ai-shortlist-open strong,
.ai-shortlist-open small{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ai-shortlist-open strong{font-size:10px;}
.ai-shortlist-open small{font-size:8px;color:#858b97;line-height:1.45;}
.ai-shortlist-open em{font-style:normal;font-size:8px;color:var(--gold);}
.ai-shortlist-add{
  align-self:center;
  white-space:nowrap;
  border:1px solid rgba(233,191,115,.20);
  border-radius:999px;
  padding:7px 9px;
  background:rgba(233,191,115,.055);
  color:#ddbd7c;
  font-size:7px;
  cursor:pointer;
}
.ai-shortlist-add:hover{
  border-color:rgba(233,191,115,.38);
  background:rgba(233,191,115,.09);
}
.ai-shortlist-add.done,
.ai-shortlist-add:disabled{
  opacity:.48;
  cursor:default;
}
html[data-theme="light"] .ai-shortlist-open{color:#1c2330;}
html[data-theme="light"] .ai-shortlist-add{
  color:#78511b;
  border-color:rgba(120,81,27,.18);
  background:rgba(177,123,42,.06);
}
@media(max-width:620px){
  .ai-shortlist-item{
    grid-template-columns:minmax(0,1fr) !important;
  }
  .ai-shortlist-open{
    grid-template-columns:auto minmax(0,1fr);
  }
  .ai-shortlist-open em{grid-column:2;}
  .ai-shortlist-add{
    justify-self:end;
  }
}


/* ==========================================================
   ORBIT prerelease V0.0.2.4 — WELCOME PERFORMANCE
   Do not animate/decode heavyweight welcome layers when welcome is skipped.
   ========================================================== */
.orbit-welcome:not(.welcome-motion-ready) .ow-glow,
.orbit-welcome:not(.welcome-motion-ready) .ow-orbit,
.orbit-welcome:not(.welcome-motion-ready) .ow-planet{
  animation:none !important;
}
.orbit-welcome.is-hidden .ow-glow,
.orbit-welcome.is-hidden .ow-orbit,
.orbit-welcome.is-hidden .ow-planet{
  animation:none !important;
}
.orbit-welcome-blackhole{
  contain:layout paint;
}
.orbit-welcome.welcome-motion-ready .ow-orbit-a,
.orbit-welcome.welcome-motion-ready .ow-orbit-b{
  will-change:transform;
}
@media(max-width:620px){
  .orbit-welcome.welcome-visual-ready .orbit-welcome-bg{
    background:
      linear-gradient(180deg,rgba(2,2,2,.28),rgba(3,3,3,.72)),
      url('/assets/welcome/orbit_welcome_noir_540.webp') center 49% / cover no-repeat;
  }
  /* Mobile keeps the main orbital motion, but removes the least-visible
     extra animation layers that cost continuous compositing. */
  .orbit-welcome.welcome-motion-ready .ow-orbit-c,
  .orbit-welcome.welcome-motion-ready .ow-planet{
    animation:none !important;
  }
  .orbit-welcome-blackhole{
    filter:none !important;
  }
  .orbit-enter-btn{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    background:rgba(8,8,8,.78);
  }
}
.orbit-welcome.welcome-lite .ow-orbit-c,
.orbit-welcome.welcome-lite .ow-planet{
  animation:none !important;
}


/* =====================================================================
   ORBIT V0.0.2.5 — MATRIX GLASS
   Independent UI skin: layered glass + monochrome dot matrix + micro-red
   status accents. No external font files are required.
   ===================================================================== */

html[data-skin="matrix"]{
  --bg:#060706;
  --panel:rgba(17,19,18,.70);
  --line:rgba(238,242,233,.145);
  --text:#f1f3ed;
  --muted:#858b86;
  --gold:#eff2e9;
  --violet:#ef4339;
  --green:#b2f2cf;
  --matrix-red:#ff443a;
  --matrix-led:#f1f4eb;
  --matrix-led-dim:rgba(234,239,229,.34);
  --matrix-glass:rgba(12,14,13,.68);
  --matrix-ink:#080a09;
  --matrix-font:"Cascadia Mono","SFMono-Regular","Roboto Mono","JetBrains Mono",Consolas,"Microsoft YaHei UI","Microsoft YaHei",monospace;
  color-scheme:dark;
}

html[data-skin="matrix"] body{
  background:#060706;
  font-family:var(--matrix-font);
  letter-spacing:.004em;
}
html[data-skin="matrix"] button,
html[data-skin="matrix"] input,
html[data-skin="matrix"] textarea,
html[data-skin="matrix"] select{
  font-family:var(--matrix-font);
}
html[data-skin="matrix"] .app-shell{
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 4%,rgba(255,255,255,.055),transparent 25%),
    radial-gradient(circle at 12% 15%,rgba(255,68,58,.035),transparent 20%),
    linear-gradient(180deg,#090a09,#050605 55%,#070807);
}
html[data-skin="matrix"] .app-shell::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.085;
  background:
    radial-gradient(circle,rgba(239,243,234,.85) .65px,transparent .9px) 0 0/10px 10px;
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.70) 45%,transparent 92%);
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.70) 45%,transparent 92%);
}
html[data-skin="matrix"] .app-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(239,243,234,.11) 50%,transparent calc(50% + .5px)),
    linear-gradient(180deg,transparent calc(50% - .5px),rgba(239,243,234,.065) 50%,transparent calc(50% + .5px));
}
html[data-skin="matrix"] .ambient{display:none}

/* typography */
html[data-skin="matrix"] .hero-copy h1,
html[data-skin="matrix"] .module-title h1,
html[data-skin="matrix"] .section-head h2,
html[data-skin="matrix"] .training-hero h2,
html[data-skin="matrix"] .oa-copy h1,
html[data-skin="matrix"] .orbit-welcome-wordmark h1{
  font-family:var(--matrix-font)!important;
  font-weight:620!important;
  letter-spacing:-.045em;
}
html[data-skin="matrix"] .eyebrow,
html[data-skin="matrix"] .section-kicker,
html[data-skin="matrix"] .metric-key,
html[data-skin="matrix"] .tiny-label,
html[data-skin="matrix"] .oa-kicker,
html[data-skin="matrix"] .orbit-welcome-kicker{
  font-family:var(--matrix-font);
  text-transform:uppercase;
  letter-spacing:.22em;
}
html[data-skin="matrix"] .section-kicker::before,
html[data-skin="matrix"] .eyebrow::before{
  content:"";
  width:5px;height:5px;
  flex:0 0 5px;
  display:inline-block;
  background:var(--matrix-red);
  border-radius:1px;
  box-shadow:0 0 10px rgba(255,68,58,.58);
}
html[data-skin="matrix"] .topbar-brand .eyebrow::after{
  content:" / MATRIX.GLASS";
  color:rgba(239,243,234,.32);
  font-weight:500;
}

/* pixel-fill numerals */
html[data-skin="matrix"] .metric-card>strong,
html[data-skin="matrix"] .big-stat>strong,
html[data-skin="matrix"] .focus-score strong,
html[data-skin="matrix"] .orbit-progress-core strong{
  font-family:var(--matrix-font);
  font-weight:700;
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  background:
    radial-gradient(circle,var(--matrix-led) 1.05px,transparent 1.35px) 0 0/4px 4px;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 6px rgba(237,242,232,.20));
  letter-spacing:-.04em;
}
html[data-skin="matrix"] .metric-card>strong small,
html[data-skin="matrix"] .big-stat>strong b{
  -webkit-text-fill-color:var(--muted);
  color:var(--muted)!important;
  background:none;
}

/* top controls */
html[data-skin="matrix"] .topbar{
  padding-bottom:14px;
}
html[data-skin="matrix"] .topbar::after{
  content:"";
  position:absolute;
  left:28px;right:28px;bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(239,243,234,.22),rgba(239,243,234,.05) 65%,transparent);
}
html[data-skin="matrix"] .brand{
  color:rgba(238,241,233,.54);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-skin="matrix"] .settings-btn,
html[data-skin="matrix"] .small-action{
  border-radius:8px!important;
  border-color:rgba(239,243,234,.15)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    rgba(7,9,8,.72)!important;
  color:#dfe3dc!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 24px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
html[data-skin="matrix"] .settings-btn:hover,
html[data-skin="matrix"] .small-action:hover{
  border-color:rgba(239,243,234,.30)!important;
  background:rgba(235,240,231,.065)!important;
}
html[data-skin="matrix"] .server-pill{
  border-radius:7px;
  background:
    radial-gradient(circle,rgba(239,243,234,.16) .7px,transparent .9px) 0 0/6px 6px,
    rgba(7,9,8,.74);
  color:rgba(239,243,234,.46);
  border-color:rgba(239,243,234,.14);
}
html[data-skin="matrix"] .server-dot{
  border-radius:1px;
  width:5px;height:5px;
}
html[data-skin="matrix"] .server-pill.online .server-dot{
  background:#dff7e8;
  box-shadow:0 0 8px rgba(196,255,220,.72);
}

/* layered glass panels */
html[data-skin="matrix"] .glass-card,
html[data-skin="matrix"] .modal-card,
html[data-skin="matrix"] .task-row,
html[data-skin="matrix"] .project-icon,
html[data-skin="matrix"] .count-chip,
html[data-skin="matrix"] .status-chip{
  border-color:rgba(237,242,232,.13);
}
html[data-skin="matrix"] .glass-card{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.050),transparent 22%),
    linear-gradient(180deg,rgba(20,23,21,.80),rgba(7,9,8,.67));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 0 1px rgba(0,0,0,.25),
    0 18px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(22px) saturate(.78);
  -webkit-backdrop-filter:blur(22px) saturate(.78);
}
html[data-skin="matrix"] .glass-card::before{
  content:"";
  position:absolute;
  pointer-events:none;
  left:10px;top:10px;
  width:42px;height:1px;
  background:rgba(240,244,235,.42);
  box-shadow:0 4px 0 rgba(240,244,235,.10);
}
html[data-skin="matrix"] .glass-card::after{
  content:"";
  position:absolute;
  pointer-events:none;
  right:10px;top:10px;
  width:64px;height:34px;
  opacity:.16;
  background:
    radial-gradient(circle,rgba(240,244,235,.92) .8px,transparent 1px) 0 0/6px 6px;
  mask-image:linear-gradient(135deg,#000,transparent 80%);
  -webkit-mask-image:linear-gradient(135deg,#000,transparent 80%);
}
html[data-skin="matrix"] .metric-card{
  min-height:132px;
}
html[data-skin="matrix"] .metric-card::after{
  opacity:.26;
}
html[data-skin="matrix"] .big-stat.accent,
html[data-skin="matrix"] .training-hero{
  background:
    radial-gradient(circle at 90% 12%,rgba(239,243,234,.07),transparent 31%),
    linear-gradient(180deg,rgba(20,23,21,.80),rgba(7,9,8,.67));
}
html[data-skin="matrix"] .task-row{
  border:1px solid rgba(239,243,234,.065);
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent),
    rgba(255,255,255,.012);
}
html[data-skin="matrix"] .task-row:hover{
  border-color:rgba(239,243,234,.16);
  background:rgba(239,243,234,.035);
}
html[data-skin="matrix"] .task-row.done{
  opacity:.52;
}
html[data-skin="matrix"] .check-ring{
  border-radius:3px;
  border-color:rgba(239,243,234,.35);
  width:20px;height:20px;
  font-size:10px;
}
html[data-skin="matrix"] .task-row.done .check-ring{
  color:#0a0b0a;
  background:#e6eee5;
  border-color:#e6eee5;
  box-shadow:0 0 12px rgba(231,239,230,.22);
}
html[data-skin="matrix"] .row-arrow{color:rgba(239,243,234,.28)}

/* buttons / chips / fields */
html[data-skin="matrix"] .feature-actions button,
html[data-skin="matrix"] .primary-btn,
html[data-skin="matrix"] .ghost-btn,
html[data-skin="matrix"] .month-poster-btn,
html[data-skin="matrix"] .project-action,
html[data-skin="matrix"] .orbit-admin-delete-db{
  border-radius:8px!important;
}
html[data-skin="matrix"] .feature-actions button,
html[data-skin="matrix"] .primary-btn{
  background:
    linear-gradient(180deg,rgba(239,243,234,.10),rgba(239,243,234,.025))!important;
  color:#f0f3ed!important;
  border-color:rgba(239,243,234,.20)!important;
}
html[data-skin="matrix"] .feature-actions em,
html[data-skin="matrix"] .count-chip,
html[data-skin="matrix"] .status-chip,
html[data-skin="matrix"] .region-tags span{
  border-radius:6px;
  font-family:var(--matrix-font);
  letter-spacing:.08em;
}
html[data-skin="matrix"] input,
html[data-skin="matrix"] textarea,
html[data-skin="matrix"] select{
  border-radius:8px!important;
  background:
    radial-gradient(circle,rgba(239,243,234,.055) .7px,transparent .9px) 0 0/7px 7px,
    rgba(4,6,5,.78)!important;
  border-color:rgba(239,243,234,.14)!important;
  color:#eef2ea!important;
}
html[data-skin="matrix"] input:focus,
html[data-skin="matrix"] textarea:focus,
html[data-skin="matrix"] select:focus{
  border-color:rgba(239,243,234,.34)!important;
  box-shadow:0 0 0 2px rgba(239,243,234,.035),inset 3px 0 0 var(--matrix-red);
  outline:0;
}
html[data-skin="matrix"] .toggle-line i{
  border-radius:5px;
}
html[data-skin="matrix"] .toggle-line input:checked+i{
  background:#eef2ea;
  border-color:#eef2ea;
}
html[data-skin="matrix"] .toggle-line input:checked+i::after{
  background:#101210;
}

/* progress */
html[data-skin="matrix"] .progress-track,
html[data-skin="matrix"] .readiness{
  height:7px;
  border-radius:2px;
  background:
    radial-gradient(circle,rgba(239,243,234,.12) .8px,transparent 1px) 0 0/5px 5px,
    #111411;
}
html[data-skin="matrix"] .progress-track i,
html[data-skin="matrix"] .readiness i{
  border-radius:2px;
  background:
    radial-gradient(circle,#f1f4eb .8px,transparent 1px) 0 0/4px 4px,
    #dfe5dd;
  box-shadow:0 0 10px rgba(235,241,232,.16);
}
html[data-skin="matrix"] .orbit-progress-ring{
  --ring-c:#e9eee7!important;
  background:
    repeating-conic-gradient(from -90deg,
      rgba(239,243,234,.92) 0 2deg,
      rgba(239,243,234,.18) 2deg 3.4deg,
      transparent 3.4deg 5.2deg);
  mask-image:conic-gradient(from -90deg,#000 calc(var(--ring-p)*1%),rgba(0,0,0,.18) 0);
  -webkit-mask-image:conic-gradient(from -90deg,#000 calc(var(--ring-p)*1%),rgba(0,0,0,.18) 0);
  filter:none;
}
html[data-skin="matrix"] .orbit-progress-ring::before{
  background:
    radial-gradient(circle,rgba(239,243,234,.12) .75px,transparent 1px) 0 0/6px 6px,
    #090b09;
  box-shadow:inset 0 0 22px rgba(0,0,0,.70),0 0 0 1px rgba(239,243,234,.07);
}
html[data-skin="matrix"] .orbit-progress-ring::after{
  border-style:solid;
  border-color:rgba(239,243,234,.13);
}
html[data-skin="matrix"] .orbit-progress-ring>i{
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 10px rgba(255,68,58,.70);
}

/* home black hole becomes a circular dot-matrix instrument */
html[data-skin="matrix"] .blackhole-stage{
  filter:none;
}
html[data-skin="matrix"] .blackhole-stage::before{
  content:"";
  position:absolute;
  width:79%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(239,243,234,.78) 1px,transparent 1.25px) 0 0/9px 9px;
  opacity:.15;
  mask-image:radial-gradient(circle,transparent 0 27%,#000 29% 68%,transparent 70%);
  -webkit-mask-image:radial-gradient(circle,transparent 0 27%,#000 29% 68%,transparent 70%);
}
html[data-skin="matrix"] .hole-core{
  background:
    radial-gradient(circle at 45% 38%,rgba(255,255,255,.05),transparent 13%),
    #020302;
  box-shadow:
    0 0 0 1px rgba(239,243,234,.18),
    0 0 0 8px rgba(239,243,234,.025),
    0 0 42px rgba(239,243,234,.08);
}
html[data-skin="matrix"] .core-glint{
  border-top-color:rgba(239,243,234,.55);
}
html[data-skin="matrix"] .accretion-back{
  background:
    radial-gradient(ellipse,transparent 39%,rgba(239,243,234,.18) 42%,rgba(239,243,234,.78) 49%,rgba(239,243,234,.22) 54%,transparent 62%);
  filter:blur(1.5px);
}
html[data-skin="matrix"] .accretion-front{
  border-bottom-color:rgba(239,243,234,.70);
  box-shadow:0 7px 18px rgba(239,243,234,.10);
}
html[data-skin="matrix"] .orbit{
  border-color:rgba(239,243,234,.15);
  border-style:dotted;
}
html[data-skin="matrix"] .orbit:after{
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 10px rgba(255,68,58,.65);
}
html[data-skin="matrix"] .orbit-2:after{
  background:#f1f4eb;
  box-shadow:0 0 8px rgba(239,243,234,.52);
}

/* radar */
html[data-skin="matrix"] .radar-visual{
  background:
    radial-gradient(circle,rgba(239,243,234,.32) 1px,transparent 1.25px) 0 0/9px 9px,
    radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(239,243,234,.11) 34.5% 35%,transparent 35.5% 68%,rgba(239,243,234,.08) 68.5% 69%,transparent 69.5%),
    #080a08;
  border-color:rgba(239,243,234,.18);
}
html[data-skin="matrix"] .radar-sweep{
  background:conic-gradient(from 270deg,rgba(239,243,234,.22),transparent 64%);
}

/* Food Arcade: dot-matrix machine */
html[data-skin="matrix"] .arcade-shell{
  border-radius:14px;
  border-color:rgba(239,243,234,.17);
  background:
    radial-gradient(circle,rgba(239,243,234,.065) .75px,transparent 1px) 0 0/8px 8px,
    linear-gradient(180deg,#161916,#070907 70%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 22px 60px rgba(0,0,0,.32);
}
html[data-skin="matrix"] .meal-reel-window{
  border-radius:8px;
  background:
    radial-gradient(circle,rgba(239,243,234,.095) .85px,transparent 1px) 0 0/6px 6px,
    linear-gradient(180deg,#050705,#0b0d0b);
  border-color:rgba(239,243,234,.12);
  box-shadow:inset 0 0 28px rgba(0,0,0,.62);
}
html[data-skin="matrix"] .reel-result strong{
  font-family:var(--matrix-font);
  color:#eef2e9;
  letter-spacing:.02em;
}
html[data-skin="matrix"] .food-cartoon{
  filter:grayscale(1) saturate(0) brightness(1.22) contrast(1.05);
}
html[data-skin="matrix"] .reel-scan{
  background:linear-gradient(180deg,transparent,rgba(255,68,58,.24),transparent)!important;
}
html[data-skin="matrix"] .arcade-lever,
html[data-skin="matrix"] .slot-lever{
  border-radius:9px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.012)),
    #0a0c0a;
  border-color:rgba(239,243,234,.14);
}
html[data-skin="matrix"] .lever-knob{
  background:
    radial-gradient(circle at 35% 28%,#6d746d 0 4%,#272b27 22%,#0b0d0b 64%);
  border-color:rgba(239,243,234,.15);
}
html[data-skin="matrix"] .lever-knob>i{
  border-color:var(--matrix-red);
  box-shadow:0 0 9px rgba(255,68,58,.26);
}
html[data-skin="matrix"] .lever-copy b{
  color:#edf2e9;
}

/* bottom Smart Dock */
html[data-skin="matrix"] .bottom-nav{
  border-radius:15px;
  border-color:rgba(239,243,234,.15);
  background:
    radial-gradient(circle,rgba(239,243,234,.055) .65px,transparent .9px) 0 0/7px 7px,
    rgba(7,9,8,.90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 18px 55px rgba(0,0,0,.46);
  backdrop-filter:blur(24px) saturate(.72);
}
html[data-skin="matrix"] .bottom-nav button{
  position:relative;
  border-radius:8px;
  color:rgba(239,243,234,.36);
  font-family:var(--matrix-font);
  letter-spacing:.07em;
}
html[data-skin="matrix"] .bottom-nav button.active{
  color:#f1f4eb;
  background:
    linear-gradient(180deg,rgba(239,243,234,.07),rgba(239,243,234,.018));
  box-shadow:inset 0 0 0 1px rgba(239,243,234,.10);
}
html[data-skin="matrix"] .bottom-nav button.active::after{
  content:"";
  position:absolute;
  top:5px;right:6px;
  width:4px;height:4px;
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 9px rgba(255,68,58,.72);
}
html[data-skin="matrix"] .bottom-nav button.active .nav-ico{
  color:#f0f3ec;
}

/* module loader */
html[data-skin="matrix"] .orbit-module-loader{
  background:
    radial-gradient(circle,rgba(239,243,234,.05) .75px,transparent 1px) 0 0/8px 8px,
    rgba(3,5,4,.92);
}
html[data-skin="matrix"] .oml-ring{
  border-style:dotted;
  border-color:rgba(239,243,234,.20);
}
html[data-skin="matrix"] .oml-core{
  background:#030403;
  box-shadow:0 0 0 1px rgba(239,243,234,.28),0 0 20px rgba(239,243,234,.10);
}

/* Welcome */
html[data-skin="matrix"] .orbit-welcome{
  background:#050605;
  font-family:var(--matrix-font);
}
html[data-skin="matrix"] .orbit-welcome-bg{
  background:
    radial-gradient(circle at 50% 43%,rgba(239,243,234,.055),transparent 28%),
    linear-gradient(180deg,#080a08,#020302)!important;
}
html[data-skin="matrix"] .orbit-welcome-grid{
  opacity:.18;
  background:
    radial-gradient(circle,rgba(239,243,234,.78) .75px,transparent 1px) 0 0/10px 10px;
  mask-image:radial-gradient(circle at 50% 43%,#000,rgba(0,0,0,.36) 54%,transparent 86%);
  -webkit-mask-image:radial-gradient(circle at 50% 43%,#000,rgba(0,0,0,.36) 54%,transparent 86%);
}
html[data-skin="matrix"] .orbit-welcome::before{
  background:
    linear-gradient(90deg,transparent 8%,rgba(239,243,234,.055) 8.1%,transparent 8.2% 91.8%,rgba(239,243,234,.055) 91.9%,transparent 92%),
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.035),transparent 33%);
}
html[data-skin="matrix"] .orbit-welcome-top,
html[data-skin="matrix"] .orbit-welcome-foot{
  font-family:var(--matrix-font);
  color:rgba(239,243,234,.44);
}
html[data-skin="matrix"] .orbit-welcome-wordmark h1{
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:
    radial-gradient(circle,#f2f5ed 1.2px,transparent 1.55px) 0 0/5px 5px;
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 0 13px rgba(239,243,234,.14));
  letter-spacing:.16em;
  text-indent:.16em;
}
html[data-skin="matrix"] .orbit-welcome-wordmark p,
html[data-skin="matrix"] .orbit-welcome-note small{
  font-family:var(--matrix-font);
  color:rgba(239,243,234,.42);
}
html[data-skin="matrix"] .orbit-welcome-note blockquote{
  font-family:var(--matrix-font);
  font-size:clamp(17px,3vw,27px);
  font-weight:500;
  letter-spacing:.03em;
  color:rgba(241,244,236,.90);
}
html[data-skin="matrix"] .orbit-welcome-blackhole::before{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(239,243,234,.82) .9px,transparent 1.15px) 0 0/9px 9px;
  opacity:.20;
  mask-image:radial-gradient(circle,transparent 0 27%,#000 29% 74%,transparent 76%);
  -webkit-mask-image:radial-gradient(circle,transparent 0 27%,#000 29% 74%,transparent 76%);
}
html[data-skin="matrix"] .ow-core{
  background:#020302;
  box-shadow:0 0 0 1px rgba(239,243,234,.35),0 0 28px rgba(239,243,234,.10);
}
html[data-skin="matrix"] .ow-glow,
html[data-skin="matrix"] .ow-orbit{
  border-color:rgba(239,243,234,.25);
}
html[data-skin="matrix"] .ow-orbit-c{border-style:dotted}
html[data-skin="matrix"] .ow-planet{
  width:6px;height:6px;
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 10px rgba(255,68,58,.66);
}
html[data-skin="matrix"] .orbit-enter-btn{
  border-radius:9px;
  border-color:rgba(239,243,234,.20);
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),
    rgba(5,7,6,.73);
  color:#eff3eb;
  font-family:var(--matrix-font);
  backdrop-filter:blur(18px);
}
html[data-skin="matrix"] .orbit-enter-btn b{color:var(--matrix-red)}

/* Access / login */
html[data-skin="matrix"] .orbit-access{
  --oa-gold:#eef2e9;
  --oa-gold-soft:#f4f6f0;
  color:#eff3eb;
  background:#040504;
  font-family:var(--matrix-font);
}
html[data-skin="matrix"] .orbit-access::before{
  inset:0;
  transform:none;
  animation:none;
  filter:none;
  background:
    radial-gradient(circle,rgba(239,243,234,.055) .75px,transparent 1px) 0 0/10px 10px,
    radial-gradient(circle at 50% 42%,rgba(239,243,234,.065),transparent 25%),
    linear-gradient(180deg,#080a08,#030403 75%);
}
html[data-skin="matrix"] .oa-space::before,
html[data-skin="matrix"] .oa-space::after{
  background:linear-gradient(transparent,rgba(239,243,234,.12),transparent);
}
html[data-skin="matrix"] .oa-star{
  border-radius:1px;
  background:#eef2e9;
  box-shadow:0 0 9px rgba(239,243,234,.50);
}
html[data-skin="matrix"] .oa-ring{
  border-style:dotted;
  border-color:rgba(239,243,234,.20)!important;
}
html[data-skin="matrix"] .oa-vortex::before{
  background:
    radial-gradient(ellipse,transparent 39%,rgba(239,243,234,.17) 43%,rgba(239,243,234,.78) 50%,rgba(239,243,234,.15) 56%,transparent 62%);
  mix-blend-mode:screen;
}
html[data-skin="matrix"] .oa-panel{
  border-radius:14px;
  border-color:rgba(239,243,234,.17);
  background:
    radial-gradient(circle,rgba(239,243,234,.055) .7px,transparent .9px) calc(100% - 10px) 10px/7px 7px no-repeat,
    linear-gradient(145deg,rgba(24,27,24,.78),rgba(6,8,7,.71));
  backdrop-filter:blur(22px) saturate(.75);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 30px 80px rgba(0,0,0,.55);
}
html[data-skin="matrix"] .oa-panel::before{
  background:linear-gradient(90deg,transparent,rgba(239,243,234,.56),transparent);
}
html[data-skin="matrix"] .oa-seal{
  border-radius:8px;
  border-color:rgba(239,243,234,.30);
  background:
    radial-gradient(circle,rgba(239,243,234,.18) .8px,transparent 1px) 0 0/6px 6px,
    #080a08;
  box-shadow:0 0 20px rgba(239,243,234,.08);
}
html[data-skin="matrix"] .oa-seal span{
  font-family:var(--matrix-font);
  color:#eef2e9;
}
html[data-skin="matrix"] .oa-seal i{
  border-radius:8px;
  border-style:dotted;
  border-color:rgba(239,243,234,.20);
}
html[data-skin="matrix"] .oa-copy h1{
  color:#eff3eb;
}
html[data-skin="matrix"] .oa-copy p{color:rgba(239,243,234,.43)}
html[data-skin="matrix"] .oa-username-wrap span{color:rgba(239,243,234,.45)}
html[data-skin="matrix"] .oa-username-wrap input{
  font-family:var(--matrix-font);
  color:#eff3eb;
  border-bottom-color:rgba(239,243,234,.18);
}
html[data-skin="matrix"] .oa-username-wrap i{
  background:linear-gradient(90deg,var(--matrix-red),#f0f3eb);
}
html[data-skin="matrix"] .oa-continue-btn{
  border-radius:8px;
  border-color:rgba(239,243,234,.18);
  background:rgba(239,243,234,.035);
  color:#eef2e9;
  font-family:var(--matrix-font);
}
html[data-skin="matrix"] .oa-continue-btn b{color:var(--matrix-red)}
html[data-skin="matrix"] .oa-pin-nodes>i{
  width:12px;height:12px;
  border-radius:2px;
  background:#080a08;
  border-color:rgba(239,243,234,.27);
}
html[data-skin="matrix"] .oa-pin-nodes>i.filled{
  transform:scale(1.12);
  background:#eef2e9;
  border-color:#f5f7f2;
  box-shadow:0 0 9px rgba(239,243,234,.50);
}
html[data-skin="matrix"] .oa-user-dot{
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 9px rgba(255,68,58,.68);
}

/* Modal and system surfaces */
html[data-skin="matrix"] .modal-backdrop{
  background:rgba(2,4,3,.78);
  backdrop-filter:blur(12px);
}
html[data-skin="matrix"] .modal-card{
  border-radius:15px;
  background:
    radial-gradient(circle,rgba(239,243,234,.045) .7px,transparent .9px) 0 0/9px 9px,
    linear-gradient(145deg,rgba(19,22,19,.96),rgba(6,8,7,.96));
  border-color:rgba(239,243,234,.16);
  box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.06);
}

/* Hidden admin inherits the skin rather than looking like a second app. */
html[data-skin="matrix"] .orbit-admin-panel,
html[data-skin="matrix"] .orbit-admin-gate{
  border-radius:14px!important;
  background:
    radial-gradient(circle,rgba(239,243,234,.045) .7px,transparent .9px) 0 0/9px 9px,
    linear-gradient(145deg,rgba(17,20,17,.98),rgba(5,7,6,.98))!important;
}
html[data-skin="matrix"] .orbit-admin-card{
  border-radius:10px;
  border-color:rgba(239,243,234,.10);
}

/* achievements */
html[data-skin="matrix"] .orbit-achievement{
  border-radius:12px;
  border-color:rgba(239,243,234,.20);
  background:
    radial-gradient(circle,rgba(239,243,234,.055) .75px,transparent 1px) 0 0/8px 8px,
    linear-gradient(125deg,rgba(16,19,16,.98),rgba(4,6,5,.97));
}
html[data-skin="matrix"] .oa-achievement-emblem{
  border-radius:8px;
  background:
    radial-gradient(circle,rgba(239,243,234,.14) .8px,transparent 1px) 0 0/6px 6px,
    #070907;
}
html[data-skin="matrix"] .oa-achievement-emblem>span{
  font-family:var(--matrix-font);
  color:#eef2e9;
}
html[data-skin="matrix"] .oa-achievement-copy small,
html[data-skin="matrix"] .oa-achievement-copy b{color:rgba(239,243,234,.56)}
html[data-skin="matrix"] .oa-achievement-copy strong{
  font-family:var(--matrix-font);
  color:#f1f4ec;
}
html[data-skin="matrix"] .oa-achievement-scan{
  background:linear-gradient(90deg,transparent,var(--matrix-red),#eef2e9,var(--matrix-red),transparent);
}

/* skin picker */
.orbit-skin-settings .settings-note{margin-bottom:0}
.orbit-skin-picker{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:12px;
}
.orbit-skin-choice{
  min-width:0;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  text-align:left;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:rgba(255,255,255,.018);
  color:var(--text);
  cursor:pointer;
  transition:.2s ease;
}
.orbit-skin-choice:hover{border-color:rgba(255,255,255,.17)}
.orbit-skin-choice.active{
  border-color:rgba(233,191,115,.28);
  box-shadow:inset 0 0 0 1px rgba(233,191,115,.05);
}
.orbit-skin-choice>span:nth-child(2){
  min-width:0;
  display:grid;
  gap:3px;
}
.orbit-skin-choice strong{font-size:10px;letter-spacing:.06em}
.orbit-skin-choice small{font-size:7px;color:var(--muted);line-height:1.45}
.orbit-skin-choice>em{
  align-self:start;
  font-style:normal;
  font-size:7px;
  letter-spacing:.12em;
  color:rgba(255,255,255,.30);
}
.osc-preview{
  position:relative;
  width:54px;height:54px;
  display:grid;place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:#08090c;
}
.osc-preview b{position:relative;z-index:2;font-size:12px}
.osc-classic i{
  position:absolute;
  width:44px;height:14px;
  border:1px solid rgba(233,191,115,.42);
  border-radius:50%;
  transform:rotate(-16deg);
}
.osc-classic i:nth-child(2){
  width:31px;height:31px;
  border-color:rgba(124,92,255,.28);
  transform:rotate(30deg);
}
.osc-classic b{color:#e8bf74;font-family:Georgia,serif}
.osc-matrix{
  border-radius:9px;
  background:
    radial-gradient(circle,rgba(239,243,234,.72) .8px,transparent 1px) 0 0/6px 6px,
    #060806;
}
.osc-matrix::after{
  content:"";
  position:absolute;
  right:5px;top:5px;
  width:4px;height:4px;
  background:#ff443a;
  border-radius:1px;
  box-shadow:0 0 7px rgba(255,68,58,.7);
}
.osc-matrix i:first-child{
  position:absolute;
  inset:8px;
  border:1px solid rgba(239,243,234,.20);
  border-radius:50%;
}
.osc-matrix i:nth-child(2){
  position:absolute;
  width:31px;height:11px;
  border:1px dotted rgba(239,243,234,.34);
  border-radius:50%;
  transform:rotate(-18deg);
}
.osc-matrix b{
  color:#eef2e9;
  font-family:"Cascadia Mono",Consolas,monospace;
  text-shadow:0 0 7px rgba(239,243,234,.45);
}
html[data-skin="matrix"] .orbit-skin-choice{
  border-radius:9px;
  border-color:rgba(239,243,234,.10);
  background:rgba(239,243,234,.015);
}
html[data-skin="matrix"] .orbit-skin-choice.active{
  border-color:rgba(239,243,234,.27);
  box-shadow:inset 3px 0 0 var(--matrix-red);
}

/* skin transition */
.orbit-skin-transition{
  position:fixed;
  inset:0;
  z-index:100500;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  background:#050605;
  transition:opacity .22s ease;
}
.orbit-skin-transition.active{opacity:1}
.orbit-skin-transition.leaving{opacity:0;transition-duration:.28s}
.ost-grid{
  position:absolute;inset:0;
  background:
    radial-gradient(circle,rgba(239,243,234,.60) .8px,transparent 1px) 0 0/10px 10px;
  opacity:.16;
  transform:scale(1.04);
}
.to-classic .ost-grid{
  background:
    radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(233,191,115,.12) 25%,transparent 26%),
    linear-gradient(120deg,transparent,rgba(124,92,255,.08),transparent);
}
.ost-window{
  position:absolute;
  left:50%;top:50%;
  width:min(310px,76vw);
  height:132px;
  transform:translate(-50%,-50%) scale(.92);
  opacity:.5;
  display:grid;
  place-items:center;
  align-content:center;
  gap:5px;
  border:1px solid rgba(239,243,234,.18);
  border-radius:14px;
  background:rgba(8,10,8,.78);
  color:#eef2e9;
  font-family:"Cascadia Mono",Consolas,monospace;
  transition:.34s cubic-bezier(.18,.78,.18,1);
}
.orbit-skin-transition.active .ost-window{transform:translate(-50%,-50%) scale(1);opacity:1}
.ost-window span{font-size:8px;letter-spacing:.24em;color:rgba(239,243,234,.50)}
.ost-window b{font-size:34px;letter-spacing:-.06em}
.ost-window i{
  width:4px;height:4px;
  position:absolute;right:10px;top:10px;
  background:#ff443a;
  box-shadow:0 0 9px rgba(255,68,58,.7);
}
.ost-scan{
  position:absolute;left:0;right:0;top:-8%;
  height:10%;
  background:linear-gradient(180deg,transparent,rgba(239,243,234,.18),transparent);
  filter:blur(5px);
}
.orbit-skin-transition.active .ost-scan{animation:ostScan .62s linear both}
@keyframes ostScan{to{top:106%}}

/* ---------------------------------------------------------------------
   MATRIX GLASS / LIGHT
   Nothing-like white technical shell while keeping the same dot language.
   --------------------------------------------------------------------- */
html[data-skin="matrix"][data-theme="light"]{
  --bg:#e8e9e5;
  --panel:rgba(247,248,244,.76);
  --line:rgba(15,18,16,.14);
  --text:#111411;
  --muted:#606660;
  --gold:#171a17;
  --matrix-led:#151815;
  --matrix-led-dim:rgba(15,18,16,.32);
  --matrix-glass:rgba(247,248,244,.72);
  --matrix-ink:#151815;
  color-scheme:light;
}
html[data-skin="matrix"][data-theme="light"] body{background:#e8e9e5;color:#111411}
html[data-skin="matrix"][data-theme="light"] .app-shell{
  background:
    radial-gradient(circle at 82% 1%,rgba(255,255,255,.95),transparent 30%),
    radial-gradient(circle at 8% 14%,rgba(255,68,58,.035),transparent 17%),
    linear-gradient(180deg,#f0f1ed,#e6e7e3 56%,#ecece9);
}
html[data-skin="matrix"][data-theme="light"] .app-shell::before{
  background:
    radial-gradient(circle,rgba(11,14,12,.80) .65px,transparent .9px) 0 0/10px 10px;
  opacity:.060;
}
html[data-skin="matrix"][data-theme="light"] .app-shell::after{
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(18,22,19,.08) 50%,transparent calc(50% + .5px)),
    linear-gradient(180deg,transparent calc(50% - .5px),rgba(18,22,19,.05) 50%,transparent calc(50% + .5px));
}
html[data-skin="matrix"][data-theme="light"] .glass-card{
  background:
    linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.34) 30%,transparent 60%),
    rgba(244,246,241,.72);
  border-color:rgba(19,24,20,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 16px 38px rgba(30,36,31,.08);
}
html[data-skin="matrix"][data-theme="light"] .glass-card::before{background:rgba(17,21,18,.35)}
html[data-skin="matrix"][data-theme="light"] .glass-card::after{
  background:
    radial-gradient(circle,rgba(18,22,19,.80) .8px,transparent 1px) 0 0/6px 6px;
}
html[data-skin="matrix"][data-theme="light"] .metric-card>strong,
html[data-skin="matrix"][data-theme="light"] .big-stat>strong,
html[data-skin="matrix"][data-theme="light"] .focus-score strong,
html[data-skin="matrix"][data-theme="light"] .orbit-progress-core strong{
  background:
    radial-gradient(circle,#141814 1.05px,transparent 1.35px) 0 0/4px 4px;
  -webkit-background-clip:text;
  background-clip:text;
  filter:none;
}
html[data-skin="matrix"][data-theme="light"] .task-row{
  color:#171a17;
  background:rgba(255,255,255,.35);
  border-color:rgba(18,22,19,.07);
}
html[data-skin="matrix"][data-theme="light"] .task-row:hover{background:rgba(255,255,255,.62)}
html[data-skin="matrix"][data-theme="light"] .settings-btn,
html[data-skin="matrix"][data-theme="light"] .small-action{
  color:#252a25!important;
  background:rgba(255,255,255,.60)!important;
  border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .server-pill{
  color:#515751;
  background:
    radial-gradient(circle,rgba(18,22,19,.10) .7px,transparent .9px) 0 0/6px 6px,
    rgba(255,255,255,.56);
  border-color:rgba(18,22,19,.10);
}
html[data-skin="matrix"][data-theme="light"] input,
html[data-skin="matrix"][data-theme="light"] textarea,
html[data-skin="matrix"][data-theme="light"] select{
  color:#111411!important;
  background:
    radial-gradient(circle,rgba(18,22,19,.045) .7px,transparent .9px) 0 0/7px 7px,
    rgba(255,255,255,.78)!important;
  border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav{
  background:
    radial-gradient(circle,rgba(18,22,19,.055) .65px,transparent .9px) 0 0/7px 7px,
    rgba(242,244,239,.88);
  border-color:rgba(18,22,19,.12);
  box-shadow:0 15px 36px rgba(25,31,26,.11);
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button{color:#777d77}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active{
  color:#171a17;
  background:rgba(255,255,255,.62);
  box-shadow:inset 0 0 0 1px rgba(18,22,19,.08);
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active .nav-ico{color:#171a17}
html[data-skin="matrix"][data-theme="light"] .orbit-progress-ring::before{
  background:
    radial-gradient(circle,rgba(18,22,19,.11) .75px,transparent 1px) 0 0/6px 6px,
    #f1f2ee;
  box-shadow:inset 0 0 18px rgba(30,35,31,.08),0 0 0 1px rgba(18,22,19,.08);
}
html[data-skin="matrix"][data-theme="light"] .big-stat.accent,
html[data-skin="matrix"][data-theme="light"] .training-hero{
  background:
    radial-gradient(circle at 90% 12%,rgba(18,22,19,.055),transparent 31%),
    rgba(244,246,241,.72);
}
html[data-skin="matrix"][data-theme="light"] .arcade-shell{
  background:
    radial-gradient(circle,rgba(18,22,19,.045) .75px,transparent 1px) 0 0/8px 8px,
    linear-gradient(180deg,#f4f5f1,#e3e5e0);
  border-color:rgba(18,22,19,.12);
}
html[data-skin="matrix"][data-theme="light"] .meal-reel-window{
  background:
    radial-gradient(circle,rgba(18,22,19,.055) .85px,transparent 1px) 0 0/6px 6px,
    linear-gradient(180deg,#fbfcf8,#e9ebe6);
  border-color:rgba(18,22,19,.10);
}
html[data-skin="matrix"][data-theme="light"] .reel-result strong{color:#151815}
html[data-skin="matrix"][data-theme="light"] .modal-card{
  color:#151815;
  background:
    radial-gradient(circle,rgba(18,22,19,.038) .7px,transparent .9px) 0 0/9px 9px,
    linear-gradient(145deg,rgba(251,252,249,.98),rgba(235,237,232,.97));
  border-color:rgba(18,22,19,.12);
}
html[data-skin="matrix"][data-theme="light"] .blackhole-stage::before{
  background:
    radial-gradient(circle,rgba(18,22,19,.72) 1px,transparent 1.25px) 0 0/9px 9px;
}
html[data-skin="matrix"][data-theme="light"] .hole-core{
  background:#e9ebe6;
  box-shadow:0 0 0 1px rgba(18,22,19,.18),0 0 0 8px rgba(18,22,19,.025),0 0 34px rgba(18,22,19,.08);
}
html[data-skin="matrix"][data-theme="light"] .accretion-back{
  background:
    radial-gradient(ellipse,transparent 39%,rgba(18,22,19,.12) 42%,rgba(18,22,19,.60) 49%,rgba(18,22,19,.15) 54%,transparent 62%);
}
html[data-skin="matrix"][data-theme="light"] .accretion-front{
  border-bottom-color:rgba(18,22,19,.55);
}
html[data-skin="matrix"][data-theme="light"] .orbit{border-color:rgba(18,22,19,.14)}
html[data-skin="matrix"][data-theme="light"] .brand{color:#626862}
html[data-skin="matrix"][data-theme="light"] .topbar::after{
  background:linear-gradient(90deg,rgba(18,22,19,.18),rgba(18,22,19,.04) 65%,transparent);
}

/* mobile */
@media(max-width:760px){
  .orbit-skin-picker{grid-template-columns:1fr}
  html[data-skin="matrix"] .glass-card{border-radius:12px}
  html[data-skin="matrix"] .topbar::after{left:16px;right:16px}
  html[data-skin="matrix"] .metric-card{min-height:112px}
  html[data-skin="matrix"] .bottom-nav{border-radius:13px}
  html[data-skin="matrix"] .orbit-welcome-wordmark h1{
    font-size:46px;
    letter-spacing:.12em;
    text-indent:.12em;
  }
  html[data-skin="matrix"] .orbit-welcome-note blockquote{font-size:17px}
  html[data-skin="matrix"] .oa-panel{
    border-radius:12px;
    width:min(520px,92vw);
  }
}
@media(prefers-reduced-motion:reduce){
  .orbit-skin-transition .ost-scan{animation:none!important}
}


/* =====================================================================
   ORBIT V0.0.2.6 — MATRIX OVERRIDE
   Hard pivot from "cute restrained orbit" to a colder hacker / HUD system.
   Fix readability issues by using solid text for most UI and reserving
   dot-matrix treatment for display-grade elements only.
   ===================================================================== */

/* ---------- readability first ---------- */
html[data-skin="matrix"] .metric-card>strong,
html[data-skin="matrix"] .big-stat>strong,
html[data-skin="matrix"] .focus-score strong,
html[data-skin="matrix"] .task-row strong,
html[data-skin="matrix"] .module-title h1,
html[data-skin="matrix"] .section-head h2,
html[data-skin="matrix"] .training-hero h2,
html[data-skin="matrix"] .project-card h3,
html[data-skin="matrix"] .oa-copy h1,
html[data-skin="matrix"] .oa-pin-title,
html[data-skin="matrix"] .meal-reel-window strong,
html[data-skin="matrix"] .meal-reel-window p,
html[data-skin="matrix"] .modal-card h3,
html[data-skin="matrix"] .modal-card strong,
html[data-skin="matrix"] .ai-shortlist-open strong,
html[data-skin="matrix"] .orbit-achievement strong{
  color:var(--text)!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
  letter-spacing:normal!important;
  text-shadow:none!important;
}
html[data-skin="matrix"] .orbit-progress-core strong,
html[data-skin="matrix"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"] .oa-seal span{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:
    radial-gradient(circle,var(--matrix-led) 1.05px,transparent 1.35px) 0 0/4px 4px!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 6px rgba(237,242,232,.18))!important;
  letter-spacing:-.04em!important;
}
html[data-skin="matrix"][data-theme="light"] .orbit-progress-core strong,
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"][data-theme="light"] .oa-seal span{
  background:
    radial-gradient(circle,#141814 1.05px,transparent 1.35px) 0 0/4px 4px!important;
}
html[data-skin="matrix"] .metric-card>span,
html[data-skin="matrix"] .big-stat>span,
html[data-skin="matrix"] .field label,
html[data-skin="matrix"] small,
html[data-skin="matrix"] p,
html[data-skin="matrix"] .settings-note,
html[data-skin="matrix"] .meal-entry-hint,
html[data-skin="matrix"] .task-row span{
  letter-spacing:.01em;
}

/* ---------- shift overall language from orbit / cute to cold HUD ---------- */
html[data-skin="matrix"] .glass-card,
html[data-skin="matrix"] .modal-card,
html[data-skin="matrix"] .orbit-admin-panel,
html[data-skin="matrix"] .orbit-admin-gate,
html[data-skin="matrix"] .bottom-nav,
html[data-skin="matrix"] .oa-panel,
html[data-skin="matrix"] .orbit-achievement{
  border-radius:8px!important;
}
html[data-skin="matrix"] .glass-card{
  background:
    linear-gradient(180deg,rgba(18,21,18,.93),rgba(7,8,7,.84)),
    linear-gradient(90deg,rgba(255,255,255,.015),transparent)!important;
  border:1px solid rgba(239,243,234,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(0,0,0,.18),
    0 16px 40px rgba(0,0,0,.28)!important;
}
html[data-skin="matrix"] .glass-card::before{
  left:10px;top:10px;width:22px;height:22px;
  background:
    linear-gradient(90deg,rgba(239,243,234,.55) 0 8px,transparent 8px),
    linear-gradient(180deg,rgba(239,243,234,.55) 0 1px,transparent 1px),
    linear-gradient(180deg,rgba(239,243,234,.55) 0 8px,transparent 8px),
    linear-gradient(90deg,rgba(239,243,234,.55) 0 1px,transparent 1px);
  background-size:8px 1px,1px 8px,8px 1px,1px 8px;
  background-position:left top,left top,right bottom,right bottom;
  background-repeat:no-repeat;
  opacity:.55;
  box-shadow:none;
}
html[data-skin="matrix"] .glass-card::after{
  right:10px;top:10px;width:44px;height:12px;
  border-top:1px solid rgba(239,243,234,.18);
  border-right:1px solid rgba(239,243,234,.18);
  opacity:.70;
  background:none;
  mask:none;-webkit-mask:none;
}
html[data-skin="matrix"] .section-kicker::before,
html[data-skin="matrix"] .eyebrow::before{
  width:4px;height:4px;border-radius:1px;
}
html[data-skin="matrix"] .section-kicker::after,
html[data-skin="matrix"] .eyebrow::after{
  content:"  //";
  color:rgba(239,243,234,.24);
  letter-spacing:0;
}
html[data-skin="matrix"] .feature-actions button,
html[data-skin="matrix"] .primary-btn,
html[data-skin="matrix"] .ghost-btn,
html[data-skin="matrix"] .small-action,
html[data-skin="matrix"] .settings-btn,
html[data-skin="matrix"] .meal-reel-btn,
html[data-skin="matrix"] .arcade-main-button{
  border-radius:6px!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}
html[data-skin="matrix"] .feature-actions button,
html[data-skin="matrix"] .primary-btn,
html[data-skin="matrix"] .arcade-main-button{
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
    rgba(10,12,10,.92)!important;
}
html[data-skin="matrix"] .server-pill,
html[data-skin="matrix"] .count-chip,
html[data-skin="matrix"] .status-chip{
  border-radius:4px!important;
}
html[data-skin="matrix"] .topbar-brand .eyebrow::after{
  content:" / MATRIX.CORE";
  color:rgba(239,243,234,.32);
  font-weight:500;
}
html[data-skin="matrix"] .topbar::after{
  height:1px;
  background:
    linear-gradient(90deg,rgba(239,243,234,.18),rgba(239,243,234,.03) 34%,transparent 68%);
}
html[data-skin="matrix"] .server-pill::after{
  content:"SYS";
  font-size:8px;
  margin-left:6px;
  color:rgba(239,243,234,.26);
}

/* ---------- remove cute planets / orbital satellites ---------- */
html[data-skin="matrix"] .blackhole-stage .orbit,
html[data-skin="matrix"] .orbit-1,
html[data-skin="matrix"] .orbit-2,
html[data-skin="matrix"] .orbit-3,
html[data-skin="matrix"] .ow-planet,
html[data-skin="matrix"] .ow-orbit-a,
html[data-skin="matrix"] .ow-orbit-b,
html[data-skin="matrix"] .ow-orbit-c,
html[data-skin="matrix"] .oa-satellite{
  display:none!important;
}
html[data-skin="matrix"] .blackhole-stage::before{
  opacity:.10!important;
  mask-image:radial-gradient(circle,transparent 0 23%,#000 24% 72%,transparent 73%)!important;
  -webkit-mask-image:radial-gradient(circle,transparent 0 23%,#000 24% 72%,transparent 73%)!important;
}
html[data-skin="matrix"] .blackhole-stage::after,
html[data-skin="matrix"] .orbit-welcome-blackhole::after,
html[data-skin="matrix"] .oa-vortex::after{
  content:"";
  position:absolute;
  inset:10%;
  pointer-events:none;
  border:1px solid rgba(239,243,234,.08);
  border-radius:0;
  background:
    linear-gradient(90deg,transparent 12%,rgba(239,243,234,.14) 12.1%,transparent 12.2% 87.8%,rgba(239,243,234,.14) 87.9%,transparent 88%),
    linear-gradient(180deg,transparent 12%,rgba(239,243,234,.14) 12.1%,transparent 12.2% 87.8%,rgba(239,243,234,.14) 87.9%,transparent 88%);
  clip-path:polygon(0 10%,10% 10%,10% 0,90% 0,90% 10%,100% 10%,100% 90%,90% 90%,90% 100%,10% 100%,10% 90%,0 90%);
  animation:matrixHudSweep 9s linear infinite;
}
html[data-skin="matrix"] .orbit-welcome-blackhole::after{
  inset:14%;
  opacity:.82;
}
html[data-skin="matrix"] .oa-vortex::after{
  inset:16%;
  opacity:.7;
}
html[data-skin="matrix"] .hole-core,
html[data-skin="matrix"] .ow-core{
  box-shadow:
    0 0 0 1px rgba(239,243,234,.20),
    0 0 0 12px rgba(239,243,234,.02),
    0 0 52px rgba(239,243,234,.05)!important;
}
html[data-skin="matrix"] .accretion-back,
html[data-skin="matrix"] .accretion-front{
  opacity:.45;
  filter:grayscale(1);
}
html[data-skin="matrix"] .core-glint{
  border-top-color:rgba(255,68,58,.62)!important;
}
@keyframes matrixHudSweep{
  0%{transform:rotate(0deg);opacity:.88}
  50%{transform:rotate(180deg);opacity:.46}
  100%{transform:rotate(360deg);opacity:.88}
}

/* ---------- welcome & access become harder and more technical ---------- */
html[data-skin="matrix"] .orbit-welcome-note blockquote{
  max-width:26ch;
  letter-spacing:.02em;
}
html[data-skin="matrix"] .orbit-welcome-note blockquote::before{
  content:"[ ";
  color:var(--matrix-red);
}
html[data-skin="matrix"] .orbit-welcome-note blockquote::after{
  content:" ]";
  color:rgba(239,243,234,.52);
}
html[data-skin="matrix"] .orbit-enter-btn{
  position:relative;
  overflow:hidden;
}
html[data-skin="matrix"] .orbit-enter-btn::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-120%);
  animation:matrixButtonScan 2.8s linear infinite;
}
@keyframes matrixButtonScan{
  to{transform:translateX(140%)}
}
html[data-skin="matrix"] .oa-space::before,
html[data-skin="matrix"] .oa-space::after{
  opacity:.35;
}
html[data-skin="matrix"] .oa-ring{
  border-style:solid!important;
  border-color:rgba(239,243,234,.12)!important;
  border-radius:0!important;
  clip-path:polygon(0 12%,12% 12%,12% 0,88% 0,88% 12%,100% 12%,100% 88%,88% 88%,88% 100%,12% 100%,12% 88%,0 88%);
}
html[data-skin="matrix"] .oa-panel::after{
  content:"ACCESS NODE / AUTH.GATE";
  position:absolute;
  right:16px;top:16px;
  font-size:8px;
  letter-spacing:.18em;
  color:rgba(239,243,234,.28);
}
html[data-skin="matrix"] .oa-seal{
  border-radius:6px!important;
  background:
    radial-gradient(circle,rgba(239,243,234,.16) .8px,transparent 1px) 0 0/6px 6px,
    #060806!important;
}
html[data-skin="matrix"] .oa-pin-nodes>i{
  border-radius:2px!important;
}

/* ---------- home rings / dashboard become instrument cluster ---------- */
html[data-skin="matrix"] .orbit-progress-ring{
  background:
    repeating-conic-gradient(from -90deg,
      rgba(239,243,234,.92) 0 1.65deg,
      rgba(239,243,234,.10) 1.65deg 2.2deg,
      transparent 2.2deg 4.6deg)!important;
}
html[data-skin="matrix"] .orbit-progress-ring::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)),
    radial-gradient(circle,rgba(239,243,234,.10) .7px,transparent 1px) 0 0/6px 6px,
    #060806!important;
}
html[data-skin="matrix"] .orbit-progress-ring::after{
  border-radius:4px!important;
  border-style:solid!important;
}
html[data-skin="matrix"] .orbit-progress-core span{
  letter-spacing:.12em!important;
  font-size:8px!important;
  text-transform:uppercase;
}

/* ---------- Food Arcade becomes Nutrition Console ---------- */
html[data-skin="matrix"] .arcade-shell{
  position:relative;
  border-radius:8px!important;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(15,17,15,.96),rgba(7,8,7,.94)),
    radial-gradient(circle,rgba(239,243,234,.04) .7px,transparent 1px) 0 0/8px 8px!important;
}
html[data-skin="matrix"] .arcade-shell::before{
  content:"NUTRITION CONSOLE / SLOT.LOGIC";
  position:absolute;
  top:10px;right:12px;
  font-size:8px;
  letter-spacing:.18em;
  color:rgba(239,243,234,.26);
}
html[data-skin="matrix"] .food-cartoon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:74px!important;
  height:46px!important;
  margin:0 auto 6px!important;
  border-radius:4px!important;
  font-size:0!important;
  line-height:1!important;
  color:transparent!important;
  border:1px solid rgba(239,243,234,.14)!important;
  background:
    linear-gradient(180deg,rgba(239,243,234,.03),rgba(239,243,234,.01)),
    radial-gradient(circle,rgba(239,243,234,.16) .8px,transparent 1px) 0 0/6px 6px,
    #090b09!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
html[data-skin="matrix"] .food-cartoon::before{
  display:block;
  font-size:13px;
  line-height:1;
  letter-spacing:.10em;
  color:#eef2e9;
  text-shadow:0 0 8px rgba(239,243,234,.18);
}
html[data-skin="matrix"] .food-cartoon::after{
  content:"SCAN";
  position:absolute;
  right:6px;bottom:5px;
  font-size:7px;
  letter-spacing:.18em;
  color:rgba(255,68,58,.74);
}
html[data-skin="matrix"] .meal-reel[data-meal-reel="早餐"] .food-cartoon::before{content:"BRF//01"}
html[data-skin="matrix"] .meal-reel[data-meal-reel="午餐"] .food-cartoon::before{content:"LCH//02"}
html[data-skin="matrix"] .meal-reel[data-meal-reel="晚餐"] .food-cartoon::before{content:"DNR//03"}
html[data-skin="matrix"] .meal-reel.logged .food-cartoon{
  border-color:rgba(182,242,207,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(182,242,207,.07),0 0 14px rgba(182,242,207,.06);
}
html[data-skin="matrix"] .meal-reel-window{
  align-items:stretch!important;
  text-align:left!important;
  border-radius:6px!important;
  min-height:184px!important;
  background:
    linear-gradient(180deg,rgba(11,13,11,.98),rgba(16,18,16,.88))!important;
}
html[data-skin="matrix"] .meal-reel-window::before,
html[data-skin="matrix"] .meal-reel-window::after{
  width:calc(100% - 28px)!important;
  height:1px!important;
  left:14px!important;
  background:linear-gradient(90deg,rgba(255,68,58,.12),rgba(239,243,234,.26),rgba(255,68,58,.12))!important;
}
html[data-skin="matrix"] .meal-reel-window strong{
  font-size:11px!important;
  margin-top:2px;
}
html[data-skin="matrix"] .meal-reel-window p{
  font-size:8px!important;
  color:rgba(239,243,234,.58)!important;
}
html[data-skin="matrix"] .meal-reel-stats{
  border-top:1px solid rgba(239,243,234,.09);
  border-bottom:1px solid rgba(239,243,234,.09);
  padding:8px 0!important;
  margin:8px 0!important;
  border-radius:0!important;
}
html[data-skin="matrix"] .meal-reel-stats span{
  border-right:1px solid rgba(239,243,234,.06);
}
html[data-skin="matrix"] .meal-reel-stats span:last-child{border-right:0}
html[data-skin="matrix"] .meal-reel-stats small{
  display:block;
  color:rgba(239,243,234,.34)!important;
  letter-spacing:.16em;
}
html[data-skin="matrix"] .meal-reel-stats b{
  font-weight:700;
  color:#f2f4ef!important;
}
html[data-skin="matrix"] .meal-reel-window em{
  align-self:flex-start!important;
  border-radius:3px!important;
  font-style:normal;
  letter-spacing:.16em;
  padding:2px 5px!important;
  border:1px solid rgba(255,68,58,.20)!important;
  color:rgba(255,68,58,.86)!important;
  background:rgba(255,68,58,.05)!important;
}
html[data-skin="matrix"] .meal-reel-actions{
  gap:6px!important;
}
html[data-skin="matrix"] .meal-reel-btn{
  background:rgba(239,243,234,.03)!important;
}
html[data-skin="matrix"] .meal-entry-hint{
  color:rgba(239,243,234,.46)!important;
  text-align:left!important;
}
html[data-skin="matrix"] .arcade-main-button{
  border-radius:8px!important;
}
html[data-skin="matrix"] .arcade-macro-grid{
  border-top:1px solid rgba(239,243,234,.09);
  padding-top:12px!important;
}
html[data-skin="matrix"] .arcade-macro-grid span{
  border-radius:4px!important;
  background:rgba(255,255,255,.02)!important;
}
html[data-skin="matrix"] .arcade-macro-grid small{
  letter-spacing:.16em;
}

/* ---------- Settings skin cards more accurate ---------- */
html[data-skin="matrix"] .orbit-skin-choice{
  border-radius:6px!important;
  background:rgba(239,243,234,.015)!important;
}
html[data-skin="matrix"] .osc-preview{
  border-radius:6px!important;
}
html[data-skin="matrix"] .osc-matrix{
  border-radius:4px!important;
}
html[data-skin="matrix"] .osc-matrix i:first-child{
  border-radius:0!important;
  clip-path:polygon(0 12%,12% 12%,12% 0,88% 0,88% 12%,100% 12%,100% 88%,88% 88%,88% 100%,12% 100%,12% 88%,0 88%);
}
html[data-skin="matrix"] .osc-matrix i:nth-child(2){
  width:34px!important;height:16px!important;border-radius:2px!important;
  transform:none!important;
  border-style:solid!important;
}

/* ---------- light mode counterpart ---------- */
html[data-skin="matrix"][data-theme="light"] .glass-card{
  background:
    linear-gradient(180deg,rgba(250,251,247,.96),rgba(235,237,232,.90)),
    linear-gradient(90deg,rgba(0,0,0,.015),transparent)!important;
  border-color:rgba(18,22,19,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 16px 36px rgba(22,28,24,.08)!important;
}
html[data-skin="matrix"][data-theme="light"] .glass-card::before{
  background:
    linear-gradient(90deg,rgba(18,22,19,.44) 0 8px,transparent 8px),
    linear-gradient(180deg,rgba(18,22,19,.44) 0 1px,transparent 1px),
    linear-gradient(180deg,rgba(18,22,19,.44) 0 8px,transparent 8px),
    linear-gradient(90deg,rgba(18,22,19,.44) 0 1px,transparent 1px);
}
html[data-skin="matrix"][data-theme="light"] .glass-card::after{
  border-top-color:rgba(18,22,19,.15);
  border-right-color:rgba(18,22,19,.15);
}
html[data-skin="matrix"][data-theme="light"] .blackhole-stage::after,
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-blackhole::after,
html[data-skin="matrix"][data-theme="light"] .oa-vortex::after{
  border-color:rgba(18,22,19,.08);
  background:
    linear-gradient(90deg,transparent 12%,rgba(18,22,19,.12) 12.1%,transparent 12.2% 87.8%,rgba(18,22,19,.12) 87.9%,transparent 88%),
    linear-gradient(180deg,transparent 12%,rgba(18,22,19,.12) 12.1%,transparent 12.2% 87.8%,rgba(18,22,19,.12) 87.9%,transparent 88%);
}
html[data-skin="matrix"][data-theme="light"] .food-cartoon{
  background:
    linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.52)),
    radial-gradient(circle,rgba(18,22,19,.12) .8px,transparent 1px) 0 0/6px 6px,
    #f4f5f1!important;
  border-color:rgba(18,22,19,.11)!important;
}
html[data-skin="matrix"][data-theme="light"] .food-cartoon::before{
  color:#151815!important;
  text-shadow:none!important;
}
html[data-skin="matrix"][data-theme="light"] .meal-reel-window{
  background:
    linear-gradient(180deg,rgba(251,252,249,.96),rgba(238,240,235,.92))!important;
}
html[data-skin="matrix"][data-theme="light"] .meal-reel-window p{
  color:rgba(18,22,19,.52)!important;
}
html[data-skin="matrix"][data-theme="light"] .meal-reel-window em{
  border-color:rgba(255,68,58,.26)!important;
}
html[data-skin="matrix"][data-theme="light"] .oa-panel::after{
  color:rgba(18,22,19,.32);
}

/* ---------- responsive cleanup ---------- */
@media(max-width:760px){
  html[data-skin="matrix"] .glass-card::after{width:30px;height:10px}
  html[data-skin="matrix"] .arcade-shell::before{position:static;display:block;margin-bottom:8px}
  html[data-skin="matrix"] .food-cartoon{width:68px!important;height:42px!important}
}


/* =====================================================================
   ORBIT V0.0.2.7 — MATRIX SYSTEM DEEP INTEGRATION
   Matrix-specific components replace the remaining Classic metaphors.
   ===================================================================== */

/* ---------- Smart Dock becomes a hardware command rail ---------- */
html[data-skin="matrix"] .bottom-nav{
  height:auto!important;
  padding:5px!important;
  gap:3px!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,rgba(12,14,12,.97),rgba(5,7,6,.96))!important;
  border:1px solid rgba(239,243,234,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 50px rgba(0,0,0,.42)!important;
}
html[data-skin="matrix"] .bottom-nav::before{
  content:"CTRL.BUS";
  position:absolute;
  left:10px;top:-13px;
  font-size:6px;
  letter-spacing:.18em;
  color:rgba(239,243,234,.24);
}
html[data-skin="matrix"] .bottom-nav button{
  min-width:0;
  min-height:42px;
  border-radius:3px!important;
  display:grid!important;
  place-items:center!important;
  padding:5px 4px!important;
  border:1px solid transparent;
  background:transparent!important;
}
html[data-skin="matrix"] .bottom-nav button .nav-ico,
html[data-skin="matrix"] .bottom-nav button>span:last-child{
  display:none!important;
}
html[data-skin="matrix"] .bottom-nav button::before{
  display:block;
  font-size:8px;
  line-height:1;
  letter-spacing:.10em;
  color:rgba(239,243,234,.46);
}
html[data-skin="matrix"] .bottom-nav button::after{
  position:static!important;
  display:block;
  width:auto!important;height:auto!important;
  margin-top:5px;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  font-size:6px;
  line-height:1;
  letter-spacing:.14em;
  color:rgba(239,243,234,.20);
}
html[data-skin="matrix"] .bottom-nav button[data-tab="home"]::before{content:"HME/01"}
html[data-skin="matrix"] .bottom-nav button[data-tab="diet"]::before{content:"NUT/02"}
html[data-skin="matrix"] .bottom-nav button[data-tab="fitness"]::before{content:"TRN/03"}
html[data-skin="matrix"] .bottom-nav button[data-tab="study"]::before{content:"RAD/04"}
html[data-skin="matrix"] .bottom-nav button[data-tab="projects"]::before{content:"PRJ/05"}
html[data-skin="matrix"] .bottom-nav button[data-tab="home"]::after{content:"CORE"}
html[data-skin="matrix"] .bottom-nav button[data-tab="diet"]::after{content:"MACRO"}
html[data-skin="matrix"] .bottom-nav button[data-tab="fitness"]::after{content:"LOAD"}
html[data-skin="matrix"] .bottom-nav button[data-tab="study"]::after{content:"INDEX"}
html[data-skin="matrix"] .bottom-nav button[data-tab="projects"]::after{content:"GRAPH"}
html[data-skin="matrix"] .bottom-nav button.active{
  border-color:rgba(239,243,234,.16)!important;
  background:
    linear-gradient(180deg,rgba(239,243,234,.055),rgba(239,243,234,.015))!important;
  box-shadow:inset 2px 0 0 var(--matrix-red)!important;
}
html[data-skin="matrix"] .bottom-nav button.active::before{color:#f2f5ed}
html[data-skin="matrix"] .bottom-nav button.active::after{color:rgba(255,68,58,.70)!important}

/* ---------- module loader = boot terminal, not orbit animation ---------- */
html[data-skin="matrix"] .orbit-module-loader{
  background:
    radial-gradient(circle,rgba(239,243,234,.045) .65px,transparent .9px) 0 0/9px 9px,
    rgba(2,4,3,.95)!important;
}
html[data-skin="matrix"] .oml-field{
  width:min(480px,88vw);
  display:grid;
  justify-items:stretch;
  text-align:left;
  gap:9px;
  padding:22px;
  border:1px solid rgba(239,243,234,.12);
  border-radius:6px;
  background:linear-gradient(180deg,rgba(14,17,14,.92),rgba(5,7,6,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
html[data-skin="matrix"] .oml-field::before{
  content:"ORBIT.OS / BOOT.SEQUENCE";
  font-size:7px;
  letter-spacing:.22em;
  color:rgba(239,243,234,.28);
}
html[data-skin="matrix"] .oml-field::after{
  content:"MEM.OK · IO.OK · SQLITE.OK";
  font-size:6px;
  letter-spacing:.15em;
  color:rgba(182,242,207,.38);
}
html[data-skin="matrix"] .oml-orbit{
  width:100%;
  height:52px;
  border-radius:3px;
  border:1px solid rgba(239,243,234,.10);
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(239,243,234,.12) 50%,transparent 50.2%),
    linear-gradient(180deg,transparent 49.8%,rgba(239,243,234,.12) 50%,transparent 50.2%),
    radial-gradient(circle,rgba(239,243,234,.10) .65px,transparent .9px) 0 0/7px 7px,
    #070907;
}
html[data-skin="matrix"] .oml-ring,
html[data-skin="matrix"] .oml-dot,
html[data-skin="matrix"] .oml-core{display:none!important}
html[data-skin="matrix"] .oml-orbit::before{
  content:"SCAN";
  position:absolute;
  left:8px;top:7px;
  font-size:7px;
  letter-spacing:.16em;
  color:rgba(255,68,58,.65);
}
html[data-skin="matrix"] .oml-orbit::after{
  content:"";
  position:absolute;
  left:0;top:50%;
  width:24%;height:1px;
  background:linear-gradient(90deg,transparent,var(--matrix-red),transparent);
  box-shadow:0 0 8px rgba(255,68,58,.5);
  animation:matrixLoaderScan 1.35s linear infinite;
}
@keyframes matrixLoaderScan{to{left:76%}}
html[data-skin="matrix"] .oml-kicker{
  color:rgba(239,243,234,.34)!important;
  letter-spacing:.18em!important;
}
html[data-skin="matrix"] #orbitModuleLoaderTitle{
  font-size:18px!important;
  letter-spacing:.02em!important;
}
html[data-skin="matrix"] #orbitModuleLoaderDetail{
  color:rgba(239,243,234,.48)!important;
}
html[data-skin="matrix"] .oml-track{
  height:4px!important;
  border-radius:0!important;
  background:rgba(239,243,234,.07)!important;
}
html[data-skin="matrix"] .oml-track i{
  border-radius:0!important;
  background:
    repeating-linear-gradient(90deg,#eef2e9 0 5px,transparent 5px 8px)!important;
  box-shadow:none!important;
}
html[data-skin="matrix"] #orbitModuleLoaderPct{
  justify-self:end;
  color:rgba(239,243,234,.42)!important;
}

/* ---------- Matrix achievements become system events ---------- */
html[data-skin="matrix"] .orbit-achievement.matrix-achievement{
  width:min(520px,calc(100vw - 24px));
  min-height:0;
  display:block!important;
  padding:0!important;
  border-radius:5px!important;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(16,19,16,.985),rgba(5,7,6,.98))!important;
  border:1px solid rgba(239,243,234,.16)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-skin="matrix"] .matrix-event-head{
  height:29px;
  display:grid;
  grid-template-columns:1fr auto 8px;
  align-items:center;
  gap:9px;
  padding:0 10px;
  border-bottom:1px solid rgba(239,243,234,.09);
  background:rgba(255,255,255,.018);
}
html[data-skin="matrix"] .matrix-event-head span{
  font-size:7px;
  letter-spacing:.20em;
  color:rgba(239,243,234,.42);
}
html[data-skin="matrix"] .matrix-event-head b{
  font-size:7px;
  font-weight:500;
  color:rgba(239,243,234,.24);
}
html[data-skin="matrix"] .matrix-event-head i{
  width:5px;height:5px;
  border-radius:1px;
  background:var(--matrix-red);
  box-shadow:0 0 9px rgba(255,68,58,.68);
}
html[data-skin="matrix"] .matrix-event-body{
  display:grid;
  grid-template-columns:68px 1fr;
  gap:14px;
  align-items:center;
  padding:14px;
}
html[data-skin="matrix"] .matrix-event-glyph{
  position:relative;
  width:62px;height:62px;
  display:grid;place-items:center;
  border:1px solid rgba(239,243,234,.13);
  background:
    radial-gradient(circle,rgba(239,243,234,.14) .75px,transparent 1px) 0 0/6px 6px,
    #070907;
}
html[data-skin="matrix"] .matrix-event-glyph::before,
html[data-skin="matrix"] .matrix-event-glyph::after{
  content:"";
  position:absolute;
  background:rgba(239,243,234,.20);
}
html[data-skin="matrix"] .matrix-event-glyph::before{left:50%;top:7px;bottom:7px;width:1px}
html[data-skin="matrix"] .matrix-event-glyph::after{top:50%;left:7px;right:7px;height:1px}
html[data-skin="matrix"] .matrix-event-glyph>span{
  position:relative;z-index:2;
  display:grid;place-items:center;
  width:25px;height:25px;
  background:#070907;
  border:1px solid rgba(239,243,234,.22);
  color:#eef2e9;
  font-size:14px;
}
html[data-skin="matrix"] .matrix-event-glyph>i{
  position:absolute;
  right:5px;top:5px;
  width:4px;height:4px;
  background:var(--matrix-red);
  box-shadow:0 0 8px rgba(255,68,58,.6);
}
html[data-skin="matrix"] .matrix-event-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
html[data-skin="matrix"] .matrix-event-copy small{
  font-size:6px;
  letter-spacing:.18em;
  color:rgba(255,68,58,.62);
}
html[data-skin="matrix"] .matrix-event-copy strong{
  font-size:16px!important;
  font-weight:650!important;
  color:#f0f3ed!important;
}
html[data-skin="matrix"] .matrix-event-copy b{
  font-size:8px;
  font-weight:500;
  letter-spacing:.09em;
  color:rgba(239,243,234,.48);
}
html[data-skin="matrix"] .matrix-event-copy p{
  margin:3px 0 0;
  font-size:8px;
  line-height:1.45;
  color:rgba(239,243,234,.38);
}
html[data-skin="matrix"] .matrix-event-foot{
  height:27px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;
  padding:0 10px;
  border-top:1px solid rgba(239,243,234,.07);
}
html[data-skin="matrix"] .matrix-event-foot span,
html[data-skin="matrix"] .matrix-event-foot b{
  font-size:6px;
  font-weight:500;
  letter-spacing:.14em;
  color:rgba(239,243,234,.22);
}
html[data-skin="matrix"] .matrix-event-foot i{
  height:1px;
  background:repeating-linear-gradient(90deg,rgba(239,243,234,.16) 0 5px,transparent 5px 8px);
}
html[data-skin="matrix"] .daily-achievement.matrix-achievement{
  border-color:rgba(182,242,207,.18)!important;
}
html[data-skin="matrix"] .daily-achievement.matrix-achievement .matrix-event-head i{
  background:#b2f2cf;
  box-shadow:0 0 9px rgba(178,242,207,.52);
}
html[data-skin="matrix"] .daily-achievement.matrix-achievement .matrix-event-copy small{
  color:rgba(178,242,207,.64);
}

/* ---------- Nutrition Core: remove remaining capsule hardware metaphor ---------- */
html[data-skin="matrix"] .matrix-arcade .arcade-control-stack{
  align-self:stretch;
}
html[data-skin="matrix"] .matrix-arcade .arcade-ignition{
  min-height:190px;
  border-radius:6px!important;
  border:1px solid rgba(239,243,234,.12)!important;
  padding:10px!important;
  background:
    linear-gradient(180deg,rgba(17,20,17,.98),rgba(6,8,7,.98))!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  overflow:hidden;
}
html[data-skin="matrix"] .matrix-arcade .arcade-ignition::before{
  inset:6px!important;
  border-radius:3px!important;
  border-color:rgba(239,243,234,.055)!important;
}
html[data-skin="matrix"] .matrix-arcade .arcade-ignition::after{
  content:"NUTRI.EXEC / REROLL.03";
  position:absolute;
  left:12px;top:10px;
  font-size:6px;
  letter-spacing:.18em;
  color:rgba(239,243,234,.25);
}
html[data-skin="matrix"] .matrix-arcade .capsule-shell{
  width:100%!important;
  height:auto!important;
  min-height:126px;
  border-radius:3px!important;
  padding:22px 10px 12px!important;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(239,243,234,.11) 50%,transparent 50.3%),
    linear-gradient(180deg,transparent 49.7%,rgba(239,243,234,.11) 50%,transparent 50.3%),
    radial-gradient(circle,rgba(239,243,234,.10) .75px,transparent 1px) 0 0/7px 7px,
    #070907!important;
  border:1px solid rgba(239,243,234,.10)!important;
  box-shadow:inset 0 0 24px rgba(0,0,0,.28)!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-ring,
html[data-skin="matrix"] .matrix-arcade .capsule-dock{
  display:none!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-window{
  position:relative!important;
  width:70px!important;
  height:70px!important;
  border-radius:2px!important;
  border:1px solid rgba(239,243,234,.18)!important;
  background:#060806!important;
  box-shadow:
    inset 0 0 0 8px rgba(239,243,234,.018),
    0 0 0 1px rgba(0,0,0,.6)!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-window::before,
html[data-skin="matrix"] .matrix-arcade .capsule-window::after{
  content:"";
  position:absolute;
  background:rgba(239,243,234,.16);
}
html[data-skin="matrix"] .matrix-arcade .capsule-window::before{
  left:50%;top:5px;bottom:5px;width:1px;
}
html[data-skin="matrix"] .matrix-arcade .capsule-window::after{
  top:50%;left:5px;right:5px;height:1px;
}
html[data-skin="matrix"] .matrix-arcade .window-glow{
  display:none!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-window b{
  position:relative;z-index:2;
  color:#f2f5ed!important;
  font-size:12px!important;
  letter-spacing:.08em!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-window small{
  position:relative;z-index:2;
  font-size:6px!important;
  color:rgba(255,68,58,.72)!important;
  letter-spacing:.16em!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-status{
  position:static!important;
  margin-top:7px;
  font-size:6px!important;
  letter-spacing:.14em!important;
  color:rgba(239,243,234,.35)!important;
}
html[data-skin="matrix"] .matrix-arcade .capsule-status i{
  border-radius:1px!important;
  background:#b2f2cf!important;
  box-shadow:0 0 7px rgba(178,242,207,.45)!important;
}
html[data-skin="matrix"] .matrix-arcade .ignition-copy{
  border-top:1px solid rgba(239,243,234,.08);
  padding-top:9px;
  text-align:left!important;
}
html[data-skin="matrix"] .matrix-arcade .ignition-copy b{
  font-size:9px!important;
  letter-spacing:.05em!important;
}
html[data-skin="matrix"] .matrix-arcade .ignition-copy small{
  font-size:6px!important;
  letter-spacing:.15em!important;
  color:rgba(239,243,234,.28)!important;
}
html[data-skin="matrix"] .matrix-arcade .arcade-combo-choose{
  border-radius:5px!important;
  border-color:rgba(239,243,234,.12)!important;
  background:rgba(239,243,234,.025)!important;
}
html[data-skin="matrix"] .matrix-arcade .arcade-combo-choose b{
  letter-spacing:.06em;
}
html[data-skin="matrix"] .matrix-arcade .arcade-combo-choose small{
  letter-spacing:.13em;
}

/* ---------- footer becomes machine plate ---------- */
html[data-skin="matrix"] .orbit-disclaimer{
  border-top:1px solid rgba(239,243,234,.065);
  border-bottom:1px solid rgba(239,243,234,.045);
  background:rgba(255,255,255,.008);
}
html[data-skin="matrix"] .orbit-disclaimer span{
  letter-spacing:.18em;
}
html[data-skin="matrix"] .orbit-copyright{
  letter-spacing:.12em;
  text-transform:uppercase;
}
html[data-skin="matrix"] .orbit-copyright::before{
  content:"SYS.FOOTER / ";
  color:rgba(255,68,58,.42);
}

/* ---------- light matrix equivalents ---------- */
html[data-skin="matrix"][data-theme="light"] .bottom-nav{
  background:rgba(240,242,237,.96)!important;
  border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button::before{
  color:rgba(18,22,19,.48);
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button::after{
  color:rgba(18,22,19,.22)!important;
}
html[data-skin="matrix"][data-theme="light"] .bottom-nav button.active::before{
  color:#151815;
}
html[data-skin="matrix"][data-theme="light"] .oml-field,
html[data-skin="matrix"][data-theme="light"] .matrix-achievement,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .arcade-ignition{
  background:linear-gradient(180deg,rgba(248,250,246,.98),rgba(232,235,230,.98))!important;
  color:#151815!important;
  border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .oml-orbit,
html[data-skin="matrix"][data-theme="light"] .matrix-event-glyph,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-shell,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window{
  background:
    radial-gradient(circle,rgba(18,22,19,.10) .75px,transparent 1px) 0 0/7px 7px,
    #f1f2ee!important;
  border-color:rgba(18,22,19,.11)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy strong,
html[data-skin="matrix"][data-theme="light"] .matrix-arcade .capsule-window b{
  color:#151815!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-event-head,
html[data-skin="matrix"][data-theme="light"] .matrix-event-foot{
  border-color:rgba(18,22,19,.08);
}
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy b,
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy p,
html[data-skin="matrix"][data-theme="light"] .matrix-event-head span,
html[data-skin="matrix"][data-theme="light"] .matrix-event-foot span,
html[data-skin="matrix"][data-theme="light"] .matrix-event-foot b{
  color:rgba(18,22,19,.42);
}

@media(max-width:620px){
  html[data-skin="matrix"] .matrix-event-body{
    grid-template-columns:54px 1fr;
    gap:10px;
    padding:11px;
  }
  html[data-skin="matrix"] .matrix-event-glyph{
    width:50px;height:50px;
  }
  html[data-skin="matrix"] .matrix-event-copy strong{font-size:14px!important}
  html[data-skin="matrix"] .bottom-nav button::before{font-size:7px}
  html[data-skin="matrix"] .bottom-nav button::after{font-size:5px}
}


/* =====================================================================
   ORBIT V0.0.2.8 — MATRIX REPORT STUDIO
   ===================================================================== */
html[data-skin="matrix"] .matrix-poster-backdrop{
  background:
    radial-gradient(circle,rgba(238,242,233,.035) .7px,transparent 1px) 0 0/10px 10px,
    rgba(2,4,3,.90)!important;
}
html[data-skin="matrix"] .matrix-poster-modal{
  max-width:min(760px,94vw)!important;
  border-radius:6px!important;
  border:1px solid rgba(238,242,233,.14)!important;
  background:linear-gradient(180deg,rgba(14,17,14,.985),rgba(5,7,6,.985))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.64)!important;
}
html[data-skin="matrix"] .matrix-poster-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:start;
  padding:4px 0 14px;
  border-bottom:1px solid rgba(238,242,233,.09);
}
html[data-skin="matrix"] .matrix-poster-head>div{
  display:grid;
  gap:5px;
}
html[data-skin="matrix"] .matrix-poster-head span{
  font-size:7px;
  letter-spacing:.22em;
  color:rgba(255,68,58,.68);
}
html[data-skin="matrix"] .matrix-poster-head h2{
  margin:0;
  font-size:18px;
  font-weight:650;
  letter-spacing:.01em;
}
html[data-skin="matrix"] .matrix-poster-head small{
  font-size:7px;
  letter-spacing:.15em;
  color:rgba(238,242,233,.28);
}
html[data-skin="matrix"] .matrix-poster-status{
  min-height:32px;
  display:grid;
  grid-template-columns:7px auto 1fr auto;
  gap:9px;
  align-items:center;
  margin:10px 0;
  padding:0 9px;
  border:1px solid rgba(238,242,233,.08);
  background:rgba(238,242,233,.015);
}
html[data-skin="matrix"] .matrix-poster-status i{
  width:5px;height:5px;
  border-radius:1px;
  background:#b2f2cf;
  box-shadow:0 0 7px rgba(178,242,207,.45);
}
html[data-skin="matrix"] .matrix-poster-status span,
html[data-skin="matrix"] .matrix-poster-status b,
html[data-skin="matrix"] .matrix-poster-status em{
  font-size:6px;
  font-style:normal;
  font-weight:500;
  letter-spacing:.13em;
  color:rgba(238,242,233,.30);
}
html[data-skin="matrix"] .matrix-poster-status b{
  color:rgba(238,242,233,.48);
}
html[data-skin="matrix"] .matrix-poster-preview-wrap{
  border-radius:3px!important;
  border:1px solid rgba(238,242,233,.10);
  background:#030503!important;
  padding:8px!important;
}
html[data-skin="matrix"] .matrix-poster-preview-wrap::before{
  content:"LIVE PREVIEW / STATE.CAPTURE";
  display:block;
  margin:0 0 7px;
  font-size:6px;
  letter-spacing:.17em;
  color:rgba(238,242,233,.22);
}
html[data-skin="matrix"] .matrix-poster-preview-wrap img{
  border-radius:1px!important;
}
html[data-skin="matrix"] .matrix-poster-actions{
  border-top:1px solid rgba(238,242,233,.08);
  padding-top:10px;
}
html[data-skin="matrix"] .matrix-poster-actions .ghost-btn,
html[data-skin="matrix"] .matrix-poster-actions .primary-btn{
  border-radius:4px!important;
  letter-spacing:.12em!important;
  font-size:7px!important;
}

html[data-skin="matrix"][data-theme="light"] .matrix-poster-modal{
  background:linear-gradient(180deg,rgba(249,250,247,.99),rgba(233,236,230,.99))!important;
  color:#151815!important;
  border-color:rgba(18,22,19,.12)!important;
}
html[data-skin="matrix"][data-theme="light"] .matrix-poster-head,
html[data-skin="matrix"][data-theme="light"] .matrix-poster-actions{
  border-color:rgba(18,22,19,.08);
}
html[data-skin="matrix"][data-theme="light"] .matrix-poster-status{
  border-color:rgba(18,22,19,.09);
  background:rgba(18,22,19,.015);
}
html[data-skin="matrix"][data-theme="light"] .matrix-poster-head small,
html[data-skin="matrix"][data-theme="light"] .matrix-poster-status span,
html[data-skin="matrix"][data-theme="light"] .matrix-poster-status b,
html[data-skin="matrix"][data-theme="light"] .matrix-poster-status em{
  color:rgba(18,22,19,.42);
}


/* =====================================================================
   ORBIT V0.0.2.9 — MATRIX polish only
   ===================================================================== */
html[data-skin="matrix"] .orbit-skin-choice[data-orbit-skin-choice="matrix"] strong{
  letter-spacing:.12em;
}
html[data-skin="matrix"] .orbit-welcome-wordmark,
html[data-skin="matrix"] .oa-seal,
html[data-skin="matrix"] .matrix-event-copy strong,
html[data-skin="matrix"] .section-head h2,
html[data-skin="matrix"] .vision-title{
  position:relative;
  isolation:isolate;
}
html[data-skin="matrix"] .orbit-welcome-wordmark::before,
html[data-skin="matrix"] .oa-seal::before,
html[data-skin="matrix"] .matrix-event-copy strong::before,
html[data-skin="matrix"] .section-head h2::before,
html[data-skin="matrix"] .vision-title::before{
  content:"";
  position:absolute;
  inset:4px 0 0 0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle,rgba(238,242,233,.24) .85px,transparent 1.3px) 0 0/5px 5px;
  opacity:.40;
  filter:drop-shadow(0 0 5px rgba(238,242,233,.10)) drop-shadow(0 0 12px rgba(238,242,233,.04));
  mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 22%,rgba(0,0,0,.88) 78%,transparent 100%);
  -webkit-mask:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.88) 22%,rgba(0,0,0,.88) 78%,transparent 100%);
}
html[data-skin="matrix"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"] .oa-seal span,
html[data-skin="matrix"] .matrix-event-copy strong,
html[data-skin="matrix"] .section-head h2,
html[data-skin="matrix"] .vision-title{
  color:#f0f3ec!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 1px rgba(255,255,255,.42),0 0 10px rgba(238,242,233,.10);
}
html[data-skin="matrix"] .glass-card,
html[data-skin="matrix"] .vision-overlay-panel,
html[data-skin="matrix"] .matrix-poster-modal,
html[data-skin="matrix"] .bottom-nav,
html[data-skin="matrix"] .orbit-achievement.matrix-achievement{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 16px 44px rgba(0,0,0,.34),
    0 0 12px rgba(238,242,233,.03),
    0 0 24px rgba(238,242,233,.028)!important;
}
html[data-skin="matrix"] .matrix-event-head i,
html[data-skin="matrix"] .matrix-event-glyph>i,
html[data-skin="matrix"] .matrix-poster-status i,
html[data-skin="matrix"] .matrix-arcade .capsule-status i{
  box-shadow:0 0 10px rgba(255,68,58,.68),0 0 22px rgba(255,68,58,.18)!important;
}
html[data-skin="matrix"] #visionOverlay.matrix-vision-overlay .vision-overlay-panel{
  border:1px solid rgba(238,242,233,.14)!important;
  background:
    linear-gradient(180deg,rgba(12,14,12,.97),rgba(4,6,5,.97)),
    radial-gradient(circle,rgba(238,242,233,.03) .7px,transparent 1px) 0 0/8px 8px!important;
}
html[data-skin="matrix"] #visionOverlay.matrix-vision-overlay .impact-word{
  color:rgba(238,242,233,.22)!important;
  text-shadow:0 0 12px rgba(238,242,233,.10);
}
html[data-skin="matrix"] #visionOverlay.matrix-vision-overlay .vision-overlay-copy .section-kicker{
  letter-spacing:.18em;
}
html[data-skin="matrix"] #visionOverlay.matrix-vision-overlay [data-vision-stage]{
  min-height:2.8em;
}
html[data-skin="matrix"] #visionOverlay.matrix-vision-overlay [data-vision-sub]{
  font-family:Consolas,Cascadia Mono,Microsoft YaHei,monospace;
  color:rgba(238,242,233,.42)!important;
}
html[data-skin="matrix"] .section-head .section-kicker{
  letter-spacing:.18em;
}
html[data-skin="matrix"] .opportunity-card,
html[data-skin="matrix"] .job-page-card,
html[data-skin="matrix"] .ai-shortlist-open{
  position:relative;
}
html[data-skin="matrix"] .opportunity-card::after,
html[data-skin="matrix"] .job-page-card::after,
html[data-skin="matrix"] .ai-shortlist-open::after{
  content:"";
  position:absolute;
  right:10px;top:10px;
  width:34px;height:10px;
  border-top:1px solid rgba(238,242,233,.14);
  border-right:1px solid rgba(238,242,233,.14);
  opacity:.5;
  pointer-events:none;
}
html[data-skin="matrix"] .error-card.matrix-error-card{
  border-radius:6px!important;
  text-align:left!important;
}
html[data-skin="matrix"] .error-card.matrix-error-card b{
  display:block;
  font-family:Consolas,Cascadia Mono,Microsoft YaHei,monospace;
  letter-spacing:.08em;
  margin-bottom:8px;
}
html[data-skin="matrix"] .error-card.matrix-error-card small{
  display:block;
  margin:6px 0 12px;
  color:rgba(255,68,58,.65);
  line-height:1.5;
}
html[data-skin="matrix"] .bottom-nav{
  padding-inline:6px!important;
}
html[data-skin="matrix"] .bottom-nav button::before,
html[data-skin="matrix"] .bottom-nav button::after{
  white-space:nowrap;
}
html[data-skin="matrix"] .matrix-poster-head h2{
  line-height:1.2;
}
@media(max-width:420px){
  html[data-skin="matrix"] .bottom-nav button::before{font-size:6px}
  html[data-skin="matrix"] .bottom-nav button::after{font-size:5px}
  html[data-skin="matrix"] .matrix-event-copy strong{font-size:13px!important}
  html[data-skin="matrix"] .section-head h2{font-size:18px}
  html[data-skin="matrix"] .vision-title{font-size:18px!important}
}
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-wordmark::before,
html[data-skin="matrix"][data-theme="light"] .oa-seal::before,
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy strong::before,
html[data-skin="matrix"][data-theme="light"] .section-head h2::before,
html[data-skin="matrix"][data-theme="light"] .vision-title::before{
  background:radial-gradient(circle,rgba(18,22,19,.18) .85px,transparent 1.3px) 0 0/5px 5px;
  opacity:.28;
  filter:none;
}
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"][data-theme="light"] .oa-seal span,
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy strong,
html[data-skin="matrix"][data-theme="light"] .section-head h2,
html[data-skin="matrix"][data-theme="light"] .vision-title{
  color:#151815!important;
  text-shadow:0 0 1px rgba(18,22,19,.18),0 0 8px rgba(18,22,19,.05);
}


/* =====================================================================
   ORBIT V0.0.3.0 — MATRIX FITNESS / DOT READABILITY HOTFIX
   Classic skin is intentionally untouched.
   ===================================================================== */

/* 2.9 placed dot texture behind text. Kill that layer completely. */
html[data-skin="matrix"] .orbit-welcome-wordmark::before,
html[data-skin="matrix"] .oa-seal::before,
html[data-skin="matrix"] .matrix-event-copy strong::before,
html[data-skin="matrix"] .section-head h2::before,
html[data-skin="matrix"] .vision-title::before{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}

/* Text is always a normal solid foreground layer. */
html[data-skin="matrix"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"] .oa-seal span,
html[data-skin="matrix"] .matrix-event-copy strong,
html[data-skin="matrix"] .section-head h2,
html[data-skin="matrix"] .vision-title{
  position:relative;
  z-index:2;
  color:#f0f3ec!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  filter:none!important;
  text-shadow:0 0 1px rgba(255,255,255,.30),0 0 8px rgba(238,242,233,.07)!important;
}

/* Dot matrix now lives BELOW text, never underneath glyphs. */
html[data-skin="matrix"] .section-head h2::after,
html[data-skin="matrix"] .vision-title::after,
html[data-skin="matrix"] .matrix-event-copy strong::after,
html[data-skin="matrix"] .orbit-welcome-wordmark h1::after{
  content:"";
  display:block;
  width:min(118px,58%);
  height:8px;
  margin-top:7px;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(238,242,233,.45) .8px,transparent 1.25px) 0 0/5px 5px;
  opacity:.42;
  filter:
    drop-shadow(0 0 3px rgba(238,242,233,.18))
    drop-shadow(0 0 8px rgba(238,242,233,.06));
}
html[data-skin="matrix"] .vision-title::after{
  width:92px;
  margin-top:9px;
}
html[data-skin="matrix"] .matrix-event-copy strong::after{
  width:76px;
  height:7px;
  margin-top:5px;
}
html[data-skin="matrix"] .orbit-welcome-wordmark h1::after{
  width:132px;
  margin:10px auto 0;
}

/* No dot strip inside the compact access seal: keep it crystal clear. */
html[data-skin="matrix"] .oa-seal span::after{
  content:none!important;
  display:none!important;
}

/* Light MATRIX uses a dark dot strip beneath text. */
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-wordmark h1,
html[data-skin="matrix"][data-theme="light"] .oa-seal span,
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy strong,
html[data-skin="matrix"][data-theme="light"] .section-head h2,
html[data-skin="matrix"][data-theme="light"] .vision-title{
  color:#151815!important;
  text-shadow:0 0 1px rgba(18,22,19,.14)!important;
}
html[data-skin="matrix"][data-theme="light"] .section-head h2::after,
html[data-skin="matrix"][data-theme="light"] .vision-title::after,
html[data-skin="matrix"][data-theme="light"] .matrix-event-copy strong::after,
html[data-skin="matrix"][data-theme="light"] .orbit-welcome-wordmark h1::after{
  background:
    radial-gradient(circle,rgba(18,22,19,.34) .8px,transparent 1.25px) 0 0/5px 5px;
  opacity:.32;
  filter:none;
}

/* ==========================================================
   MATRIX / FITNESS performance guard
   The Matrix fitness page uses opaque hardware panels already,
   so expensive live backdrop blur is unnecessary there.
   ========================================================== */
html[data-skin="matrix"] .fitness-orbit-page .glass-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Remove the old generic floating module-orbit decoration from Matrix. */
html[data-skin="matrix"] .fitness-orbit-page::before,
html[data-skin="matrix"] .fitness-orbit-page::after{
  display:none!important;
  animation:none!important;
}

/* Keep the decision glyph, but stop its perpetual repaint loop. */
html[data-skin="matrix"] .fitness-orbit-glyph::before{
  animation:none!important;
}
html[data-skin="matrix"] .fitness-orbit-glyph i{
  box-shadow:0 0 8px rgba(255,68,58,.38)!important;
}

/* Fitness controls: prevent accidental width expansion on narrow phones. */
html[data-skin="matrix"] .fitness-plan-head,
html[data-skin="matrix"] .fitness-todo-main,
html[data-skin="matrix"] .fitness-todo-main>span,
html[data-skin="matrix"] .fitness-todo-main strong,
html[data-skin="matrix"] .fitness-todo-main small,
html[data-skin="matrix"] .fitness-decision-orbit>div{
  min-width:0;
}
html[data-skin="matrix"] .fitness-todo-main strong,
html[data-skin="matrix"] .fitness-todo-main small,
html[data-skin="matrix"] .fitness-decision-orbit p{
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Lower-end mobile GPUs: keep Matrix sharp, not blurry-heavy. */
@media(max-width:760px){
  html[data-skin="matrix"] .fitness-orbit-page .glass-card{
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 10px 26px rgba(0,0,0,.24)!important;
  }
  html[data-skin="matrix"] .section-head h2::after{
    width:82px;
    opacity:.34;
  }
}


/* =====================================================================
   ORBIT V0.0.3.2 — MATRIX ISOLATED
   ===================================================================== */
html[data-skin="matrix"] .matrix-metric-card{min-height:196px!important;align-content:start!important;justify-items:stretch!important;gap:8px!important;padding:12px!important;border-radius:7px!important;background:linear-gradient(180deg,rgba(15,18,15,.96),rgba(6,8,7,.95))!important;border:1px solid rgba(238,242,233,.14)!important}
html[data-skin="matrix"] .matrix-metric-head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;min-height:19px;border-bottom:1px solid rgba(238,242,233,.08);padding-bottom:7px}
html[data-skin="matrix"] .matrix-metric-head span,html[data-skin="matrix"] .matrix-metric-head b{font:600 7px/1 Consolas,Cascadia Mono,monospace;letter-spacing:.14em;color:rgba(238,242,233,.44)}
html[data-skin="matrix"] .matrix-metric-head i{height:1px;background:repeating-linear-gradient(90deg,rgba(238,242,233,.17) 0 6px,transparent 6px 10px)}
html[data-skin="matrix"] .matrix-metric-ring-shell{position:relative;width:118px;height:118px;margin:4px auto 0;display:grid;place-items:center}
html[data-skin="matrix"] .matrix-metric-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
html[data-skin="matrix"] .matrix-ring-track,html[data-skin="matrix"] .matrix-ring-value,html[data-skin="matrix"] .matrix-ring-inner{fill:none;vector-effect:non-scaling-stroke}
html[data-skin="matrix"] .matrix-ring-track{stroke:rgba(238,242,233,.11);stroke-width:10}
html[data-skin="matrix"] .matrix-ring-value{stroke:#F0F3EC;stroke-width:10;stroke-dasharray:var(--matrix-p) calc(100 - var(--matrix-p));stroke-linecap:butt;transform:rotate(-90deg);transform-origin:60px 60px;filter:drop-shadow(0 0 4px rgba(238,242,233,.24))}
html[data-skin="matrix"] .matrix-ring-inner{stroke:rgba(238,242,233,.11);stroke-width:1;stroke-dasharray:2 4}
html[data-skin="matrix"] .matrix-metric-readout{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:center;gap:2px;min-width:72px;padding:4px 7px 3px;background:#070907}
html[data-skin="matrix"] .matrix-metric-readout strong{font:700 31px/1 Consolas,Cascadia Mono,monospace!important;letter-spacing:-.07em!important;color:#F4F6F1!important;-webkit-text-fill-color:#F4F6F1!important;background:none!important;text-shadow:0 0 9px rgba(238,242,233,.13)!important}
html[data-skin="matrix"] .matrix-metric-readout small{font:600 10px/1 Consolas,monospace;color:rgba(238,242,233,.52)!important}
html[data-skin="matrix"] .matrix-metric-marker{position:absolute;top:4px;left:50%;width:5px;height:5px;margin-left:-2.5px;background:#FF443A;box-shadow:0 0 10px rgba(255,68,58,.72)}
html[data-skin="matrix"] .matrix-metric-copy{display:grid;gap:3px;text-align:center;min-width:0}
html[data-skin="matrix"] .matrix-metric-copy strong{font:650 11px/1.3 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;color:#F0F3EC!important;letter-spacing:0!important}
html[data-skin="matrix"] .matrix-metric-copy small{min-height:20px;font-size:7px!important;line-height:1.45;color:rgba(238,242,233,.47)!important;overflow-wrap:anywhere}

html[data-skin="matrix"] .share-orbit-card .share-orbit-planet-system[hidden]{display:none!important}
html[data-skin="matrix"] .matrix-report-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
html[data-skin="matrix"] .matrix-report-node{min-width:0;min-height:154px;display:grid;grid-template-rows:66px 1fr;position:relative;text-align:left;padding:11px;color:#F0F3EC;border:1px solid rgba(238,242,233,.11);border-radius:5px;background:rgba(238,242,233,.012);cursor:pointer;overflow:hidden}
html[data-skin="matrix"] .matrix-report-node:hover{border-color:rgba(238,242,233,.25);background:rgba(238,242,233,.026)}
html[data-skin="matrix"] .matrix-report-node.featured{border-color:rgba(255,68,58,.18)}
html[data-skin="matrix"] .matrix-report-node>b{position:absolute;right:9px;top:8px;font:600 7px/1 Consolas,monospace;color:rgba(238,242,233,.23)}
html[data-skin="matrix"] .matrix-report-visual{position:relative;width:100%;height:56px;border:1px solid rgba(238,242,233,.08);background:linear-gradient(90deg,transparent 49.7%,rgba(238,242,233,.07) 50%,transparent 50.3%),radial-gradient(circle,rgba(238,242,233,.12) .7px,transparent 1px) 0 0/7px 7px}
html[data-skin="matrix"] .matrix-report-visual i{position:absolute;width:4px;height:4px;background:rgba(238,242,233,.68);box-shadow:0 0 6px rgba(238,242,233,.16)}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(1){left:14%;top:62%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(2){left:30%;top:28%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(3){left:47%;top:48%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(4){left:67%;top:21%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(5){left:83%;top:60%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(6){left:57%;top:76%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(7){left:22%;top:80%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(8){left:76%;top:82%}
html[data-skin="matrix"] .matrix-report-visual i:nth-child(9){left:91%;top:34%;background:#FF443A;box-shadow:0 0 8px rgba(255,68,58,.54)}
html[data-skin="matrix"] .matrix-report-copy{display:grid;align-content:end;gap:3px}
html[data-skin="matrix"] .matrix-report-copy small{font:600 7px/1 Consolas,monospace;letter-spacing:.14em;color:rgba(255,68,58,.62)!important}
html[data-skin="matrix"] .matrix-report-copy strong{font:650 15px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;color:#F0F3EC!important;letter-spacing:0!important}
html[data-skin="matrix"] .matrix-report-copy em{font-style:normal;font-size:7px;color:rgba(238,242,233,.44);line-height:1.45}

html[data-skin="matrix"] .exam-planet-system[hidden],html[data-skin="matrix"] .exam-focus-title[hidden],html[data-skin="matrix"] .exam-focus-carousel[hidden]{display:none!important}
html[data-skin="matrix"] .matrix-exam-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 14px}
html[data-skin="matrix"] .matrix-exam-channel{min-width:0;min-height:118px;display:grid;align-content:space-between;gap:8px;padding:10px;text-align:left;color:#F0F3EC;border:1px solid rgba(238,242,233,.10);border-radius:5px;background:rgba(238,242,233,.012);cursor:pointer}
html[data-skin="matrix"] .matrix-exam-channel.active{border-color:rgba(238,242,233,.28);box-shadow:inset 2px 0 0 #FF443A;background:rgba(238,242,233,.025)}
html[data-skin="matrix"] .matrix-exam-channel>span{display:flex;align-items:center;gap:7px}
html[data-skin="matrix"] .matrix-exam-channel small{font:600 7px/1 Consolas,monospace;color:rgba(255,68,58,.66)!important}
html[data-skin="matrix"] .matrix-exam-channel strong{font:650 13px/1.2 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;color:#F0F3EC!important}
html[data-skin="matrix"] .matrix-exam-channel p{margin:0;font-size:7px;line-height:1.45;color:rgba(238,242,233,.42)!important}
html[data-skin="matrix"] .matrix-exam-channel>div{display:flex;justify-content:space-between;gap:7px;align-items:end}
html[data-skin="matrix"] .matrix-exam-channel>div b{font:700 20px/1 Consolas,monospace}
html[data-skin="matrix"] .matrix-exam-channel>div em{max-width:62%;text-align:right;font-style:normal;font-size:7px;color:rgba(238,242,233,.42)}

html[data-skin="matrix"] .exam-focus-card:has(.matrix-exam-focus-shell){border-radius:7px!important;background:linear-gradient(180deg,rgba(15,18,15,.98),rgba(6,8,7,.95))!important}
html[data-skin="matrix"] .matrix-exam-focus-shell{display:grid;gap:14px}
html[data-skin="matrix"] .matrix-exam-focus-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-bottom:1px solid rgba(238,242,233,.08);padding-bottom:10px}
html[data-skin="matrix"] .matrix-exam-focus-head span,html[data-skin="matrix"] .matrix-exam-focus-head em{font-size:7px;letter-spacing:.13em;font-style:normal;color:rgba(238,242,233,.42)}
html[data-skin="matrix"] .matrix-exam-focus-head i{height:1px;background:repeating-linear-gradient(90deg,rgba(238,242,233,.14) 0 7px,transparent 7px 11px)}
html[data-skin="matrix"] .matrix-exam-focus-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}
html[data-skin="matrix"] .matrix-exam-focus-copy{min-width:0}
html[data-skin="matrix"] .matrix-exam-focus-copy>small{font:600 8px/1 Consolas,monospace;letter-spacing:.12em;color:rgba(255,68,58,.68)!important}
html[data-skin="matrix"] .matrix-exam-focus-copy h2{margin:8px 0 6px;font:650 clamp(22px,3vw,34px)/1.1 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;letter-spacing:-.03em!important}
html[data-skin="matrix"] .matrix-exam-focus-copy p{margin:0;color:rgba(238,242,233,.50)!important}
html[data-skin="matrix"] .matrix-exam-date{margin-top:12px;font:600 10px/1 Consolas,monospace;color:rgba(238,242,233,.66)}
html[data-skin="matrix"] .matrix-exam-days{display:flex;align-items:baseline;gap:7px}
html[data-skin="matrix"] .matrix-exam-days strong{font:700 clamp(58px,9vw,98px)/.8 Consolas,monospace!important;letter-spacing:-.09em!important;color:#F2F4EF!important}
html[data-skin="matrix"] .matrix-exam-days span{font-size:10px;color:rgba(238,242,233,.42)}
html[data-skin="matrix"] .matrix-exam-progress>div:first-child{display:flex;justify-content:space-between;font-size:8px;color:rgba(238,242,233,.42);margin-bottom:7px}
html[data-skin="matrix"] .matrix-exam-track{height:7px;background:rgba(238,242,233,.08)}
html[data-skin="matrix"] .matrix-exam-track i{display:block;height:100%;background:repeating-linear-gradient(90deg,#F0F3EC 0 7px,transparent 7px 10px);position:relative}
html[data-skin="matrix"] .matrix-exam-track i::after{content:"";position:absolute;right:0;top:-1px;width:3px;height:9px;background:#FF443A;box-shadow:0 0 8px rgba(255,68,58,.54)}
html[data-skin="matrix"] .matrix-exam-node{position:relative;border-radius:5px!important;background:rgba(238,242,233,.012)!important}
html[data-skin="matrix"] .matrix-exam-node-index{position:absolute;right:9px;top:8px;font:600 7px/1 Consolas,monospace;color:rgba(238,242,233,.22)}

html[data-skin="matrix"][data-theme="light"] body,html[data-skin="matrix"][data-theme="light"] button,html[data-skin="matrix"][data-theme="light"] input,html[data-skin="matrix"][data-theme="light"] textarea,html[data-skin="matrix"][data-theme="light"] select{font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif!important;color:#171A17}
html[data-skin="matrix"][data-theme="light"] h1,html[data-skin="matrix"][data-theme="light"] h2,html[data-skin="matrix"][data-theme="light"] h3,html[data-skin="matrix"][data-theme="light"] strong,html[data-skin="matrix"][data-theme="light"] p{letter-spacing:normal!important}
html[data-skin="matrix"][data-theme="light"] .module-title h1,html[data-skin="matrix"][data-theme="light"] .section-head h2,html[data-skin="matrix"][data-theme="light"] .hero-copy h1{font-family:"Segoe UI Variable","Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif!important;font-weight:650!important;color:#151815!important;text-shadow:none!important}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,241,236,.92))!important;border-color:rgba(21,24,21,.13)!important;box-shadow:0 12px 28px rgba(28,34,29,.08)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-ring-track{stroke:rgba(21,24,21,.12)}
html[data-skin="matrix"][data-theme="light"] .matrix-ring-value{stroke:#171A17;filter:none}
html[data-skin="matrix"][data-theme="light"] .matrix-ring-inner{stroke:rgba(21,24,21,.13)}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-readout{background:#F5F6F2}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-readout strong{color:#151815!important;-webkit-text-fill-color:#151815!important;text-shadow:none!important}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-copy strong{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .matrix-metric-copy small{color:rgba(21,24,21,.52)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-report-node,html[data-skin="matrix"][data-theme="light"] .matrix-exam-channel,html[data-skin="matrix"][data-theme="light"] .matrix-exam-node,html[data-skin="matrix"][data-theme="light"] .exam-focus-card:has(.matrix-exam-focus-shell){color:#171A17!important;background:rgba(255,255,255,.62)!important;border-color:rgba(21,24,21,.11)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-report-visual{border-color:rgba(21,24,21,.10);background:linear-gradient(90deg,transparent 49.7%,rgba(21,24,21,.07) 50%,transparent 50.3%),radial-gradient(circle,rgba(21,24,21,.12) .7px,transparent 1px) 0 0/7px 7px}
html[data-skin="matrix"][data-theme="light"] .matrix-report-visual i{background:rgba(21,24,21,.64);box-shadow:none}
html[data-skin="matrix"][data-theme="light"] .matrix-report-copy strong,html[data-skin="matrix"][data-theme="light"] .matrix-exam-channel strong,html[data-skin="matrix"][data-theme="light"] .matrix-exam-focus-copy h2,html[data-skin="matrix"][data-theme="light"] .matrix-exam-days strong{color:#171A17!important}
html[data-skin="matrix"][data-theme="light"] .matrix-report-copy em,html[data-skin="matrix"][data-theme="light"] .matrix-exam-channel p,html[data-skin="matrix"][data-theme="light"] .matrix-exam-focus-copy p{color:rgba(21,24,21,.52)!important}
html[data-skin="matrix"][data-theme="light"] .matrix-poster-modal.matrix-poster-light{background:linear-gradient(180deg,#F7F8F4,#ECEEE9)!important;color:#151815!important;border-color:rgba(21,24,21,.13)!important}

@media(max-width:760px){
  html[data-skin="matrix"] .matrix-metric-card{min-height:174px!important;padding:9px!important}
  html[data-skin="matrix"] .matrix-metric-ring-shell{width:102px;height:102px}
  html[data-skin="matrix"] .matrix-metric-readout strong{font-size:27px!important}
  html[data-skin="matrix"] .matrix-report-map,html[data-skin="matrix"] .matrix-exam-channels{grid-template-columns:1fr}
  html[data-skin="matrix"] .matrix-report-node{min-height:112px;grid-template-columns:96px 1fr;grid-template-rows:1fr;align-items:center;gap:10px}
  html[data-skin="matrix"] .matrix-report-visual{height:74px}
  html[data-skin="matrix"] .matrix-exam-focus-main{grid-template-columns:1fr}
}


/* V0.0.21 — FOCUS ORBIT */
.focus-timer-card{
  --focus-accent:#e9bf73;--focus-p:0;
  width:100%;position:relative;
  display:grid;grid-template-columns:minmax(145px,.72fr) 170px minmax(260px,1.8fr) auto;
  gap:18px;align-items:center;margin:18px 0;padding:18px 20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.09);border-radius:28px;
  background:radial-gradient(circle at 22% 50%,rgba(233,191,115,.10),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 52%,rgba(233,191,115,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 50px rgba(0,0,0,.18);
}
.focus-timer-card::before{content:'';position:absolute;inset:-90% 48% -90% -8%;border:1px solid rgba(233,191,115,.08);border-radius:50%;transform:rotate(-16deg);pointer-events:none}
.focus-timer-brand{position:relative;z-index:1;display:grid;gap:3px;min-width:0}
.focus-timer-brand>span{font-size:8px;letter-spacing:.19em;color:var(--focus-accent);font-weight:700}
.focus-timer-brand h2{margin:0;font-size:22px;letter-spacing:-.04em}
.focus-timer-brand small{color:var(--text-3);font-size:10px}
.focus-timer-clock-shell{position:relative;width:150px;height:92px;display:grid;place-items:center}
.focus-timer-clock-shell::before,.focus-timer-clock-shell::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}
.focus-timer-clock-shell::before{width:88px;height:88px;background:conic-gradient(var(--focus-accent) calc(var(--focus-p)*1%),rgba(255,255,255,.07) 0);-webkit-mask:radial-gradient(circle,transparent 61%,#000 63%);mask:radial-gradient(circle,transparent 61%,#000 63%);box-shadow:0 0 30px rgba(233,191,115,.08)}
.focus-timer-clock-shell::after{width:66px;height:66px;border:1px solid rgba(255,255,255,.07)}
.focus-timer-clock{position:relative;z-index:2;font:650 30px/1 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.focus-timer-clock-shell>i{position:absolute;z-index:3;left:50%;top:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--focus-accent);box-shadow:0 0 12px var(--focus-accent)}
.focus-timer-setup,.focus-timer-running{min-width:0;display:grid;gap:9px}
.focus-timer-running>span{font-size:8px;letter-spacing:.16em;color:var(--focus-accent);font-weight:700}
.focus-timer-running>strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.focus-timer-running>small{font-size:10px;color:var(--text-3)}
.focus-timer-progress{height:4px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.focus-timer-progress i{display:block;height:100%;width:0;background:var(--focus-accent);box-shadow:0 0 12px rgba(233,191,115,.32);transition:width .3s linear}
.focus-preset-row,.focus-input-row{display:flex;align-items:center;gap:7px;min-width:0}
.focus-preset{min-width:42px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:var(--text-2);font-size:10px;font-weight:700}
.focus-preset.active{border-color:rgba(233,191,115,.42);color:var(--focus-accent);background:rgba(233,191,115,.07)}
.focus-custom-min{height:32px;display:flex;align-items:center;gap:3px;padding:0 8px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025)}
.focus-custom-min input{width:40px;padding:0;border:0!important;background:transparent!important;color:var(--text-1)!important;text-align:right;font-size:10px}
.focus-custom-min span{font-size:7px;color:var(--text-3)}
.focus-input-row input,.focus-input-row select{min-width:0;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text-1);padding:0 10px;font-size:10px}
.focus-input-row input{flex:1.2}.focus-input-row select{flex:1}
.focus-timer-actions{display:flex;gap:7px;justify-content:flex-end}.focus-timer-actions .primary-btn,.focus-timer-actions .small-action{white-space:nowrap}
.focus-timer-card.paused{--focus-accent:#aab0b8}
html[data-theme="light"] .focus-timer-card{--focus-accent:#9b6a22;border-color:rgba(21,24,21,.09);background:radial-gradient(circle at 22% 50%,rgba(155,106,34,.08),transparent 30%),linear-gradient(115deg,rgba(255,255,255,.78),rgba(255,255,255,.44) 52%,rgba(155,106,34,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 14px 40px rgba(21,24,21,.08)}
html[data-theme="light"] .focus-preset,html[data-theme="light"] .focus-custom-min,html[data-theme="light"] .focus-input-row input,html[data-theme="light"] .focus-input-row select{border-color:rgba(21,24,21,.09);background:rgba(255,255,255,.54);color:#151815}
@media(max-width:820px){.focus-timer-card{grid-template-columns:1fr 132px;gap:13px;padding:16px}.focus-timer-brand{grid-column:1}.focus-timer-clock-shell{grid-column:2;grid-row:1/3;width:128px}.focus-timer-setup,.focus-timer-running{grid-column:1}.focus-timer-actions{grid-column:1/-1;justify-content:stretch}.focus-timer-actions>*{flex:1}}
@media(max-width:520px){.focus-timer-card{grid-template-columns:1fr 112px;border-radius:20px;margin:14px 0;padding:14px;gap:10px}.focus-timer-clock-shell{width:108px;height:82px}.focus-timer-clock-shell::before{width:78px;height:78px}.focus-timer-clock-shell::after{width:58px;height:58px}.focus-timer-clock{font-size:25px}.focus-input-row{display:grid;grid-template-columns:1fr}.focus-preset-row{flex-wrap:wrap}}


/* V0.0.23 — FOCUS IMMERSIVE / ORBIT */
html.focus-immersive-open,
html.focus-immersive-open body{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
.focus-timer-card[data-focus-immersive-open]{
  cursor:pointer;
}
.focus-timer-card[data-focus-immersive-open]:hover{
  border-color:rgba(233,191,115,.18);
}
.focus-immersive-stage{
  --fi-accent:#e9bf73;
  position:fixed;
  inset:0;
  z-index:1200;
  width:100vw;
  height:100dvh;
  min-width:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));
  color:#f6f3ec;
  background:
    radial-gradient(circle at 75% 20%,rgba(112,72,216,.22),transparent 28%),
    radial-gradient(circle at 14% 80%,rgba(212,151,64,.10),transparent 25%),
    linear-gradient(180deg,#07080c,#030408 54%,#05060a);
  opacity:0;
  transform:scale(.995);
  transition:opacity .14s ease,transform .14s ease;
}
.focus-immersive-stage.is-open{opacity:1;transform:scale(1)}
.focus-immersive-stage.is-closing{opacity:0;transform:scale(.997)}
.focus-immersive-stage.completed{--fi-accent:#7ce0b2}
.focus-immersive-stage.paused{--fi-accent:#9aa0aa}
.focus-immersive-ambient{
  position:absolute;
  border-radius:50%;
  filter:blur(100px);
  pointer-events:none;
  opacity:.20;
}
.focus-immersive-ambient-a{width:44vw;height:44vw;right:-14vw;top:-22vw;background:#7348d7}
.focus-immersive-ambient-b{width:32vw;height:32vw;left:-16vw;bottom:-12vw;background:#bd7e32}
.focus-immersive-head,.focus-immersive-foot{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.focus-immersive-head>div{display:grid;gap:4px}
.focus-immersive-head span,.focus-immersive-foot>span{
  font-size:9px;
  letter-spacing:.18em;
  color:var(--fi-accent);
  font-weight:700;
}
.focus-immersive-head b{
  font-size:7px;
  letter-spacing:.12em;
  color:rgba(246,243,236,.34);
  font-weight:600;
}
.focus-immersive-head button{
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  color:#f6f3ec;font-size:22px;
}
.focus-immersive-core{
  position:relative;
  z-index:2;
  width:min(1420px,94vw);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr);
  align-items:center;
  justify-content:center;
  gap:clamp(28px,5vw,90px);
}
.focus-immersive-copy{
  min-width:0;
  display:grid;
  align-content:center;
}
.focus-immersive-copy .eyebrow{
  font-size:clamp(9px,1vw,14px);
  margin-bottom:10px;
}
.focus-immersive-copy h1{
  margin:0 0 clamp(16px,3vh,34px);
  font-size:clamp(34px,4.5vw,76px);
  line-height:1.02;
  letter-spacing:-.05em;
  max-width:720px;
}
.focus-immersive-task{
  display:grid;
  gap:4px;
  margin-bottom:clamp(10px,2vh,22px);
}
.focus-immersive-task span{
  font-size:9px;
  letter-spacing:.18em;
  color:var(--fi-accent);
  font-weight:700;
}
.focus-immersive-task strong{
  max-width:640px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(13px,1.35vw,20px);
  font-weight:600;
}
.focus-immersive-task small{
  font-size:8px;
  letter-spacing:.14em;
  color:rgba(246,243,236,.36);
}
.focus-immersive-clock{
  font:600 clamp(72px,10.5vw,168px)/.88 "Segoe UI Variable","Segoe UI",sans-serif;
  letter-spacing:-.065em;
  font-variant-numeric:tabular-nums;
  color:#f6f3ec;
  text-shadow:0 0 42px rgba(233,191,115,.10);
  white-space:nowrap;
}
.focus-immersive-progress{
  position:relative;
  width:min(620px,100%);
  height:5px;
  margin-top:22px;
  background:rgba(255,255,255,.065);
  overflow:visible;
}
.focus-immersive-progress i{
  display:block;
  height:100%;
  background:linear-gradient(90deg,rgba(124,92,255,.72),var(--fi-accent));
  box-shadow:0 0 18px rgba(233,191,115,.28);
  transition:width .22s linear;
}
.focus-immersive-progress b{
  position:absolute;
  right:0;
  top:12px;
  font-size:9px;
  letter-spacing:.16em;
  color:rgba(246,243,236,.46);
}
.focus-immersive-planet{
  min-width:0;
  display:grid;
  place-items:center;
}
.focus-immersive-planet .blackhole-stage{
  width:min(44vw,620px)!important;
  max-width:72vh;
  margin:0!important;
  filter:drop-shadow(0 26px 100px rgba(110,72,218,.22));
}
.focus-immersive-planet .focus-score strong{
  font-size:clamp(36px,4vw,58px);
}
.focus-immersive-foot>div{
  display:flex;gap:8px;align-items:center;
}
.focus-immersive-foot button{
  min-width:110px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(246,243,236,.72);
  font-size:9px;
  letter-spacing:.08em;
}
html[data-theme="light"] .focus-immersive-stage{
  color:#171b24;
  background:
    radial-gradient(circle at 75% 20%,rgba(103,82,201,.12),transparent 29%),
    radial-gradient(circle at 14% 80%,rgba(207,150,67,.14),transparent 26%),
    linear-gradient(180deg,#fbfcfd,#f3f5f8 54%,#f5f6f8);
}
html[data-theme="light"] .focus-immersive-head button{
  border-color:rgba(27,35,51,.10);
  background:rgba(255,255,255,.55);
  color:#171b24;
}
html[data-theme="light"] .focus-immersive-head b,
html[data-theme="light"] .focus-immersive-task small,
html[data-theme="light"] .focus-immersive-progress b{
  color:rgba(23,27,36,.46);
}
html[data-theme="light"] .focus-immersive-clock{color:#171b24}
html[data-theme="light"] .focus-immersive-progress{background:rgba(27,35,51,.08)}
html[data-theme="light"] .focus-immersive-foot button{
  border-color:rgba(27,35,51,.10);
  background:rgba(255,255,255,.54);
  color:#474f60;
}

/* Tablet landscape */
@media(max-height:720px) and (orientation:landscape){
  .focus-immersive-stage{padding:12px 18px}
  .focus-immersive-core{
    width:min(1280px,92vw);
    grid-template-columns:minmax(330px,.95fr) minmax(330px,1.05fr);
    gap:30px;
  }
  .focus-immersive-copy h1{font-size:clamp(30px,4vw,52px);margin-bottom:14px}
  .focus-immersive-clock{font-size:clamp(64px,10vw,118px)}
  .focus-immersive-planet .blackhole-stage{width:min(39vw,470px)!important;max-width:72vh}
  .focus-immersive-task{margin-bottom:8px}
  .focus-immersive-progress{margin-top:14px}
}

/* Mobile: visually remain landscape even if the browser cannot lock orientation. */
@media(max-width:900px) and (orientation:portrait){
  .focus-immersive-stage{
    width:100vh;
    height:100vw;
    inset:auto;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(90deg) scale(.995);
    padding:10px 16px;
  }
  .focus-immersive-stage.is-open{
    transform:translate(-50%,-50%) rotate(90deg) scale(1);
  }
  .focus-immersive-stage.is-closing{
    transform:translate(-50%,-50%) rotate(90deg) scale(.997);
  }
}
@media(max-width:900px), (max-height:560px){
  .focus-immersive-head span,.focus-immersive-foot>span{font-size:7px}
  .focus-immersive-head b{font-size:6px}
  .focus-immersive-head button{width:34px;height:34px;font-size:18px}
  .focus-immersive-core{
    width:94%;
    grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);
    gap:18px;
  }
  .focus-immersive-copy h1{
    font-size:clamp(27px,4.8vw,43px);
    margin-bottom:10px;
  }
  .focus-immersive-task{margin-bottom:6px}
  .focus-immersive-task strong{font-size:11px}
  .focus-immersive-clock{
    font-size:clamp(58px,11vw,92px);
  }
  .focus-immersive-progress{margin-top:12px}
  .focus-immersive-planet .blackhole-stage{
    width:min(36vw,330px)!important;
    max-width:68vh;
  }
  .focus-immersive-foot button{
    min-width:84px;
    padding:7px 10px;
    font-size:7px;
  }
}
@media(prefers-reduced-motion:reduce){
  .focus-immersive-stage,
  .focus-immersive-stage *{
    transition:none!important;
  }
}


/* V0.0.24 — Focus completion ceremony */
.focus-complete-ceremony{
  position:absolute;inset:0;z-index:40;
  display:grid;place-content:center;justify-items:center;text-align:center;
  padding:24px;
  background:radial-gradient(circle at center,rgba(233,191,115,.12),transparent 34%),rgba(3,4,8,.80);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  opacity:0;transform:scale(1.025);
  transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1);
}
.focus-complete-ceremony.show{opacity:1;transform:scale(1)}
.focus-complete-ceremony>span{
  color:var(--fi-accent,#e9bf73);font-size:10px;letter-spacing:.22em;font-weight:700;
}
.focus-complete-ceremony>strong{
  margin-top:12px;font-size:clamp(42px,7vw,98px);letter-spacing:-.055em;line-height:.95;
}
.focus-complete-ceremony>b{
  margin-top:20px;color:var(--fi-accent,#e9bf73);
  font:650 clamp(25px,3vw,42px)/1 "Segoe UI Variable","Segoe UI",sans-serif;letter-spacing:.04em;
}
.focus-complete-ceremony>p{
  max-width:680px;margin:12px 0 0;color:rgba(246,243,236,.60);font-size:clamp(10px,1.15vw,15px);
}
.focus-complete-ceremony>i{
  width:min(420px,55vw);height:1px;margin-top:24px;
  background:linear-gradient(90deg,transparent,var(--fi-accent,#e9bf73),transparent);
  box-shadow:0 0 20px rgba(233,191,115,.32);
}
html[data-theme="light"] .focus-complete-ceremony{
  background:radial-gradient(circle at center,rgba(154,104,24,.11),transparent 34%),rgba(245,246,248,.88);
}
html[data-theme="light"] .focus-complete-ceremony>p{color:rgba(23,27,36,.58)}
html[data-skin="matrix"] .focus-complete-ceremony{
  background:
    linear-gradient(rgba(238,242,233,.025) 1px,transparent 1px) 0 0/100% 28px,
    linear-gradient(90deg,rgba(238,242,233,.02) 1px,transparent 1px) 0 0/28px 100%,
    rgba(5,7,5,.92);
}
html[data-skin="matrix"] .focus-complete-ceremony>span,
html[data-skin="matrix"] .focus-complete-ceremony>b{
  color:#FF443A!important;font-family:"Cascadia Mono","Consolas",monospace!important;
}
html[data-skin="matrix"] .focus-complete-ceremony>strong{
  font-family:"Cascadia Mono","Consolas",monospace;letter-spacing:.02em;
}
html[data-skin="matrix"] .focus-complete-ceremony>i{
  background:linear-gradient(90deg,transparent,#FF443A,transparent);
  box-shadow:0 0 20px rgba(255,68,58,.32);
}
@media(prefers-reduced-motion:reduce){.focus-complete-ceremony{transition:none!important}}


/* V0.0.25 — release audit touch targets */
.date-nav button{min-width:28px}
.history-day>button{
  min-height:30px;
  display:flex;
  align-items:center;
  width:100%;
  padding:7px 0 3px;
  font-size:8px;
}
.exam-radar-actions a,
.opp-links a{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:4px 0;
}
.opp-contact-grid a{
  min-height:28px;
  display:flex;
  align-items:center;
  padding:4px 0;
}
@media(max-width:760px){
  .date-nav button{min-width:30px}
  .history-day>button{min-height:34px}
  .exam-radar-actions a,.opp-links a,.opp-contact-grid a{min-height:32px}
}

/* V0.0.25 — Achievement Constellation */
.achievement-constellation-card{
  position:relative;
  overflow:hidden;
  margin-top:12px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 18%,rgba(233,191,115,.09),transparent 34%),
    radial-gradient(circle at 10% 90%,rgba(124,92,255,.08),transparent 38%),
    linear-gradient(135deg,rgba(21,23,31,.82),rgba(10,11,17,.70));
}
.achievement-constellation-card::after{
  content:'';
  position:absolute;right:-90px;bottom:-110px;width:240px;height:240px;border-radius:50%;
  border:1px solid rgba(233,191,115,.07);
  box-shadow:0 0 0 34px rgba(124,92,255,.025),0 0 0 68px rgba(233,191,115,.016);
  pointer-events:none;
}
.achievement-constellation-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.achievement-constellation-head>div{min-width:0}
.achievement-constellation-head span{font-size:8px;letter-spacing:.17em;color:var(--gold);font-weight:700}
.achievement-constellation-head h2{margin:7px 0 4px;font-size:20px}
.achievement-constellation-head p{margin:0;font-size:8px;color:var(--muted)}
.achievement-constellation-main{position:relative;z-index:1;display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;margin-top:18px}
.achievement-total{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:start;gap:3px}
.achievement-total strong{font-size:50px;line-height:.8;font-weight:500;letter-spacing:-.07em}
.achievement-total>span{font-size:12px;color:#737b88;padding-bottom:3px}
.achievement-total small{grid-column:1/3;margin-top:8px;font-size:7px;letter-spacing:.16em;color:#747c88}
.achievement-group-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.achievement-group-mini>div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:6px;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.016)}
.achievement-group-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;color:#818895}
.achievement-group-mini b{font-size:8px;color:#c7cbd2}
.achievement-group-mini i{grid-column:1/3;position:relative;height:2px;background:rgba(255,255,255,.055);overflow:hidden}
.achievement-group-mini i::after{content:'';display:block;width:calc(var(--ap)*1%);height:100%;background:linear-gradient(90deg,#7c5cff,var(--gold))}
.achievement-archive{width:min(920px,100%);max-height:90vh}
.achievement-archive-head p{margin:5px 0 0;font-size:9px;color:var(--muted)}
.achievement-live-progress{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.achievement-progress-line{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015)}
.achievement-progress-line>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}
.achievement-progress-line span{font-size:8px;color:#858c98}
.achievement-progress-line b{font-size:8px;color:#c8ccd3}
.achievement-progress-line>i{display:block;height:3px;background:rgba(255,255,255,.055);overflow:hidden}
.achievement-progress-line em{display:block;height:100%;background:linear-gradient(90deg,#7c5cff,var(--gold));box-shadow:0 0 10px rgba(233,191,115,.16)}
.achievement-archive-groups{display:grid;gap:20px}
.achievement-archive-group{display:grid;gap:9px}
.achievement-archive-group-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}
.achievement-archive-group-head span{font-size:9px;letter-spacing:.12em;color:var(--gold);font-weight:700}
.achievement-archive-group-head b{font-size:8px;color:#858c98}
.achievement-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.achievement-tile{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.014)}
.achievement-tile.locked{opacity:.48;filter:saturate(.45)}
.achievement-tile.unlocked{border-color:rgba(233,191,115,.14);background:linear-gradient(135deg,rgba(233,191,115,.035),rgba(124,92,255,.018))}
.achievement-tile-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(233,191,115,.14);color:var(--gold);font-size:14px}
.achievement-tile>div:last-child{min-width:0;display:grid;gap:3px}
.achievement-tile span{font-size:6.5px;letter-spacing:.11em;color:#747c88}
.achievement-tile strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.achievement-tile p{margin:0;font-size:7.5px;line-height:1.45;color:#858c98}
.achievement-tile small{font-size:6.5px;color:#9f8b64}
html[data-theme="light"] .achievement-constellation-card,
html[data-theme="light"] .achievement-tile,
html[data-theme="light"] .achievement-progress-line{
  border-color:rgba(30,41,57,.10);
}
html[data-theme="light"] .achievement-constellation-card{
  background:radial-gradient(circle at 86% 18%,rgba(154,104,24,.08),transparent 34%),radial-gradient(circle at 10% 90%,rgba(101,80,202,.06),transparent 38%),rgba(255,255,255,.82);
}
html[data-theme="light"] .achievement-tile.unlocked{background:linear-gradient(135deg,rgba(154,104,24,.055),rgba(101,80,202,.025))}
@media(max-width:760px){
  .achievement-constellation-main{grid-template-columns:86px 1fr;gap:12px}
  .achievement-total strong{font-size:42px}
  .achievement-group-mini{grid-template-columns:1fr 1fr}
  .achievement-live-progress{grid-template-columns:1fr}
  .achievement-tile-grid{grid-template-columns:1fr}
}


/* MATRIX V0.0.26 — Daily Achievement Wall */
.daily-achievement-wall{
  position:relative;
  overflow:hidden;
  margin-top:12px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 8%,rgba(233,191,115,.095),transparent 34%),
    radial-gradient(circle at 8% 92%,rgba(124,92,255,.075),transparent 38%),
    rgba(255,255,255,.012);
}
.daily-achievement-wall-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.daily-achievement-wall-head>div:first-child{min-width:0}
.daily-achievement-wall-head span{font-size:8px;letter-spacing:.18em;color:var(--gold);font-weight:700}
.daily-achievement-wall-head h2{font-size:20px;margin:7px 0 4px}
.daily-achievement-wall-head p{margin:0;color:var(--muted);font-size:8px;line-height:1.5}
.daily-achievement-wall-score{display:grid;grid-template-columns:auto auto;align-items:end;justify-content:end;gap:3px;flex:0 0 auto}
.daily-achievement-wall-score strong{font-size:34px;line-height:.9;font-weight:500}
.daily-achievement-wall-score>span{font-size:10px;color:#737b88;padding-bottom:2px}
.daily-achievement-wall-score small{grid-column:1/3;text-align:right;margin-top:4px;font-size:6px;letter-spacing:.14em;color:#747c88}
.daily-achievement-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.daily-achievement-tile{
  position:relative;min-width:0;min-height:116px;
  display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:8px;
  padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:13px;
  background:rgba(255,255,255,.012);
}
.daily-achievement-tile.locked{opacity:.62}
.daily-achievement-tile.unlocked{
  border-color:rgba(233,191,115,.16);
  background:linear-gradient(145deg,rgba(233,191,115,.045),rgba(124,92,255,.022));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.daily-achievement-glyph{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.07);
  color:#8a919d;font-size:11px;
}
.daily-achievement-tile.unlocked .daily-achievement-glyph{
  color:var(--gold);border-color:rgba(233,191,115,.20);
  box-shadow:0 0 18px rgba(233,191,115,.08);
}
.daily-achievement-copy{min-width:0;display:grid;gap:3px}
.daily-achievement-copy>span{font-size:6px;letter-spacing:.1em;color:#707885}
.daily-achievement-copy>strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.daily-achievement-copy>p{margin:0;min-height:30px;font-size:7px;line-height:1.42;color:#7f8793}
.daily-achievement-copy>i{position:relative;display:block;height:2px;background:rgba(255,255,255,.055);overflow:hidden;margin-top:4px}
.daily-achievement-copy>i::after{content:'';display:block;height:100%;width:calc(var(--dp)*1%);background:linear-gradient(90deg,#7c5cff,var(--gold))}
.daily-achievement-tile>b{font-size:7px;color:#6f7783;font-weight:600}
.daily-achievement-tile.unlocked>b{color:var(--gold)}
.achievement-archive-daily{display:grid;gap:9px;margin-bottom:18px}
.achievement-daily-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.achievement-daily-mini{
  min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;
  padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.012);
}
.achievement-daily-mini.unlocked{border-color:rgba(233,191,115,.15);background:rgba(233,191,115,.025)}
.achievement-daily-mini>i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;border:1px solid rgba(255,255,255,.07);color:var(--gold)}
.achievement-daily-mini>div{min-width:0;display:grid;gap:2px}
.achievement-daily-mini span{font-size:6px;letter-spacing:.08em;color:#737b88}
.achievement-daily-mini b{font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.achievement-daily-mini small{font-size:6.5px;color:#7f8793;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.achievement-daily-mini>em{font-style:normal;font-size:7px;color:#777f8b}
.achievement-daily-mini.unlocked>em{color:var(--gold)}

html[data-theme="light"] .daily-achievement-wall,
html[data-theme="light"] .daily-achievement-tile,
html[data-theme="light"] .achievement-daily-mini{
  border-color:rgba(30,41,57,.10);
}
html[data-theme="light"] .daily-achievement-wall{
  background:radial-gradient(circle at 92% 8%,rgba(154,104,24,.075),transparent 34%),radial-gradient(circle at 8% 92%,rgba(101,80,202,.05),transparent 38%),rgba(255,255,255,.80);
}
html[data-theme="light"] .daily-achievement-tile.unlocked,
html[data-theme="light"] .achievement-daily-mini.unlocked{
  background:linear-gradient(145deg,rgba(154,104,24,.05),rgba(101,80,202,.02));
}
@media(max-width:1100px){.daily-achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .daily-achievement-wall{padding:16px}
  .daily-achievement-grid{grid-template-columns:1fr 1fr}
  .daily-achievement-tile{min-height:108px;padding:10px}
  .daily-achievement-wall-head p{max-width:230px}
  .achievement-daily-mini-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .daily-achievement-grid{grid-template-columns:1fr}
  .daily-achievement-tile{min-height:auto}
}


/* MATRIX V0.0.27 — Compact Achievement Badge Wall */
.achievement-home-dock{
  margin-top:10px;
}
.achievement-home-entry{
  width:100%;
  min-width:0;
  min-height:74px;
  display:grid;
  grid-template-columns:minmax(160px,.85fr) minmax(220px,1.35fr) auto;
  gap:16px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 50%,rgba(233,191,115,.055),transparent 26%),
    linear-gradient(105deg,rgba(255,255,255,.022),rgba(255,255,255,.010));
  color:var(--text);
  text-align:left;
  overflow:hidden;
  cursor:pointer;
}
.achievement-home-entry:hover{
  border-color:rgba(233,191,115,.15);
  background:
    radial-gradient(circle at 88% 50%,rgba(233,191,115,.075),transparent 28%),
    linear-gradient(105deg,rgba(255,255,255,.030),rgba(255,255,255,.012));
}
.achievement-home-copy{min-width:0;display:grid;gap:2px}
.achievement-home-copy>span{
  font-size:6.5px;
  letter-spacing:.15em;
  color:var(--gold);
  font-weight:700;
}
.achievement-home-copy>strong{
  font-size:14px;
  letter-spacing:-.02em;
}
.achievement-home-copy>small{
  font-size:7px;
  color:#737b88;
}
.achievement-home-badges{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.achievement-home-badges>i{
  --bp:0;
  position:relative;
  flex:0 0 34px;
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.014);
  font-style:normal;
  overflow:hidden;
}
.achievement-home-badges>i::before{
  content:'';
  position:absolute;
  inset:2px;
  border-radius:50%;
  background:conic-gradient(var(--gold) calc(var(--bp)*1%),rgba(255,255,255,.045) 0);
  -webkit-mask:radial-gradient(circle,transparent 63%,#000 65%);
  mask:radial-gradient(circle,transparent 63%,#000 65%);
  opacity:.72;
}
.achievement-home-badges>i.unlocked{
  border-color:rgba(233,191,115,.18);
  box-shadow:0 0 16px rgba(233,191,115,.045);
}
.achievement-home-badges>i.locked{opacity:.50}
.achievement-home-badges em{
  position:relative;z-index:2;
  font-style:normal;
  font-size:10px;
  color:#9aa1ac;
}
.achievement-home-badges i.unlocked em{color:var(--gold)}
.achievement-home-badges b{
  position:absolute;
  right:1px;bottom:0;
  z-index:3;
  min-width:11px;height:11px;
  display:grid;place-items:center;
  border-radius:7px;
  background:#0b0d12;
  color:#8b929d;
  font-size:5px;
  font-weight:700;
}
.achievement-home-badges i.unlocked b{
  color:var(--gold);
}
.achievement-home-open{
  min-width:80px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  color:#7f8793;
}
.achievement-home-open span{
  font-size:7px;
  letter-spacing:.08em;
}
.achievement-home-open b{
  font-size:17px;
  font-weight:400;
  color:var(--gold);
}
html[data-theme="light"] .achievement-home-entry{
  border-color:rgba(30,41,57,.09);
  background:
    radial-gradient(circle at 88% 50%,rgba(154,104,24,.055),transparent 26%),
    rgba(255,255,255,.64);
}
html[data-theme="light"] .achievement-home-badges>i{
  border-color:rgba(30,41,57,.09);
  background:rgba(255,255,255,.72);
}
html[data-theme="light"] .achievement-home-badges b{
  background:#f4f5f7;
}

@media(max-width:760px){
  .achievement-home-entry{
    grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr) 24px;
    gap:10px;
    min-height:68px;
    padding:10px 11px;
    border-radius:15px;
  }
  .achievement-home-copy>strong{font-size:13px}
  .achievement-home-badges{gap:5px;overflow:hidden}
  .achievement-home-badges>i{
    flex-basis:29px;width:29px;height:29px;
  }
  .achievement-home-badges>i:nth-child(n+6){display:none}
  .achievement-home-open{min-width:24px}
  .achievement-home-open span{display:none}
  .achievement-home-open b{font-size:18px}
}
@media(max-width:410px){
  .achievement-home-entry{
    grid-template-columns:minmax(96px,.72fr) minmax(0,1.28fr) 20px;
  }
  .achievement-home-badges>i{
    flex-basis:27px;width:27px;height:27px;
  }
  .achievement-home-badges>i:nth-child(n+5){display:none}
}


/* V0.0.28 — ORBIT Arcade tall / 21:9 phone layout */
@media(max-width:720px) and (orientation:portrait){
  html[data-skin="classic"] .arcade-shell .arcade-body{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    overflow:visible!important;
  }
  html[data-skin="classic"] .arcade-shell .meal-slot-machine{
    width:100%;
    min-width:0;
  }
  html[data-skin="classic"] .arcade-shell .arcade-control-stack{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;
    grid-template-rows:none!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  html[data-skin="classic"] .arcade-shell .arcade-ignition,
  html[data-skin="classic"] .arcade-shell .arcade-combo-choose{
    min-width:0!important;
    width:100%!important;
    min-height:104px!important;
    height:104px!important;
  }
  html[data-skin="classic"] .arcade-shell .arcade-ignition{
    grid-template-columns:80px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:8px!important;
    padding:7px 9px!important;
  }
  html[data-skin="classic"] .arcade-shell .capsule-shell{
    width:68px!important;
    height:88px!important;
    min-height:88px!important;
    padding-top:7px!important;
    border-radius:19px!important;
  }
  html[data-skin="classic"] .arcade-shell .capsule-window{
    width:46px!important;
    height:53px!important;
    border-radius:23px!important;
  }
  html[data-skin="classic"] .arcade-shell .capsule-ring.ring-1{top:9px!important;width:45px!important}
  html[data-skin="classic"] .arcade-shell .capsule-ring.ring-2{bottom:19px!important;width:39px!important}
  html[data-skin="classic"] .arcade-shell .capsule-dock{bottom:26px!important}
  html[data-skin="classic"] .arcade-shell .capsule-status{bottom:6px!important;font-size:4.8px!important}
  html[data-skin="classic"] .arcade-shell .ignition-copy{
    margin:0!important;
    align-self:center!important;
    justify-self:stretch!important;
    text-align:left!important;
  }
  html[data-skin="classic"] .arcade-shell .ignition-copy b{font-size:8px!important}
  html[data-skin="classic"] .arcade-shell .ignition-copy small{font-size:5.4px!important;white-space:normal!important}
  html[data-skin="classic"] .arcade-shell .arcade-combo-choose{
    padding:10px!important;
    align-content:center!important;
  }
  html[data-skin="classic"] .arcade-shell .arcade-combo-choose b{font-size:8px!important}
  html[data-skin="classic"] .arcade-shell .arcade-combo-choose small{font-size:5.5px!important;line-height:1.4!important}
}
@media(max-width:430px) and (orientation:portrait){
  html[data-skin="classic"] .arcade-shell{padding:10px!important}
  html[data-skin="classic"] .arcade-shell .arcade-control-stack{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
  }
  html[data-skin="classic"] .arcade-shell .arcade-ignition,
  html[data-skin="classic"] .arcade-shell .arcade-combo-choose{
    min-height:96px!important;height:96px!important;
  }
  html[data-skin="classic"] .arcade-shell .arcade-ignition{
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  html[data-skin="classic"] .arcade-shell .capsule-shell{
    width:58px!important;height:80px!important;min-height:80px!important;
  }
  html[data-skin="classic"] .arcade-shell .capsule-window{
    width:40px!important;height:47px!important;
  }
}


/* V0.0.28 — Focus explicit landscape control */
.focus-orientation-tip{
  display:none;
  min-width:0;
  flex:1;
  text-align:center;
  font-size:7px;
  letter-spacing:.05em;
  color:rgba(246,243,236,.40);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.focus-orientation-tip[data-state="ok"]{color:#7ce0b2}
.focus-orientation-tip[data-state="manual"]{color:var(--fi-accent)}
.focus-immersive-foot [data-focus-landscape]{display:none}
@media(max-width:900px), (max-height:560px){
  .focus-immersive-head{
    display:grid!important;
    grid-template-columns:minmax(110px,auto) minmax(0,1fr) 34px;
    gap:8px!important;
  }
  .focus-orientation-tip{display:block}
  .focus-immersive-foot [data-focus-landscape]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
}
html[data-theme="light"] .focus-orientation-tip{color:rgba(23,27,36,.46)}
html[data-theme="light"] .focus-orientation-tip[data-state="ok"]{color:#257b58}

/* ORBIT LTS SERVER R2 admin controls */
.orbit-admin-panel select{width:100%;box-sizing:border-box;background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:10px 12px}
.orbit-admin-toggle{display:flex;gap:10px;align-items:center;margin:10px 0;color:var(--text-secondary);font-size:12px}
.orbit-admin-toggle input{width:16px;height:16px}
.orbit-admin-rate-grid{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:8px;margin:12px 0}
.orbit-admin-rate-grid label{font-size:10px;color:var(--text-secondary);display:grid;gap:5px}
.orbit-admin-rate-grid input{min-width:0;background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:8px}
.orbit-admin-audit{display:grid;gap:6px;max-height:220px;overflow:auto;margin-top:10px}
.orbit-admin-audit>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:10px}
.orbit-admin-audit span{color:var(--text-secondary);text-align:right}
@media(max-width:760px){.orbit-admin-rate-grid{grid-template-columns:1fr 1fr}.orbit-admin-audit>div{display:grid}}

/* ORBIT LTS R2.2: global exam administration + today's project progress */
.orbit-admin-exam-list {display:grid;gap:10px;max-height:440px;overflow:auto;padding:4px 0}
.orbit-admin-exam-row {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px}
.orbit-admin-exam-row > div:first-child {display:grid;gap:4px;min-width:0}
.orbit-admin-exam-row b {font-size:13px;font-weight:600}
.orbit-admin-exam-row small {font-size:11px;opacity:.7}
.orbit-admin-exam-row.is-hidden {opacity:.6}
.orbit-admin-exam-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.orbit-admin-exam-fields .field:last-child {grid-column:1/-1}
.orbit-today-projects {display:grid;gap:13px}
.orbit-today-project {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center}
.orbit-today-project >div:first-child {display:grid;gap:4px;min-width:0}
.orbit-today-project strong {font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.orbit-today-project small {font-size:11px;opacity:.7}
.orbit-today-project b {font-variant-numeric:tabular-nums}
.orbit-today-project .progress-track {grid-column:1/-1}
@media(max-width:760px) {.orbit-admin-exam-row {align-items:flex-start;flex-direction:column}.orbit-admin-exam-fields {grid-template-columns:1fr}}


/* R2.2.1 ICP footer: unobtrusive, same family as existing ORBIT UI */
.orbit-icp{
  font-family:inherit;
  font-weight:400;
  text-decoration:none;
  color:inherit;
  white-space:nowrap;
  opacity:.80;
  line-height:1.5;
  transition:opacity .15s ease;
}
.orbit-icp:hover,.orbit-icp:focus-visible{
  opacity:1;
  text-decoration:underline;
  text-underline-offset:3px;
}
.orbit-icp:focus-visible{outline:1px solid currentColor;outline-offset:3px;}
.orbit-icp-site{
  display:block;
  width:max-content;
  max-width:100%;
  margin:7px auto 0;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:none;
}
.orbit-icp-welcome{
  position:absolute;
  left:50%;bottom:-18px;
  transform:translateX(-50%);
  font-size:9px;
  letter-spacing:.04em;
  text-transform:none;
}
.orbit-icp-access{
  position:absolute;
  left:50%;bottom:max(12px,env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  z-index:20;
  color:rgba(231,212,179,.58);
  font-size:9px;
  letter-spacing:.04em;
}
@media(max-width:620px){
  .orbit-icp-welcome{font-size:8px;bottom:-18px;}
  .orbit-icp-access{font-size:9px;}
  .orbit-icp-site{font-size:10px;}
}