:root{--bg:#080a12;--bg2:#0d101b;--panel:#0f1421;--panel2:#121a2a;--ink:#f4f2eb;--muted:#9ba4b6;--accent:#e1b900;--accent2:#7a6410;--accent-soft:rgba(225,185,0,.12);--line:rgba(225,185,0,.32);--danger:#ff695f;--ok:#3ddc97;--shadow:0 22px 50px rgba(0,0,0,.28);--radius:18px}
html[data-theme="triton"]{--bg:#031b2b;--bg2:#05263c;--panel:#082a42;--panel2:#0a314d;--accent:#00bcea;--accent2:#006d8a;--accent-soft:rgba(0,188,234,.12);--line:rgba(0,188,234,.36)}
html[data-theme="atlante"]{--bg:#001b18;--bg2:#022824;--panel:#052e29;--panel2:#073a33;--accent:#00e1bd;--accent2:#007c69;--accent-soft:rgba(0,225,189,.12);--line:rgba(0,225,189,.36)}
html[data-theme="akash"]{--bg:#1b1027;--bg2:#251335;--panel:#2b173c;--panel2:#351b4a;--accent:#b76cff;--accent2:#7134a8;--accent-soft:rgba(183,108,255,.13);--line:rgba(183,108,255,.36)}
html[data-theme="zero"]{--bg:#1a0c03;--bg2:#241006;--panel:#2a1409;--panel2:#34190b;--accent:#ff6900;--accent2:#9a3e00;--accent-soft:rgba(255,105,0,.12);--line:rgba(255,105,0,.36)}
html[data-theme="mono"]{--bg:#090909;--bg2:#111;--panel:#151515;--panel2:#1c1c1c;--accent:#efefef;--accent2:#8b8b8b;--accent-soft:rgba(255,255,255,.08);--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,var(--accent-soft),transparent 34rem),linear-gradient(145deg,var(--bg),var(--bg2));color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.fatal{padding:2rem;background:#400;color:#fff}.app-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:rgba(6,8,14,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:18px;z-index:30}.brand-frame{position:relative;padding:16px 12px;display:flex;align-items:center;gap:12px;border:2px solid var(--accent);outline:1px solid var(--accent2);outline-offset:-7px}.brand-frame strong{display:block;font-family:Georgia,serif;font-size:.95rem;letter-spacing:.08em}.brand-frame small{display:block;color:var(--muted);margin-top:4px}.brand-glyph{width:42px;height:52px;position:relative;flex:0 0 auto}.spiral{position:absolute;width:30px;height:30px;border:3px solid var(--accent);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-25deg);left:4px;top:1px}.spiral:after{content:"";position:absolute;width:13px;height:13px;border:3px solid var(--accent);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;left:3px;top:10px}.zero{position:absolute;bottom:0;left:10px;width:18px;height:26px;border:4px solid var(--accent);font-size:0}.nav-stack{display:grid;gap:6px}.nav-btn{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:12px;padding:12px 13px;background:transparent;color:var(--muted);text-align:left;font-weight:650}.nav-btn span{width:22px;text-align:center;color:var(--accent)}.nav-btn:hover,.nav-btn.active{background:var(--accent-soft);color:var(--ink)}.nav-btn.active{box-shadow:inset 3px 0 var(--accent)}.side-status{margin-top:auto;border-top:1px solid var(--line);padding:12px 8px 4px;display:grid;gap:7px;color:var(--muted);font-size:.78rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aaa;margin-right:7px}.status-dot.online,.status-dot.local{background:var(--ok);box-shadow:0 0 12px rgba(61,220,151,.5)}.status-dot.offline{background:var(--accent)}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 clamp(18px,3vw,34px);border-bottom:1px solid var(--line);background:rgba(8,10,18,.76);backdrop-filter:blur(18px)}.top-title{display:flex;flex-direction:column;min-width:0}.top-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{color:var(--accent);font-size:.68rem;letter-spacing:.16em;font-weight:800}.top-actions{display:flex;gap:8px}.icon-btn,.ghost-btn{border:1px solid var(--line);background:var(--accent-soft);color:var(--ink);border-radius:11px;min-height:42px;padding:0 13px}.icon-btn{width:42px;padding:0}.menu-btn{display:none}main{max-width:1480px;margin:0 auto;padding:clamp(20px,3vw,38px)}.view{display:none}.view.active{display:block}.hero{min-height:390px;position:relative;overflow:hidden;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:30px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,0)),var(--panel);box-shadow:var(--shadow)}.oracle-frame{border:3px solid var(--accent);outline:1px solid var(--accent2);outline-offset:-14px}.hero h1,.page-head h1{font-family:Georgia,serif;line-height:1.05;margin:.4rem 0 1rem}.hero h1{font-size:clamp(2.25rem,5vw,5rem);max-width:900px}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:720px;color:var(--muted);font-size:1.06rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.primary,.secondary,.danger,.link-btn{border-radius:11px;min-height:44px;padding:10px 16px;font-weight:750}.primary{border:1px solid var(--accent);background:var(--accent);color:#07100e}.secondary{border:1px solid var(--line);background:var(--accent-soft);color:var(--ink)}.danger{border:1px solid #a53636;background:#5b1d1d;color:#fff}.link-btn{border:0;background:transparent;color:var(--accent);padding-inline:6px}.full{width:100%}.hero-sigil{width:min(360px,68vw);aspect-ratio:1;margin:auto;position:relative;opacity:.9}.orbit{position:absolute;border:2px solid var(--accent2);border-radius:50%;inset:7%}.orbit.o2{inset:25%}.orbit.o3{inset:40%}.axis{position:absolute;left:50%;top:7%;width:2px;height:86%;background:var(--accent2);transform-origin:center}.a1{transform:rotate(90deg)}.a2{transform:rotate(30deg)}.a3{transform:rotate(-30deg)}.core{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--accent);left:calc(50% - 10px);top:calc(50% - 10px);box-shadow:0 0 26px var(--accent)}.spiral.big{width:94px;height:94px;border-width:5px;left:calc(50% - 47px);top:calc(58% - 47px);opacity:.8}.spiral.big:after{width:36px;height:36px;border-width:5px;left:10px;top:34px}.bigzero{left:calc(50% - 25px);bottom:5%;width:50px;height:72px;border-width:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:16px 0}.metrics article,.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.02),transparent),var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.metrics article{padding:18px}.metrics strong{display:block;font-family:Georgia,serif;color:var(--accent);font-size:clamp(1.7rem,4vw,2.5rem)}.metrics span{color:var(--muted);font-size:.84rem}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}.accent-line{border-left:4px solid var(--accent)}.panel h2{font-family:Georgia,serif;margin:.15rem 0 1rem}.panel-head,.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-head{margin-bottom:20px}.page-head h1{font-size:clamp(2rem,5vw,3.6rem)}.page-head p{color:var(--muted);max-width:760px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-grid div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015)}.health-grid span{display:block;color:var(--muted);font-size:.76rem}.health-grid strong{display:block;margin-top:5px}.micro{font-size:.8rem;color:var(--muted)}.timeline{display:grid;gap:9px}.timeline-item{padding:10px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-item strong{display:block}.timeline-item small{color:var(--muted)}.empty{color:var(--muted);padding:14px;border:1px dashed var(--line);border-radius:12px}.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.space-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.space-card:before{content:"";position:absolute;width:130px;height:130px;border:1px solid var(--accent2);border-radius:50%;right:-55px;top:-55px}.space-card h3{font-family:Georgia,serif;font-size:1.35rem;margin:.2rem 0}.space-card p{color:var(--muted);min-height:44px}.space-card .count{color:var(--accent);font-weight:800}.space-card-actions{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.space-card-actions button{min-height:38px}.panel label{display:block;margin:13px 0 6px;color:var(--muted);font-size:.83rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#080b12;color:var(--ink);padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drop-zone{padding:26px!important;border:1px dashed var(--accent)!important;border-radius:16px;text-align:center;background:var(--accent-soft);cursor:pointer}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone span,.drop-zone strong,.drop-zone small{display:block}.drop-glyph{font-size:2rem;color:var(--accent)}.drop-zone small{margin-top:6px;color:var(--muted)}.searchbar{display:flex;gap:8px;min-width:min(100%,560px)}.searchbar input{flex:1}.searchbar select{max-width:210px}.documents-list{display:grid;gap:10px}.doc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.doc-row:hover{border-color:var(--accent2)}.doc-main{min-width:0}.doc-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doc-title h3{margin:0;font-size:1.03rem}.chip{display:inline-block;padding:3px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:.69rem;font-weight:800}.doc-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.76rem;margin-top:8px}.doc-actions{display:flex;align-items:center;gap:7px}.doc-actions button{min-height:38px}.state-pill{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800}.state-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.vault-card{position:relative;overflow:hidden}.vault-icon{font-size:2.4rem;color:var(--accent)}.progress-wrap{margin-top:12px}.progress-wrap progress{width:100%}.warning{border-left:4px solid var(--accent);margin-top:14px}.audit-list{display:grid;gap:8px}.audit-entry{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.audit-entry .seq{font-family:monospace;color:var(--accent)}.audit-entry small{color:var(--muted)}.theme-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.theme-card{position:relative;aspect-ratio:3/4;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg);padding:0}.theme-card img{width:100%;height:100%;object-fit:cover;opacity:.72}.theme-card span{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:8px;background:rgba(0,0,0,.72);color:#fff;font-size:.7rem}.theme-card.active{outline:2px solid var(--accent);outline-offset:2px}.meta-list{margin:0}.meta-list div{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0;text-align:right}.danger-zone{border-color:rgba(255,105,95,.35)}.references{margin-top:14px}.reference-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:6px}.reference-strip img{width:110px;aspect-ratio:3/4;object-fit:cover;border-radius:9px;border:1px solid var(--line);flex:0 0 auto}dialog{border:0;padding:0;background:transparent;color:var(--ink);max-width:min(92vw,760px);width:100%}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.dialog-card{position:relative;padding:26px;border:2px solid var(--accent);outline:1px solid var(--accent2);outline-offset:-10px;border-radius:18px;background:var(--panel);box-shadow:0 30px 80px rgba(0,0,0,.5)}.dialog-card.wide{max-height:88vh;overflow:auto}.dialog-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--accent-soft);color:var(--ink);font-size:1.3rem}.detail-head{padding-right:45px}.detail-head h2{font-family:Georgia,serif;font-size:2rem;margin:.2rem 0}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-top:16px}.detail-section{padding:16px;border:1px solid var(--line);border-radius:14px}.detail-section h3{margin:.1rem 0 .8rem}.hash{font-family:monospace;font-size:.72rem;overflow-wrap:anywhere;color:var(--muted)}.history{display:grid;gap:6px}.history-row{display:grid;grid-template-columns:125px 1fr;gap:10px;font-size:.78rem}.history-row strong{color:var(--accent)}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:100;max-width:min(420px,calc(100vw - 36px));padding:13px 16px;border:1px solid var(--accent);border-radius:12px;background:#070a0f;color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:var(--danger)}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;width:270px;transition:.2s}.sidebar.open{left:0}.menu-btn{display:inline-grid;place-items:center}.hero{grid-template-columns:1fr}.hero-sigil{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.top-actions .ghost-btn{display:none}}
@media(max-width:640px){main{padding:14px}.topbar{padding:0 14px}.metrics{grid-template-columns:1fr 1fr}.hero{min-height:auto;padding:30px 22px}.oracle-frame{outline-offset:-9px}.hero h1{font-size:2.35rem}.page-head{flex-direction:column}.page-head h1{font-size:2.35rem}.searchbar{width:100%;min-width:0;flex-direction:column}.searchbar select{max-width:none}.form-row{grid-template-columns:1fr}.doc-row{grid-template-columns:1fr}.doc-actions{justify-content:flex-start}.health-grid{grid-template-columns:1fr}.audit-entry{grid-template-columns:55px minmax(0,1fr)}.audit-entry>small{grid-column:2}.theme-gallery{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.meta-list div{grid-template-columns:1fr}.meta-list dd{text-align:left}.history-row{grid-template-columns:1fr}.dialog-card{padding:22px 16px}.top-title strong{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.detail-sillage{margin-top:13px}

/* RC2 — robustesse responsive et lisibilité */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body,.app-shell,.main-shell,main,.view,.grid,.panel,form,.page-head,.panel-head,.topbar,.doc-row,.detail-grid{min-width:0;max-width:100%}
.app-shell{width:100%;overflow-x:clip}
.main-shell{width:100%;overflow-x:clip}
main{width:100%}
.page-head>*,.panel-head>*,.grid>*,.detail-grid>*,.doc-row>*{min-width:0}
h1,h2,h3,p,strong,small,span,dt,dd,label{overflow-wrap:anywhere}
input,select,textarea,button{min-width:0;max-width:100%}
.searchbar{max-width:100%}
.doc-actions,.dialog-actions,.hero-actions,.space-card-actions{flex-wrap:wrap}
.drop-zone{display:grid;gap:8px;position:relative}
.drop-zone input[type="file"]{position:static;opacity:1;pointer-events:auto;width:100%;max-width:100%;padding:8px;background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:10px;color:var(--muted);overflow:hidden}
.drop-zone input[type="file"]::file-selector-button{margin-right:10px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#07100e;padding:8px 11px;font-weight:800;cursor:pointer}
.file-picker-label{margin:8px 0 0!important;color:var(--ink)!important;font-size:.78rem!important}
.help{margin-top:8px!important}
.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}
.technical-details{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.technical-details summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:750}
.technical-details[open] summary{color:var(--accent)}
.technical-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;overflow-wrap:anywhere;color:var(--muted)}
.history-row{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.history-row:last-child{border-bottom:0}
.history-row .history-note{display:block;color:var(--muted);margin-top:3px;line-height:1.4}
.decision-box{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015)}
.decision-box label.checkbox-line{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-weight:600}
.decision-box label.checkbox-line input{width:auto;margin-top:3px;flex:0 0 auto}
.decision-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.audit-entry details{margin-top:7px}
.audit-entry summary{cursor:pointer;color:var(--muted);font-size:.75rem}
.audit-entry .friendly-actor{color:var(--muted);font-size:.75rem}
.audit-entry .tech-json{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.status-explainer{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--accent-soft);font-size:.78rem;color:var(--muted)}
@media(max-width:980px){
  .sidebar{left:-100vw;width:min(270px,86vw);max-width:86vw}
  .topbar{width:100%}
}
@media(max-width:640px){
  .decision-actions{grid-template-columns:1fr}
  .panel{padding:16px}
  .drop-zone{padding:18px!important}
  .top-actions{min-width:0}
  .top-actions .icon-btn{flex:0 0 auto}
}

/* =========================================================
   v0.3 — DIRECTION ARTISTIQUE INTÉGRÉE
   Référence : maquettes validées mobile + responsive
   ========================================================= */
:root{
  --orion:#f6c444;--triton:#00d8ff;--atlante:#00f0c8;--akash:#b266ff;--zero-orange:#ff8a00;--monolithe:#f5f4ea;
  --night:#020914;--night2:#061426;--night3:#0a1a30;
  --gold-line:rgba(246,196,68,.50);--gold-soft:rgba(246,196,68,.10);
}
html,body{background:#020812;color:var(--ink)}
body{
  background:
    radial-gradient(circle at 10% 11%,rgba(40,100,165,.25),transparent 24rem),
    radial-gradient(circle at 82% 8%,rgba(0,216,255,.07),transparent 22rem),
    radial-gradient(circle at 50% 120%,rgba(178,102,255,.08),transparent 35rem),
    linear-gradient(180deg,#020812 0%,#04101e 52%,#020712 100%);
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:.42;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.3px);background-size:83px 83px;background-position:15px 21px}
body:after{content:"";position:fixed;inset:auto 0 0;height:28vh;pointer-events:none;z-index:-1;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55)),radial-gradient(ellipse at 50% 100%,rgba(54,85,145,.20),transparent 62%);clip-path:polygon(0 68%,9% 47%,18% 73%,27% 42%,36% 72%,47% 37%,58% 70%,67% 44%,76% 76%,87% 49%,100% 72%,100% 100%,0 100%)}

/* Desktop: horizontal architecture inspired by the validated board */
.app-shell{display:block;min-height:100vh}
.sidebar{display:none}
.main-shell{width:100%;min-height:100vh}
.topbar{height:78px;padding:0 clamp(18px,4vw,58px);border-bottom:1px solid rgba(246,196,68,.28);background:rgba(2,9,20,.86);box-shadow:0 7px 28px rgba(0,0,0,.24)}
.topbar:after{content:"";position:absolute;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px);bottom:5px;border-bottom:1px solid rgba(246,196,68,.17)}
.top-brand{display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--orion)!important;box-shadow:none!important;text-align:left!important;white-space:nowrap}
.top-brand:hover{background:transparent!important}
.top-brand-glyph{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid var(--gold-line);border-radius:50%;color:var(--orion)!important;font-size:1.25rem}
.top-brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1rem;letter-spacing:.055em;font-weight:600}
.top-brand small{display:block;color:#a9b7ca;font-size:.61rem;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}
.desktop-nav{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:12px}
.desktop-nav .nav-btn{width:auto;border:0;border-radius:0;background:transparent;padding:10px 9px;color:#aeb9ca;font-size:.77rem;font-weight:650;box-shadow:none;position:relative}
.desktop-nav .nav-btn:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:1px;background:transparent}
.desktop-nav .nav-btn:hover,.desktop-nav .nav-btn.active{background:transparent;color:var(--orion)}
.desktop-nav .nav-btn.active:after{background:var(--orion);box-shadow:0 0 8px rgba(246,196,68,.6)}
.top-actions .ghost-btn{border-color:rgba(246,196,68,.55);background:rgba(246,196,68,.06);color:var(--orion)}
.top-actions .icon-btn{border-color:rgba(0,216,255,.45);background:rgba(0,216,255,.06);color:var(--triton)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

main{max-width:1500px;padding:clamp(18px,2.8vw,44px) clamp(14px,3.5vw,54px) 100px}

/* Home — direct translation of the validated smartphone/desktop boards */
.home-cosmos{position:relative;isolation:isolate;min-height:680px;overflow:hidden;padding:clamp(38px,5.5vw,82px);background:linear-gradient(180deg,rgba(1,8,19,.80),rgba(2,10,21,.94));box-shadow:0 28px 80px rgba(0,0,0,.36);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-template-rows:auto 1fr auto;gap:24px 44px;align-items:center}
.home-cosmos.oracle-frame{border:3px solid var(--orion);outline:1px solid rgba(246,196,68,.52);outline-offset:-14px;border-radius:2px}
.home-cosmos:before{content:"";position:absolute;inset:22px;border:1px solid rgba(246,196,68,.13);pointer-events:none}
.home-cosmos:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:31%;z-index:-1;background:linear-gradient(180deg,transparent,rgba(1,5,12,.96)),radial-gradient(ellipse at 50% 110%,rgba(34,81,141,.34),transparent 62%);clip-path:polygon(0 72%,8% 51%,16% 77%,27% 45%,36% 76%,46% 54%,54% 78%,65% 47%,75% 77%,86% 48%,100% 72%,100% 100%,0 100%)}
.planet{position:absolute;border-radius:50%;z-index:-2;pointer-events:none}
.planet-left{width:min(44vw,620px);aspect-ratio:1;left:-20%;top:-13%;background:radial-gradient(circle at 68% 42%,rgba(68,115,170,.38),rgba(13,35,62,.85) 41%,rgba(2,9,18,.98) 70%);box-shadow:inset -34px -15px 74px rgba(0,0,0,.7),0 0 60px rgba(34,96,165,.15)}
.planet-right{width:min(16vw,220px);aspect-ratio:1;right:4%;top:7%;background:radial-gradient(circle at 27% 50%,rgba(71,108,150,.35),rgba(4,15,29,.98) 58%);opacity:.65}
.cosmic-lines{position:absolute;inset:8% 22% 24%;z-index:-1;background:radial-gradient(circle at 50% 43%,transparent 0 17%,rgba(246,196,68,.18) 17.3% 17.6%,transparent 18% 28%,rgba(246,196,68,.14) 28.3% 28.6%,transparent 29% 40%,rgba(246,196,68,.10) 40.3% 40.6%,transparent 41%);opacity:.85}
.cosmic-lines:before,.cosmic-lines:after{content:"";position:absolute;left:50%;top:10%;width:1px;height:68%;background:linear-gradient(transparent,rgba(246,196,68,.55),transparent);transform-origin:50% 50%}
.cosmic-lines:after{transform:rotate(90deg)}
.home-kicker{grid-column:1/-1;text-align:center;color:rgba(246,196,68,.75);font-size:.65rem;letter-spacing:.42em;font-weight:700;text-transform:uppercase}
.home-copy{align-self:center;max-width:700px;position:relative;z-index:2}
.home-copy>.eyebrow{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1rem,2vw,1.45rem);letter-spacing:.08em;color:var(--orion);margin-bottom:16px}
.home-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.8rem,5vw,5.6rem);line-height:.98;margin:0;color:#f5f0e3;text-shadow:0 2px 30px rgba(0,0,0,.45)}
.home-copy h1 em{font-style:normal;color:var(--orion)}
.home-lead{color:#b8c6d8;max-width:680px;line-height:1.7;font-size:1rem;margin:22px 0 12px}
.home-copy blockquote{margin:24px 0 0;padding-left:18px;border-left:1px solid rgba(246,196,68,.55);font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#d6d8df;font-size:1rem}
.home-symbol{position:absolute;left:50%;top:24%;width:160px;height:180px;transform:translateX(-50%);pointer-events:none;opacity:.92}
.spiral.luminous{width:90px;height:90px;left:35px;top:10px;border-width:3px;border-color:var(--orion);border-left-color:transparent;border-bottom-color:transparent;filter:drop-shadow(0 0 8px rgba(246,196,68,.5))}
.spiral.luminous:after{width:34px;height:34px;border-width:3px;left:10px;top:31px}
.symbol-axis{position:absolute;left:50%;top:0;width:1px;height:140px;background:linear-gradient(transparent,var(--orion),transparent)}
.symbol-core{position:absolute;left:calc(50% - 4px);top:48px;width:8px;height:8px;border-radius:50%;background:var(--orion);box-shadow:0 0 18px var(--orion)}
.feature-grid{align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:530px;margin-left:auto;position:relative;z-index:3}
.feature-card{min-height:118px;border:1px solid currentColor;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01)),rgba(4,13,26,.75);padding:15px;color:var(--orion);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 24px rgba(255,255,255,.01);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.feature-card:hover{transform:translateY(-2px);background:rgba(8,21,39,.9);box-shadow:0 0 22px color-mix(in srgb,currentColor 18%,transparent)}
.feature-card .feature-icon{font-size:1.8rem;margin-bottom:7px;line-height:1;text-shadow:0 0 14px currentColor}
.feature-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;font-weight:600;color:currentColor}
.feature-card small{color:#9fb0c5;margin-top:4px;line-height:1.25}
.feature-gold{color:var(--orion)}.feature-cyan{color:var(--triton)}.feature-violet{color:var(--akash)}.feature-turquoise{color:var(--atlante)}.feature-orange{color:var(--zero-orange)}.feature-akash{color:#c16fff}
.home-principles{grid-column:1/-1;display:flex;justify-content:center;gap:0;position:relative;z-index:4;margin-top:16px}
.home-principles span{padding:7px 15px;color:#a8c2d2;font-size:.74rem;border-top:1px solid rgba(0,216,255,.35);border-bottom:1px solid rgba(0,216,255,.20);background:rgba(0,216,255,.025)}
.home-principles span:first-child{border-left:1px solid rgba(0,216,255,.35);border-radius:999px 0 0 999px}.home-principles span:last-child{border-right:1px solid rgba(0,216,255,.35);border-radius:0 999px 999px 0}
.point-zero{position:absolute;left:calc(50% - 18px);bottom:24px;width:36px;height:56px;border:5px solid var(--orion);z-index:2;box-shadow:0 0 14px rgba(246,196,68,.2)}

/* Functional surfaces keep the same visual language, without sacrificing clarity */
.metrics{margin:20px 0;gap:12px}.metrics article{border-radius:12px;background:linear-gradient(180deg,rgba(7,20,38,.90),rgba(4,12,24,.92));border-color:rgba(246,196,68,.22);box-shadow:none}.metrics article:nth-child(2){border-color:rgba(0,216,255,.27)}.metrics article:nth-child(3){border-color:rgba(178,102,255,.27)}.metrics article:nth-child(4){border-color:rgba(0,240,200,.27)}
.panel,.space-card,.doc-row{background:linear-gradient(180deg,rgba(8,21,39,.91),rgba(4,12,24,.95));border-color:rgba(246,196,68,.22);border-radius:13px;box-shadow:0 18px 45px rgba(0,0,0,.20)}
.panel{position:relative}.panel:after{content:"";position:absolute;inset:6px;border:1px solid rgba(246,196,68,.055);border-radius:9px;pointer-events:none}
.page-head{padding:18px 0 6px;border-bottom:1px solid rgba(246,196,68,.16)}
.page-head h1,.panel h2,.space-card h3,.detail-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.page-head h1{color:#f2ead9}.eyebrow{color:var(--orion)}
.primary{background:var(--orion);border-color:var(--orion);color:#08101b;box-shadow:0 0 14px rgba(246,196,68,.12)}
.secondary{background:rgba(0,216,255,.035);border-color:rgba(0,216,255,.32);color:#d9f8ff}.secondary:hover{border-color:var(--triton)}
.link-btn{color:var(--triton)}
input,select,textarea{background:rgba(1,8,17,.84);border-color:rgba(124,161,199,.22)}
input:focus,select:focus,textarea:focus{border-color:var(--triton);box-shadow:0 0 0 3px rgba(0,216,255,.08)}
.drop-zone{border-color:rgba(0,216,255,.62)!important;background:rgba(0,216,255,.045)}
.drop-glyph{color:var(--triton)}
.vault-icon{color:var(--akash)!important;text-shadow:0 0 20px rgba(178,102,255,.4)}
.state-pill{border-color:rgba(0,240,200,.35)!important;color:var(--atlante)!important;background:rgba(0,240,200,.05)!important}
.chip{border-color:rgba(246,196,68,.28)!important;color:#d8c47c!important}
.dialog-card{border-color:var(--orion);outline-color:rgba(246,196,68,.38);border-radius:4px;background:linear-gradient(180deg,#071426,#030a13)}

/* Design references in settings */
.references{overflow:hidden}.reference-strip img{width:126px;border-radius:3px;border-color:rgba(246,196,68,.28)}
.theme-card{background:rgba(3,10,20,.88)!important;border-color:rgba(246,196,68,.22)!important}
.theme-card.active{border-color:var(--orion)!important;box-shadow:0 0 0 1px rgba(246,196,68,.18),0 0 24px rgba(246,196,68,.08)}

/* mobile dock */
.mobile-dock{display:none}

@media(max-width:1120px){
  .desktop-nav{gap:0}.desktop-nav .nav-btn{padding-inline:6px;font-size:.71rem}
  .top-brand small{display:none}
  .home-cosmos{grid-template-columns:1fr minmax(320px,.8fr);padding-inline:44px}
}
@media(max-width:980px){
  .sidebar{display:flex;position:fixed;left:-100vw;width:min(290px,88vw);max-width:88vw;z-index:90;background:rgba(2,9,19,.97);border-right:1px solid rgba(246,196,68,.35)}
  .sidebar.open{left:0}
  .desktop-nav{display:none}.menu-btn{display:grid}.top-brand{margin-right:auto}.top-actions .ghost-btn{display:none}
  .home-cosmos{grid-template-columns:1fr;min-height:auto;padding:52px 38px 88px;text-align:center}
  .home-copy{margin:0 auto}.home-copy blockquote{border-left:0;padding-left:0}.home-symbol{top:14%;opacity:.68}.feature-grid{margin:16px auto 0;width:min(100%,620px);max-width:none}.home-principles{margin-top:8px}.planet-left{left:-30%;top:-8%;width:70vw}.planet-right{display:none}.cosmic-lines{inset:14% 15% 32%}
  .point-zero{bottom:18px}
}
@media(max-width:640px){
  body{padding-bottom:72px}
  .topbar{height:64px;padding:0 12px}.topbar:after{left:12px;right:12px}.top-brand-glyph{width:28px!important;height:28px!important;font-size:1rem}.top-brand strong{font-size:.78rem}.top-actions .icon-btn{width:36px;min-height:36px}
  main{padding:12px 10px 90px}
  .home-cosmos{padding:42px 18px 82px;border-width:2px!important;outline-offset:-9px!important;min-height:720px}
  .home-cosmos:before{inset:13px}.home-kicker{font-size:.53rem;letter-spacing:.22em;line-height:1.7;padding-inline:20px}
  .home-copy>.eyebrow{font-size:.84rem;margin-bottom:10px}.home-copy h1{font-size:clamp(2.15rem,11vw,3.15rem);line-height:1.02}.home-lead{font-size:.89rem;line-height:1.55;margin-top:16px}.home-copy blockquote{font-size:.88rem;margin-top:14px}
  .home-symbol{width:120px;height:130px;top:18%;opacity:.48}.spiral.luminous{width:70px;height:70px;left:25px}.symbol-axis{height:105px}.symbol-core{top:39px}
  .feature-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.feature-card{min-height:106px;padding:11px 8px}.feature-card .feature-icon{font-size:1.55rem}.feature-card strong{font-size:.9rem}.feature-card small{font-size:.67rem}
  .home-principles{gap:4px;flex-wrap:wrap}.home-principles span{border:1px solid rgba(0,216,255,.28)!important;border-radius:999px!important;padding:5px 9px;font-size:.64rem}.point-zero{width:28px;height:42px;border-width:4px;left:calc(50% - 14px)}
  .metrics{grid-template-columns:1fr 1fr}.metrics article{padding:13px}.metrics strong{font-size:1.55rem}.metrics span{font-size:.71rem}
  .panel{border-radius:10px}.panel:after{inset:4px;border-radius:7px}.page-head{padding-top:8px}.page-head h1{font-size:2.15rem}.page-head p{font-size:.86rem}
  .mobile-dock{display:grid;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);z-index:75;border:1px solid rgba(246,196,68,.35);outline:1px solid rgba(246,196,68,.11);outline-offset:-5px;border-radius:15px;background:rgba(2,9,19,.94);backdrop-filter:blur(18px);box-shadow:0 12px 36px rgba(0,0,0,.45);padding:6px}
  .mobile-dock .nav-btn{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center;text-align:center;padding:7px 3px;border-radius:9px;background:transparent;color:#8397ad;font-size:.82rem;box-shadow:none}
  .mobile-dock .nav-btn span{width:auto;color:currentColor;font-size:1.1rem}.mobile-dock .nav-btn small{font-size:.56rem}.mobile-dock .nav-btn.active{background:rgba(246,196,68,.07);color:var(--orion);box-shadow:inset 0 1px rgba(246,196,68,.32)}
  .mobile-dock .nav-btn.active:nth-child(4){color:var(--triton)}.mobile-dock .nav-btn.active:nth-child(5){color:var(--akash)}
  dialog{max-width:calc(100vw - 16px)}
}