:root{--bg:#1b1a19;--panel:#222120;--field:#2b2a28;--ink:#ece8e3;--muted:#8a857e;--line:#383532;--accent:#e8532b;--ok:#4ade80}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;background:radial-gradient(900px 420px at 55% 0,#2a1d17 0,var(--bg) 70%) var(--bg);color:var(--ink);font:400 16px/1.6 Lexend,system-ui,sans-serif}
.mono{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em}
svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}

/* sidebar */
.side{width:250px;flex:none;border-right:1px solid var(--line);background:#1f1e1c;padding:24px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:12px;padding:0 12px 20px;font-weight:500}
.logo{display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--accent);color:var(--accent);font:700 11px "JetBrains Mono"}
.stat{padding:0 12px 24px;border-bottom:1px solid var(--line);margin-bottom:24px}
.stat b{display:block;font:400 3rem/1 Anton,sans-serif}
.stat small,.nav-title,.side-foot{font-size:.65rem;color:var(--muted)}
.nav-title{padding:0 12px;margin:0 0 8px}
nav a{display:flex;align-items:center;gap:14px;padding:10px 12px;color:var(--muted);text-decoration:none;font-size:.95rem;transition:.2s}
nav a svg{width:18px}
nav a:hover{color:var(--ink)}
nav a.on{background:var(--field);color:var(--ink);box-shadow:inset 2px 0 var(--accent)}
nav a.on svg{color:var(--accent)}


/* main */
.main{flex:1;min-width:0;padding:56px 40px}
.wrap{max-width:1100px;margin:0 auto;animation:rise .6s ease both}
.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:.7rem;margin:0 0 4px}
.eyebrow svg{width:14px}
h1{margin:0;font:400 clamp(3.2rem,9vw,5.6rem)/1.05 Anton,sans-serif;letter-spacing:-.01em}
h2{margin:12px 0 4px;font:400 2.6rem/1 Anton,sans-serif}
.cursor{color:var(--accent);animation:blink 1.1s steps(1) infinite}
.lead{color:#c9c4bd;font-size:1.05rem;max-width:620px;margin:16px 0 40px;font-weight:300}
section{animation:fade .4s ease both}
.label{font-size:.68rem;color:var(--muted);margin:24px 0 10px;display:flex;gap:10px;align-items:center;letter-spacing:.1em}
.label b{color:var(--accent);font-weight:500}
.muted{color:var(--muted);font-size:.75rem}

.drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;border:1px dashed #4a4642;background:var(--field);cursor:pointer;text-align:center;transition:.2s}
.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--accent);background:#2f2723;outline:none}
.drop-icon{width:34px;color:var(--accent);animation:float 2.4s ease-in-out infinite}
.drop strong{font-size:.8rem;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drop span{font-size:.65rem;color:var(--muted)}
.drop.has-file{border-style:solid;border-color:var(--accent)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
select{width:100%;padding:14px 44px 14px 14px;border:1px solid var(--line);background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8532b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px;color:var(--ink);font:400 .8rem "JetBrains Mono",monospace;letter-spacing:.04em;border-radius:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:.2s;text-overflow:ellipsis}
select:hover{border-color:#4a4642;background-color:#2f2c2a}
select:focus{outline:none;border-color:var(--accent);background-color:#2f2723}
select:disabled{opacity:.5;cursor:not-allowed}
select option{background:var(--panel);color:var(--ink);font:400 .8rem "JetBrains Mono",monospace;padding:10px}
select option:checked{background:#2f2723;color:var(--accent)}
.btn{display:inline-block;margin-top:28px;padding:15px 28px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;transition:.2s;border-radius:0}
.btn:hover:not(:disabled){background:#ff6a3f;transform:translateY(-2px)}
.btn:disabled{opacity:.35;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line);margin-left:8px}
.btn.ghost:hover{border-color:var(--accent);background:transparent}

#file-chip{color:var(--ink);text-transform:none;letter-spacing:0}
.steps{list-style:none;margin:0 0 24px;padding:0;border:1px solid var(--line);background:var(--panel)}
.steps li{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);opacity:.4;transition:opacity .4s,background .4s}
.steps li:last-child{border:0}
.steps li div{flex:1}
.steps small{display:block;color:var(--muted);font-size:.8rem}
.steps em{font-style:normal;font-size:.65rem;color:var(--accent)}
.dot{width:22px;height:22px;border:2px solid #4a4642;flex:none;position:relative;transition:.3s}
.steps li.active{opacity:1;background:#2a221e}
.steps li.active .dot{border-color:var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
.steps li.done{opacity:1}
.steps li.done .dot{background:var(--accent);border-color:var(--accent);animation:pop .35s ease}
.steps li.done .dot::after{content:"";position:absolute;left:6px;top:1px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bar{height:3px;background:var(--line)}
#bar-fill{height:100%;width:0;background:var(--accent);transition:width .6s ease;box-shadow:0 0 12px var(--accent)}
#timer{margin-top:10px}

.check svg{width:64px;stroke-width:3}
.check circle,.check path{stroke:var(--accent);stroke-dasharray:151;stroke-dashoffset:151;animation:draw .6s ease forwards}
.check path{stroke-dasharray:50;stroke-dashoffset:50;animation-delay:.5s;animation-duration:.4s}
.actions{display:flex;flex-wrap:wrap;align-items:center}
.notice{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border:1px solid var(--accent);background:#2a1c16;color:var(--accent);font-size:.75rem;letter-spacing:.05em;text-transform:none;font-family:Lexend,sans-serif}
.notice svg{width:20px;flex:none}

@keyframes rise{from{opacity:0;transform:translateY(20px)}}
@keyframes fade{from{opacity:0}}
@keyframes blink{50%{opacity:0}}
@keyframes float{50%{transform:translateY(-5px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pop{50%{transform:scale(1.3)}}
@keyframes draw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition:none!important}}
@media (max-width:760px){.side{display:none}.main{padding:32px 16px}.row{grid-template-columns:1fr}}

/* page réglages */
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tab{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:.72rem;cursor:pointer;transition:.2s;border-radius:0}
.tab:hover{border-color:var(--accent)}
.tab.on{border-color:var(--accent);background:#2f2723;box-shadow:inset 0 -2px var(--accent)}
.tab i{width:8px;height:8px;border-radius:50%;background:#4a4642}
.tab i.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.tab small{color:var(--accent);font-size:.6rem}
#prov-panel{animation:fade .35s ease both}
.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.inline .btn{margin:0}
.field{flex:1;min-width:220px;width:100%;padding:14px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:400 .9rem "JetBrains Mono",monospace;border-radius:0}
.field:focus{outline:1px solid var(--accent)}
.hint{font-size:.6rem;color:var(--muted);margin:10px 0 0}
#key-msg{margin-top:14px}
#key-state{color:var(--ink);text-transform:none;letter-spacing:0}
.models{list-style:none;margin:10px 0 0;padding:0;max-height:300px;overflow:auto;border:1px solid var(--line);background:var(--panel)}
.models li{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font:400 .8rem "JetBrains Mono",monospace;cursor:pointer;transition:background .15s;animation:fade .3s ease both}
.models li:hover{background:var(--field)}
.models li.fast{box-shadow:inset 2px 0 var(--accent);background:#2a221e}
.models li.smart{box-shadow:inset -2px 0 var(--ok)}
.models li span{font-size:.6rem;letter-spacing:.1em;color:var(--accent)}
.models li.smart span{color:var(--ok)}
.chosen{padding:12px 14px;border:1px solid var(--line);background:var(--field);font-size:.72rem;letter-spacing:.02em;text-transform:none;overflow:hidden;text-overflow:ellipsis}
.skeleton{height:44px;margin-top:8px;background:linear-gradient(90deg,var(--field),#33302d,var(--field));background-size:200% 100%;animation:shine 1.2s linear infinite}
@keyframes shine{to{background-position:-200% 0}}

/* auth & admin */
.navlink{display:flex;align-items:center;gap:14px;padding:10px 12px;color:var(--muted);text-decoration:none;font-size:.95rem;transition:.2s}
.navlink svg{width:18px}.navlink:hover{color:var(--ink)}
.navlink.on{background:var(--field);color:var(--ink);box-shadow:inset 2px 0 var(--accent)}.navlink.on svg{color:var(--accent)}
.side-bottom{margin-top:auto;padding-bottom:12px}
.side-user{margin-top:0;padding:16px 12px 0;border-top:1px solid var(--line);font-size:.65rem}
.side-user a{color:var(--accent);text-decoration:none}
#side-account{display:flex;flex-direction:column;gap:8px}
#side-email{color:var(--ink);overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:.02em}
#side-logout{all:unset;cursor:pointer;color:var(--muted);letter-spacing:.12em}
#side-logout:hover{color:var(--accent)}
#page-login,#page-lobby{max-width:440px;text-align:center;padding-top:6vh}
#page-login .eyebrow,#page-login .label,#page-login .actions,#page-lobby .eyebrow,#page-lobby .actions{justify-content:center}
#page-login .lead,#page-lobby .lead{margin:16px auto 32px}
#page-login .field{text-align:center}
#page-login .actions,#page-lobby .actions{flex-direction:column;gap:10px}
#page-login .actions .btn,#page-lobby .actions .btn{width:100%;margin:0}
#lobby-email{color:var(--muted);margin:0 0 24px;text-transform:none;letter-spacing:.02em}
#lobby-msg{margin-bottom:16px;text-align:left}
#login-err{margin-bottom:8px;text-align:left}
.gbtn{margin-left:0!important;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:0}
.glogo{width:18px;height:18px;stroke:none}
.tablewrap{overflow:auto;border:1px solid var(--line);background:var(--panel)}
.users{width:100%;border-collapse:collapse;font-size:.85rem}
.users th{text-align:left;padding:12px 16px;font-size:.62rem;color:var(--muted);border-bottom:1px solid var(--line);font-weight:400}
.users td{padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.users tr:last-child td{border:0}
.users tbody tr{animation:fade .3s ease both}
.users tbody tr:hover{background:var(--field)}
.users small{display:block;color:var(--muted)}
.badge{display:inline-block;padding:2px 8px;border:1px solid var(--line);font:400 .6rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.badge.admin{border-color:var(--accent);color:var(--accent)}
.badge.pending{border-color:#d9a441;color:#d9a441}
.badge.approved{border-color:var(--ok);color:var(--ok)}
.badge.rejected{border-color:var(--muted);color:var(--muted)}

/* historique */
.hist{list-style:none;margin:0;padding:0;border:1px solid var(--line);background:var(--panel)}
.hist:empty{display:none}
.hist li{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);animation:fade .35s ease both;transition:background .2s}
.hist li:last-child{border:0}
.hist li:hover{background:var(--field)}
.hist-main{min-width:0;flex:1 1 260px}
.hist-main b{display:block;font-weight:500}
.hist-main small{display:block;color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis}
.hist-main small.mono{font-size:.6rem;margin-top:4px}
.hist-act{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.hist-act select{width:auto;padding:10px 38px 10px 12px;background-position:right 12px center;background-size:14px}
.hist-act .btn{margin:0;padding:11px 16px}
#done-saved a{color:var(--accent)}

/* guide des gabarits */
.guide{max-width:920px}
.guide h1{font-size:clamp(2.6rem,7vw,4.2rem)}
.guide h3{margin:56px 0 12px;padding-top:24px;border-top:1px solid var(--line);font:400 1.7rem/1.1 Anton,sans-serif;letter-spacing:.01em;scroll-margin-top:16px}
.guide h4{margin:32px 0 8px;font:500 1rem/1.3 Lexend,sans-serif;color:var(--ink)}
.guide h4.grp{font:700 .8rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:40px}
.guide h4.grp small{margin-left:10px;color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0;font-family:Lexend,sans-serif;font-size:.8rem}
.guide p,.guide li{color:#c9c4bd;font-weight:300}
.guide b{color:var(--ink);font-weight:500}
.guide code{font:400 .82rem "JetBrains Mono",monospace;background:var(--field);border:1px solid var(--line);padding:1px 6px;color:#f3c9b8;word-break:break-word}
.guide code.v{cursor:pointer;transition:.15s}
.guide code.v:hover{border-color:var(--accent)}
.guide code.copied{border-color:var(--ok);color:var(--ok)}
.guide pre.snip{position:relative;margin:8px 0;padding:16px 90px 16px 18px;background:var(--panel);border:1px solid var(--line);border-left:2px solid var(--accent);font:400 .85rem/1.6 "JetBrains Mono",monospace;color:#f3c9b8;white-space:pre-wrap;word-break:break-word}
.guide .copy{position:absolute;top:10px;right:10px;padding:5px 10px;border:1px solid var(--line);background:var(--field);color:var(--muted);font-size:.58rem;cursor:pointer;border-radius:0}
.guide .copy:hover{border-color:var(--accent);color:var(--ink)}
.guide .note{margin:20px 0;padding:14px 18px;border:1px solid var(--line);border-left:2px solid var(--ok);background:var(--panel);color:#c9c4bd;font-size:.92rem}
.guide .toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.guide .toc a{padding:8px 12px;border:1px solid var(--line);background:var(--field);color:var(--muted);font-size:.6rem;text-decoration:none;transition:.2s}
.guide .toc a:hover{border-color:var(--accent);color:var(--ink)}
.guide .flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0;font-size:.62rem}
.guide .flow span{padding:10px 14px;border:1px solid var(--line);background:var(--field)}
.guide .flow span:last-child{border-color:var(--accent);color:var(--accent)}
.guide .flow i{font-style:normal;color:var(--accent)}
.guide .legend{list-style:none;padding:0;margin:12px 0 20px;display:grid;gap:8px}
.guide .legend .badge{min-width:120px;text-align:center;margin-right:8px}
.guide .badge.calc{border-color:var(--ok);color:var(--ok)}
.guide .fields td{white-space:normal;vertical-align:top;line-height:1.5}
.guide .fields td:first-child{min-width:240px}
.guide .fields td:nth-child(2){white-space:nowrap}
.guide .hint-text{margin:0 0 8px;font-size:.88rem}
.guide #guide-filter{margin:8px 0 8px;font-size:.85rem}
.guide .pitfalls{padding-left:20px;display:grid;gap:12px}
.guide [hidden]{display:none!important}
@media(max-width:800px){.main{padding:32px 18px}.guide .fields td:first-child{min-width:180px}}

/* filtres historique */
.hist-filters{margin:0 0 24px}
.hist-filters .field{min-width:0}
.hf-row{display:flex;flex-wrap:wrap;gap:12px}
.hf-row>div{flex:1 1 140px;min-width:0}
.hf-row>.hf-sort{flex:none}
.hf-row .label{margin:16px 0 8px}
#hf-reset{margin:16px 0 0}
#hist-none{margin-top:16px}
.sortbtn{width:48px;padding:14px 0;font-size:.9rem;border:1px solid var(--line);background:var(--field);color:var(--ink);font-size:.72rem;cursor:pointer;transition:.2s;border-radius:0}
.sortbtn:hover{border-color:var(--accent)}
.sortbtn[data-order=old]{border-color:var(--accent);background:#2f2723;color:var(--accent)}

/* gabarits, rôles */
.inl{color:var(--accent);text-decoration:none}.inl:hover{text-decoration:underline}
.btn.sm{margin:0 0 0 6px;padding:7px 10px;font-size:.58rem}
.users td.act{white-space:nowrap}
#tpl-msg{margin-top:16px}
#tpl-msg.ok{border-color:var(--ok);color:var(--ok);background:#14221a}
#hist-viewing{margin:32px 0 24px;justify-content:space-between;flex-wrap:wrap}
#hist-viewing b{color:var(--ink);font-weight:500}

/* modification manuelle du CV */
.btn.compact{padding:15px 20px}
.wrap.wide{max-width:980px}
.es{margin:0 0 12px;border:1px solid var(--line);background:var(--panel)}
.es>summary{cursor:pointer;padding:16px 20px;font:500 .78rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between;gap:12px}
.es>summary::-webkit-details-marker{display:none}
.es>summary::after{content:"+";color:var(--accent);font-size:1.1rem;line-height:1}
.es[open]>summary::after{content:"−"}
.es[open]>summary{border-bottom:1px solid var(--line)}
.es-b{padding:8px 20px 20px}
.es-b .es-count{color:var(--muted);font-weight:400}
.ef{display:block;margin:14px 0 0}
.ef-l{display:block;margin-bottom:6px;font-size:.6rem;color:var(--muted);letter-spacing:.1em}
.ef.check{display:flex;align-items:center;gap:10px}
.ef.check .ef-l{margin:0}
.ef .field{min-width:0;font-size:.82rem}
.ef textarea.field{min-height:64px;resize:vertical;line-height:1.5;field-sizing:content}
.eg{margin:18px 0 0;padding:4px 16px 16px;border:1px solid var(--line)}
.eg>legend{padding:0 8px;font:500 .62rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.el{margin-top:18px}
.el-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.el-h .ef-l{margin:0}
.eb{padding:6px 10px;border:1px solid var(--line);background:var(--field);color:var(--ink);font:500 .6rem "JetBrains Mono",monospace;letter-spacing:.08em;cursor:pointer;border-radius:0;transition:.2s}
.eb:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.eb:disabled{opacity:.3;cursor:default}
.eb.del:hover:not(:disabled){border-color:#ef4444;color:#ef4444}
.el-b{margin-top:8px;display:grid;gap:8px}
.ep{display:flex;gap:6px;align-items:flex-start}
.ep .field{flex:1}
.ei{border:1px solid var(--line);background:var(--field)}
.ei>summary{cursor:pointer;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;font-size:.85rem}
.ei>summary::-webkit-details-marker{display:none}
.ei>summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ei[open]>summary{border-bottom:1px solid var(--line);background:#2f2c2a}
.ei-act{display:flex;gap:4px;flex:none}
.ei-b{padding:4px 14px 16px}
.ei-b .field{background:var(--panel)}
.edit-warn li{margin:6px 0;color:#c9c4bd;font-size:.85rem;font-weight:300}
.edit-warn ul{margin:0;padding:12px 20px 12px 38px}
.edit-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px;padding:14px 0;background:linear-gradient(transparent,var(--bg) 24%);border-top:0}
.edit-bar select{width:auto;flex:none;padding:12px 38px 12px 12px;max-width:220px}
.edit-bar .btn{margin:0;padding:13px 20px}
.edit-bar .btn.ghost{margin:0}
#edit-status{flex:1;min-width:120px;text-align:right;font-size:.62rem}
#edit-status.ok{color:var(--ok)}
#edit-status.warn{color:var(--accent)}
#edit-state{margin:16px 0}
.el-h .es-count{color:var(--muted);font:500 .6rem "JetBrains Mono",monospace;align-self:center;margin-right:6px}
.btn.icon{display:inline-grid;place-items:center;width:42px;padding:0;margin:0}
.btn.icon svg{width:18px;height:18px}
.hist-act .btn.icon{padding:0}
#page-admin{max-width:1200px}

.batch{list-style:none;margin:0 0 16px;padding:0;border:1px solid var(--line);background:var(--panel)}
.batch li{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);border-left:2px solid transparent;transition:background .3s}
.batch li:last-child{border-bottom:0}
.batch .b-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 .85rem "JetBrains Mono",monospace}
.batch .b-status{font-style:normal;font-size:.65rem;color:var(--muted);text-align:right}
.batch .b-actions{display:flex;gap:8px}
.batch .b-actions .btn{margin:0}
.batch li.queued{opacity:.5}
.batch li.running{background:#2a221e;border-left-color:var(--accent)}
.batch li.running .b-status{color:var(--accent)}
.batch li.ok{border-left-color:var(--ok)}
.batch li.ok .b-status{color:var(--ok)}
.batch li.ko{border-left-color:var(--accent)}
.batch li.ko .b-status{color:var(--accent);text-transform:none;max-width:40%}
@media (max-width:640px){.batch li{flex-wrap:wrap}.batch .b-name{flex-basis:100%}}

#chain-block{margin-top:48px}
.chain{width:100%;border-collapse:collapse;margin-bottom:8px}
.chain th{text-align:left;font-size:.6rem;color:var(--accent);font-weight:400;letter-spacing:.1em;padding:0 0 8px 8px}
.chain td{padding:4px 8px 4px 0}
.chain td.rk{width:110px;font-size:.65rem;color:var(--accent);padding-left:0}
.chain td.rk small{color:var(--ink);opacity:.6}
.subtabs{margin:28px 0 32px;border-bottom:1px solid var(--line);gap:0}
.subtab{padding:12px 22px;border:0;border-bottom:2px solid transparent;background:none;color:var(--ink);opacity:.6;font-size:.72rem;letter-spacing:.1em;cursor:pointer;transition:.2s}
.subtab:hover{opacity:1}
.subtab.on{opacity:1;color:var(--accent);border-bottom-color:var(--accent)}
#chain-block{margin-top:0}