/* The Job Well Done. Futuristic look (11 Nov 2026, her request): night ground, slow aurora, glass panels,
   mint-to-cyan light, the receipt as a glowing ticket. Fonts are self-hosted. Dark is the first look; a light one sits at the end of this file (her request, 12 Nov 2026). */
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dmmono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Mono";src:url(/fonts/dmmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{
  --void:#04070d;--night:#070c16;
  --glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.075);--glass3:rgba(255,255,255,.11);
  --edge:rgba(255,255,255,.09);--edge2:rgba(255,255,255,.16);
  --ink:#eef5ff;--soft:#9fb0c6;--faint:#6f8098;
  --mint:#19e3b1;--cyan:#3dd8ff;--violet:#8b6cff;--amber:#ffc35c;--warn:#ff8f7a;
  --accent:var(--mint);--accent-ink:#04110d;
  --grad:linear-gradient(120deg,var(--mint),var(--cyan));
  --glow:0 0 0 1px rgba(25,227,177,.35),0 10px 34px -10px rgba(25,227,177,.55);
  --shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 60px -28px rgba(0,0,0,.9);
  --display:"Bricolage Grotesque","Trebuchet MS",sans-serif;--body:"Figtree","Segoe UI",system-ui,sans-serif;--mono:"DM Mono",Consolas,monospace;
  --gradtext:var(--grad);--well:rgba(4,8,16,.55);--bar:rgba(9,14,25,.76);--bar2:rgba(10,16,28,.92);--slip:rgba(8,14,26,.92);--opt:#0b1220;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--void)}
body{margin:0;min-height:100vh;color:var(--ink);font:400 16px/1.55 var(--body);background:transparent;position:relative;overflow-x:hidden}
/* The aurora and the grid: fixed behind everything, slow, never in the way. */
body::before{content:"";position:fixed;inset:-20vmax;z-index:-2;pointer-events:none;
  background:radial-gradient(40vmax 30vmax at 18% 12%,rgba(25,227,177,.20),transparent 60%),
             radial-gradient(38vmax 30vmax at 88% 18%,rgba(139,108,255,.20),transparent 62%),
             radial-gradient(34vmax 26vmax at 70% 92%,rgba(61,216,255,.14),transparent 60%),
             radial-gradient(20vmax 16vmax at 8% 88%,rgba(255,195,92,.08),transparent 60%);
  filter:saturate(120%);animation:drift 36s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:56px 56px;-webkit-mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);mask:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%)}
@keyframes drift{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-3vmax,2vmax,0) rotate(8deg)}}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:var(--cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:8px}
::selection{background:rgba(25,227,177,.35)}
h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
[hidden]{display:none!important}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:99;background:var(--night);padding:8px 12px;border-radius:8px}

/* Shell */
.shell{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:16px 108px}
.brand{font:800 21px/1 var(--display);letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:9px}
.brand::before{content:"";width:22px;height:22px;border-radius:7px;background:var(--grad);box-shadow:0 0 18px rgba(25,227,177,.6);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='7'/%3E%3C/svg%3E");flex:none}
.brand i{font-style:normal;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tabs{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-radius:20px;
  background:var(--bar);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--edge2);box-shadow:0 18px 50px -12px rgba(0,0,0,.8)}
.tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--soft);padding:7px 2px;border-radius:14px;min-height:50px;justify-content:center;text-decoration:none;position:relative;transition:color .2s,background .2s}
.tab[aria-current="page"]{color:var(--ink);background:linear-gradient(180deg,rgba(25,227,177,.16),rgba(61,216,255,.06));box-shadow:inset 0 0 0 1px rgba(25,227,177,.35)}
.tab[aria-current="page"] svg{stroke:var(--mint);filter:drop-shadow(0 0 6px rgba(25,227,177,.8))}
.tab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
main{min-width:0;display:grid;gap:14px;align-content:start}
.stack{display:grid;gap:14px;align-content:start;min-width:0}

/* Glass */
.card,.prose{position:relative;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--edge);border-radius:22px;padding:18px;box-shadow:var(--shadow);min-width:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card::before,.prose::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,0) 35%,rgba(25,227,177,0) 70%,rgba(25,227,177,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.card.grid{display:grid;gap:12px}
.promise{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-radius:22px;padding:16px 18px;position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(25,227,177,.28),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(139,108,255,.28),transparent 55%),rgba(10,18,30,.8);border:1px solid rgba(25,227,177,.35);box-shadow:0 0 40px -18px rgba(25,227,177,.8)}
.promise b{font:700 19px/1.2 var(--display);display:block}
.promise small{font-size:13.5px;color:var(--soft);display:block}
.promise a{background:var(--amber);color:#2a1a00;font-weight:700;font-size:14px;padding:9px 15px;border-radius:999px;white-space:nowrap;text-decoration:none;box-shadow:0 0 22px -6px rgba(255,195,92,.9)}
.hero{display:grid;gap:14px;padding:26px 20px}
.hero h1{font-size:clamp(32px,7.4vw,52px);font-weight:800;letter-spacing:-.035em;background:linear-gradient(180deg,#fff 30%,#b7c6dc);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 em{font-style:normal;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .fine{font-size:14.5px;color:var(--soft);max-width:60ch}
.urgent{border:1px solid rgba(255,195,92,.35);background:linear-gradient(90deg,rgba(255,195,92,.14),rgba(255,195,92,.02));padding:10px 14px;border-radius:14px;font-weight:600;color:#ffe2ad}
.urgent::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber);margin-right:9px;vertical-align:1px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.signin{display:grid;gap:10px;max-width:380px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:16px;font-weight:700;text-decoration:none;border:1px solid var(--edge2);background:var(--glass2);color:var(--ink);min-height:52px;transition:transform .15s,border-color .2s,box-shadow .2s}
.sbtn:hover{transform:translateY(-1px);border-color:rgba(61,216,255,.5);box-shadow:0 0 24px -8px rgba(61,216,255,.7)}
.sbtn svg{width:20px;height:20px;flex:none}
.sbtn.li{background:linear-gradient(120deg,#0a66c2,#1585e8);border-color:transparent;color:#fff;box-shadow:0 10px 30px -12px rgba(21,133,232,.9)}

/* Forms */
.composer textarea,textarea.f{width:100%;border:1px solid var(--edge2);background:var(--well);border-radius:16px;padding:14px;resize:vertical;min-height:100px;transition:border-color .2s,box-shadow .2s}
select,input[type=text],input[type=email],input[type=url]{background:var(--well);border:1px solid var(--edge2);border-radius:14px;padding:12px 14px;max-width:100%;min-width:0;transition:border-color .2s,box-shadow .2s}
input[type=text],input[type=email],input[type=url]{width:100%}
textarea:focus,input:focus,select:focus{outline:none;border-color:rgba(25,227,177,.7);box-shadow:0 0 0 4px rgba(25,227,177,.14)}
::placeholder{color:var(--faint)}
select option{background:var(--opt);color:var(--ink)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.between{justify-content:space-between}
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;gap:4px;border:1px solid var(--edge2);border-radius:14px;background:var(--well);width:100%;max-width:340px}
.seg button{padding:9px 12px;font-size:14px;font-weight:600;color:var(--soft);border-radius:10px;transition:background .2s,color .2s}
.seg button[aria-pressed="true"]{background:var(--grad);color:var(--accent-ink);box-shadow:0 0 18px -6px rgba(25,227,177,.9)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:var(--accent-ink);font-weight:700;padding:11px 20px;border-radius:999px;box-shadow:var(--glow);text-decoration:none;min-height:46px;transition:transform .15s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(61,216,255,.5),0 14px 40px -10px rgba(61,216,255,.7)}
.btn.ghost{background:var(--glass2);color:var(--ink);box-shadow:none;border:1px solid var(--edge2)}
.btn.ghost:hover{border-color:rgba(61,216,255,.5)}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.guar{font:500 13px/1.5 var(--mono);color:var(--soft)}
.guar b{color:var(--mint);font-weight:500}
.err{color:var(--warn);font-size:14.5px;font-weight:600}
.err:empty{display:none}
.ok{color:var(--mint);font-size:14.5px;font-weight:600}

/* People and posts */
.who{display:flex;gap:11px;align-items:center;min-width:0}
.av{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font:700 15px var(--display);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 6px 18px -6px rgba(0,0,0,.8)}
.nm{font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.chip{font:500 11.5px/1.3 var(--mono);padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--soft);border:1px solid var(--edge);overflow-wrap:anywhere}
.chip.proof{color:var(--mint);border-color:rgba(25,227,177,.4);background:rgba(25,227,177,.08)}
.chip.fair{background:rgba(255,195,92,.14);color:var(--amber);border-color:rgba(255,195,92,.45);font-weight:500;box-shadow:0 0 14px -6px rgba(255,195,92,.9)}
.chipbar{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}
.chipbar::-webkit-scrollbar{display:none}
.chipbar button,.chipbar a{flex:none;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--edge);background:var(--glass);color:var(--soft);text-decoration:none;transition:all .2s}
.chipbar [aria-pressed="true"]{background:var(--grad);color:var(--accent-ink);border-color:transparent;box-shadow:0 0 18px -6px rgba(25,227,177,.9)}
.post{display:grid;gap:12px}
.post p,.body{overflow-wrap:anywhere;white-space:pre-line}
.acts{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:14.5px;color:var(--soft);font-weight:600}
.acts button,.acts a{padding:6px 2px;color:inherit;font-weight:600;text-decoration:none;transition:color .2s}
.acts button:hover,.acts a:hover{color:var(--cyan)}
.acts .on{color:var(--mint);text-shadow:0 0 12px rgba(25,227,177,.6)}
.reach{margin-left:auto;font:500 13px var(--mono);color:var(--mint)!important;background:rgba(25,227,177,.08);border:1px solid rgba(25,227,177,.35);padding:6px 11px!important;border-radius:10px;box-shadow:0 0 16px -8px rgba(25,227,177,.9)}

/* Record cards: glass with an amber label */
.record{background:linear-gradient(180deg,rgba(255,195,92,.07),rgba(255,255,255,.03))}
.record .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}
.record h3{font-size:21px;margin-top:6px}
.record p{font-size:14.5px;margin-top:6px;color:var(--soft)}
.record .why{font:500 12px/1.5 var(--mono);color:var(--faint);margin-top:10px}
.record a{color:var(--cyan)}
.record .acts{margin-top:8px}
.paynote{font-weight:600;text-align:center;padding:12px;border:1px dashed rgba(255,195,92,.45);border-radius:16px;font-size:14.5px;color:#ffe2ad;background:rgba(255,195,92,.05)}

/* The reach receipt: a glowing ticket */
.rail{min-width:0}
.sheetbg{position:fixed;inset:0;background:rgba(2,4,8,.7);backdrop-filter:blur(4px);z-index:29;display:none}
.sheetbg.open{display:block}
.receipt{position:fixed;left:0;right:0;bottom:0;z-index:30;max-height:88%;overflow:auto;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding:0 max(14px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px))}
.receipt.open{transform:none}
.slip{position:relative;color:var(--ink);padding:22px 20px 28px;border-radius:22px 22px 6px 6px;font-family:var(--mono);
  background:radial-gradient(120% 80% at 100% 0%,rgba(139,108,255,.25),transparent 60%),radial-gradient(120% 80% at 0% 100%,rgba(25,227,177,.2),transparent 60%),var(--slip);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(25,227,177,.15),0 30px 70px -20px rgba(0,0,0,.9),0 0 60px -30px rgba(25,227,177,.9);
  -webkit-mask:radial-gradient(7px at 50% 100%,transparent 96%,#000) 0 0/18px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,transparent 96%,#000) 0 0/18px 100% repeat-x}
.slip h2{font:500 13px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}
.slip .big{font:800 80px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:12px;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(25,227,177,.45))}
.slip .sub{font-size:13px;color:var(--soft)}
.slip hr{border:0;border-top:1px dashed rgba(255,255,255,.18);margin:14px 0}
.ln{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0}
.ln span:first-child{color:var(--soft)}
.ln span:last-child{text-align:right}
.bar{height:6px;background:rgba(255,255,255,.07);border-radius:4px;overflow:hidden;margin:3px 0 9px}
.bar i{display:block;height:100%;background:var(--grad);box-shadow:0 0 10px rgba(25,227,177,.8)}
.stamp{display:inline-block;margin-top:14px;border:1.5px solid var(--mint);color:var(--mint);font-weight:500;font-size:12.5px;letter-spacing:.06em;padding:5px 11px;border-radius:8px;transform:rotate(-2deg);box-shadow:0 0 18px -4px rgba(25,227,177,.8),inset 0 0 12px -4px rgba(25,227,177,.6)}
.stamp.wait{border-color:var(--amber);color:var(--amber);box-shadow:0 0 18px -4px rgba(255,195,92,.8)}
.slip .x{position:absolute;top:14px;right:16px;font-size:13px;color:var(--soft);padding:6px}
.slip .note{font-size:12.5px;margin-top:12px;color:var(--faint);font-family:var(--body)}
.sh{display:inline-block;border:1px solid rgba(61,216,255,.45);color:var(--cyan);padding:7px 12px;border-radius:10px;font:500 13px var(--mono);text-decoration:none;background:rgba(61,216,255,.06);cursor:pointer;transition:box-shadow .2s}
.sh:hover{box-shadow:0 0 18px -6px rgba(61,216,255,.9)}
.side{display:grid;gap:12px}

h1.v{font-size:clamp(28px,6vw,40px);font-weight:800;letter-spacing:-.03em}
.lead{color:var(--soft);max-width:62ch}

/* Rooms */
.rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.room{text-align:left;padding:13px;border-radius:16px;background:var(--glass);border:1px solid var(--edge);font-weight:700;line-height:1.25;min-width:0;color:var(--ink);text-decoration:none;display:block;transition:border-color .2s,box-shadow .2s,transform .15s}
.room:hover{border-color:rgba(61,216,255,.45);transform:translateY(-1px)}
.room small{display:block;font-weight:400;color:var(--soft);font-size:12.5px;margin-top:4px;line-height:1.35}
.room[aria-pressed="true"]{border-color:transparent;background:linear-gradient(var(--night),var(--night)) padding-box,var(--grad) border-box;border:1px solid transparent;box-shadow:0 0 26px -10px rgba(25,227,177,.9)}
label.room{position:relative;cursor:pointer;padding:0;overflow:hidden}
label.room input{position:absolute;opacity:0;pointer-events:none}
label.room span{display:block;padding:13px;height:100%;border-radius:15px;transition:background .2s}
label.room input:checked+span{padding-right:34px;background:radial-gradient(120% 120% at 0% 0%,rgba(25,227,177,.22),transparent 60%),rgba(61,216,255,.06)}
label.room:has(input:checked){border-color:rgba(25,227,177,.75);box-shadow:0 0 26px -10px rgba(25,227,177,.95)}
label.room input:checked+span::after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--grad) ;box-shadow:0 0 12px rgba(25,227,177,.9);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E")}
label.room input:checked+span::before{content:"";position:absolute;top:15px;right:15px;width:8px;height:5px;border-left:2px solid #04110d;border-bottom:2px solid #04110d;transform:rotate(-45deg);z-index:1}
label.room input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:-2px}

/* Steps on the welcome screen */
.steps{display:grid;gap:20px}
.step{display:grid;gap:10px}
.step>.nm{display:flex;align-items:center;gap:10px;font-size:15.5px}
.step>.nm::before{content:attr(data-n);width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font:600 13px var(--mono);color:var(--accent-ink);background:var(--grad);box-shadow:0 0 14px -2px rgba(25,227,177,.7);flex:none}
details summary{cursor:pointer;color:var(--soft);font-weight:600;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"+ ";color:var(--mint)}
details[open] summary::before{content:"- "}

/* Q and A */
.q{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px}
.vote{display:flex;flex-direction:column;align-items:center;gap:4px;font:500 15px var(--mono)}
.vote button{width:42px;height:34px;border-radius:11px;background:var(--glass2);border:1px solid var(--edge2);font-size:12.5px;transition:all .2s}
.vote button.on{background:var(--grad);color:var(--accent-ink);border-color:transparent;box-shadow:0 0 16px -4px rgba(25,227,177,.9)}
.vote button[disabled]{opacity:.4;cursor:default}
.q h3{font-size:18.5px;font-weight:700;overflow-wrap:anywhere}
.q h3 a{color:inherit;text-decoration:none}
.q h3 a:hover{color:var(--cyan)}
.a{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;padding-top:14px;margin-top:14px;border-top:1px solid var(--edge)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stat{background:var(--well);border:1px solid var(--edge);border-radius:16px;padding:12px}
.stat b{font:800 26px var(--display);display:block;font-variant-numeric:tabular-nums;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:12.5px;color:var(--soft);line-height:1.3;display:block}
ol.rule{margin:0;padding-left:22px;display:grid;gap:10px}
ol.rule li::marker{color:var(--mint);font-family:var(--mono)}
label.s{display:grid;gap:6px;font-weight:600}
label.tick{display:flex;gap:12px;align-items:flex-start;font-weight:500;cursor:pointer}
label.tick input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:1px;flex:none;border-radius:7px;border:1px solid var(--edge2);background:var(--well);display:grid;place-items:center;transition:all .2s;cursor:pointer}
label.tick input:checked{background:var(--grad);border-color:transparent;box-shadow:0 0 14px -2px rgba(25,227,177,.8)}
label.tick input:checked::after{content:"";width:9px;height:5px;border-left:2px solid #04110d;border-bottom:2px solid #04110d;transform:translateY(-1px) rotate(-45deg)}
input[type=range]{width:100%;accent-color:var(--mint)}
.answer{font:800 64px/1 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(25,227,177,.4))}
.pip{width:10px;height:14px;border-radius:50% 50% 40% 40%;background:rgba(255,255,255,.12);display:inline-block}
.pip.on{background:var(--amber);box-shadow:0 0 8px rgba(255,195,92,.9)}
.repbox{display:grid;gap:8px;padding:12px;border:1px solid var(--edge2);border-radius:16px;background:var(--well)}
.foot{font-size:13px;color:var(--faint);text-align:center;padding-top:8px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
.foot a{color:var(--soft);text-decoration:none}
.foot a:hover{color:var(--cyan)}
.empty{color:var(--soft);text-align:center;padding:20px}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--bar2);border:1px solid rgba(25,227,177,.45);color:var(--ink);padding:11px 18px;border-radius:999px;font-weight:600;z-index:40;max-width:calc(100% - 32px);text-align:center;box-shadow:0 0 30px -10px rgba(25,227,177,.9);backdrop-filter:blur(12px)}

/* Plain pages: How reach works, About, Terms, Privacy, Contact */
.page{max-width:780px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:20px 44px;display:grid;gap:18px}
.prose{padding:24px 20px;overflow-wrap:anywhere}
.prose h1{font-size:clamp(30px,6vw,42px);font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.prose h2{font-size:21px;margin:26px 0 8px;color:var(--ink)}
.prose p,.prose li{margin:0 0 10px;max-width:68ch;color:#d3deec}
.prose .lead{color:var(--soft)}
.prose ul,.prose ol{padding-left:22px;margin:0 0 10px}
.prose table{border-collapse:collapse;width:100%;font-size:14.5px}
.prose td,.prose th{border-top:1px solid var(--edge);padding:9px 6px;text-align:left;vertical-align:top}
.tablewrap{overflow-x:auto}
.mod-item{display:grid;gap:8px}
.mod-item pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.45 var(--body);margin:0;background:var(--well);padding:12px;border-radius:12px;border:1px solid var(--edge)}

@media (min-width:860px){
  .shell{grid-template-columns:150px minmax(0,1fr) 340px;padding-bottom:44px;align-items:start}
  .tabs{position:sticky;top:calc(16px + env(safe-area-inset-top,0px));left:auto;right:auto;bottom:auto;grid-template-columns:1fr;gap:4px;padding:8px;border-radius:20px}
  .tab{flex-direction:row;justify-content:flex-start;gap:10px;font-size:15px;padding:10px 12px;min-height:0}
  .receipt{position:sticky;top:calc(16px + env(safe-area-inset-top,0px));left:auto;right:auto;bottom:auto;transform:none;max-height:none;padding:0;z-index:1;overflow:visible}
  .sheetbg,.slip .x{display:none!important}
  .rooms{grid-template-columns:repeat(4,minmax(0,1fr))}
  .toast{bottom:28px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

img.av{object-fit:cover;padding:0;background:var(--glass2)}

/* Roast my LinkedIn post */
.roast{background:radial-gradient(120% 120% at 100% 0%,rgba(255,120,60,.16),transparent 55%),linear-gradient(180deg,var(--glass2),var(--glass))}
.roast .lab,.rr .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffb36b}
.flames{display:inline-flex;gap:6px}
.flame svg{width:30px;height:30px;fill:rgba(255,255,255,.10)}
.flames.big .flame svg{width:46px;height:46px}
.flame.on svg{fill:#ff8a3c;filter:drop-shadow(0 0 10px rgba(255,138,60,.9));animation:ignite .5s calc(var(--i) * 120ms) both}
@keyframes ignite{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
.roasting{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.roasting .flame svg{animation:flicker 1s calc(var(--i) * 150ms) infinite alternate;fill:rgba(255,138,60,.5)}
@keyframes flicker{from{opacity:.2}to{opacity:1}}
.roastout{display:grid;gap:12px;margin-top:6px}
.roastout .score{font:600 15px var(--mono);color:var(--soft)}
.roastout .score b{font:800 34px var(--display);color:#ffb36b;margin-right:4px}
.roastout .verdict{font:600 19px/1.4 var(--display)}
.rr{border:1px solid var(--edge);border-radius:14px;padding:12px 14px;background:var(--well)}
.rr p{margin-top:4px}
.rr.kill .lab{color:var(--warn)}
.rr.fix .lab{color:var(--mint)}
.roastcard{width:100%;max-width:420px;aspect-ratio:1/1;height:auto;border-radius:16px;border:1px solid var(--edge2);box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}/* The Duel */
.duel h1{font:800 clamp(26px,6vw,40px)/1.1 var(--display);margin:4px 0}
.duel .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffb36b}
.duelpair{display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:760px){.duelpair{grid-template-columns:1fr 1fr}}
.duelcard{position:relative;display:grid;gap:12px;align-content:space-between;border:1px solid var(--edge);border-radius:16px;padding:18px 16px 16px;background:var(--well);min-width:0}
.duelcard.picked{border-color:transparent;box-shadow:0 0 0 2px rgba(25,227,177,.7),0 0 26px -6px rgba(25,227,177,.7)}
.duelcard .side{font:800 22px var(--display);background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.duel-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.tally{display:grid;gap:6px}
.tally .bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.tally .bar span{display:block;height:100%;background:var(--grad);border-radius:99px;transition:width .8s ease}
.rr.win{border-color:rgba(25,227,177,.45);background:radial-gradient(120% 120% at 0% 0%,rgba(25,227,177,.14),transparent 60%),var(--well)}
.rr.win .lab{color:var(--mint)}
.rr.duelstart{border-color:rgba(255,179,107,.4)}
.dlink{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.dlink:hover{border-color:var(--edge2)}
/* What you want to see */
.interests .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.interests .chips{display:flex;flex-wrap:wrap;gap:6px}
.interests label.room input:disabled + span{opacity:.75}

/* The frame: a full-width top bar and three columns on a desktop, like a page rather than a strip */
.topbar{position:sticky;top:0;z-index:25;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--edge)}
.topbar::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bar);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.topin{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));min-height:58px}
.mebox{display:flex;align-items:center}
.mebox .btn{padding:8px 16px;font-size:14px}
.mechip{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:600;color:var(--soft);text-decoration:none}
.mechip .av{width:28px;height:28px;font-size:11px}
.left,#sidenews{display:none}
.idcard{padding:0 0 14px;overflow:hidden;text-align:center;display:grid;justify-items:center;gap:6px}
.idband{width:100%;height:58px;background:radial-gradient(120% 160% at 0% 0%,rgba(25,227,177,.45),transparent 60%),radial-gradient(120% 160% at 100% 100%,rgba(139,108,255,.5),transparent 60%),#0b1424}
.idcard>.av{width:64px;height:64px;font-size:22px;margin-top:-34px;border:3px solid var(--night)}
.idname{font:800 18px/1.2 var(--display);color:var(--ink);text-decoration:none;padding:0 14px;margin-top:4px}
.idline{font-size:13.5px;color:var(--soft);padding:0 14px}
.idcard hr{width:100%;border:0;border-top:1px solid var(--edge);margin:8px 0 2px}
.idrow{display:flex;justify-content:space-between;width:100%;padding:6px 16px;font-size:13.5px;color:var(--soft);text-decoration:none}
.idrow b{color:var(--cyan);font-weight:600}
.idrow:hover{background:var(--glass)}
.roomlist{display:grid;gap:2px;padding:14px 10px}
.roomlist .lab{padding:0 8px 6px}
.roomlist a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600;padding:7px 8px;border-radius:10px}
.roomlist a:hover,.roomlist a[aria-current="page"]{background:var(--glass2)}
.roomlist a.more{color:var(--cyan);font-weight:500;font-size:13.5px}
.newslist{display:grid;gap:4px}
.newslist h2{font-size:18px}
.newslist .row a{font-size:13.5px}
.newslist>a{display:grid;gap:2px;text-decoration:none;color:var(--ink);padding:8px 0;border-top:1px solid var(--edge)}
.newslist>a b{font-size:14px;line-height:1.3}
.newslist>a small{font-size:12.5px;color:var(--faint)}
.sidefoot{justify-content:center;font-size:12.5px}
@media (min-width:860px){
  .topbar .tabs{position:static;display:flex;gap:2px;padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin-left:auto}
  .topbar .tab{flex-direction:column;gap:2px;font-size:12.5px;padding:4px 14px;min-height:0;border-radius:12px}
  .topbar .tab[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--mint);background:none;border-radius:0}
  .shell{max-width:1200px;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-top:22px}
  .left{display:none}
  #sidenews{display:grid;gap:12px;margin-top:12px}
  .rail{position:sticky;top:calc(80px + env(safe-area-inset-top,0px))}
  .receipt{position:static}
  .hero .top{display:none}
}
@media (min-width:1100px){
  .shell{grid-template-columns:225px minmax(0,1fr) 300px}
  .left{display:grid;gap:12px;position:sticky;top:calc(80px + env(safe-area-inset-top,0px))}
}
.roomlist .lab,.newslist .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.hero .top{display:none}
.sub2{font-size:20px;margin-top:6px}
.newsitem{display:grid;gap:6px}
.newsitem .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.newsitem h3 a{color:var(--ink);text-decoration:none}
.newsitem h3 a:hover{text-decoration:underline}
.newsitem .acts{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
/* The record, room by room */
.recsec{display:grid;gap:8px}
.recsec h3{font-size:18px}
.recsec select{max-width:260px}
.reclist{display:grid}
.recrow{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--edge);text-decoration:none;color:var(--ink);min-width:0}
.recrow b{font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.recrow small{font-size:12.5px;color:var(--soft);line-height:1.4;overflow-wrap:anywhere}
a.recrow:hover b{text-decoration:underline}
.recmore{font-size:13.5px;font-weight:600}
.recstrip{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;justify-content:space-between;text-decoration:none;color:var(--soft);font-size:14px;padding:12px 16px}
.recstrip .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint);width:100%}
.recstrip b{color:var(--cyan)}
.recnote{font-size:13.5px;color:var(--soft);line-height:1.45}
#inroom{scroll-margin-top:84px}
/* The Reasoning Test */
.test .lab{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)}
.test h1{font-size:clamp(28px,6vw,44px)}
.test h3{font-size:18px;margin-top:6px}
.tfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tfacts div{padding:12px;border:1px solid var(--edge);border-radius:14px;background:var(--glass)}
.tfacts b{display:block;font:800 26px/1 var(--display);background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.tfacts span{font-size:12.5px;color:var(--soft)}
.tprom{padding:12px 14px;border:1px dashed rgba(25,227,177,.5);border-radius:14px;background:rgba(25,227,177,.06);font-size:14.5px}
.tbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tclock{font:600 18px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);padding:4px 10px;border:1px solid var(--edge2);border-radius:10px}
.tclock.low{color:var(--amber);border-color:var(--amber)}
.task{font-size:19px}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:min(100%,330px);margin:0 auto}
.tcell{aspect-ratio:1/1;border:1px solid var(--edge2);border-radius:12px;background:var(--well);display:grid;place-items:center}
.tcell svg{width:86%;height:86%}
.tmiss{font:800 34px var(--display);color:var(--mint);border-style:dashed;border-color:rgba(25,227,177,.6)}
.tseq{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tseq span{font:700 22px var(--mono);padding:10px 14px;border:1px solid var(--edge2);border-radius:12px;background:var(--well);min-width:52px;text-align:center}
.tseq .tmiss{font:800 22px var(--display)}
.tlines{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--edge2);border-radius:14px;background:var(--well);font-size:16.5px;line-height:1.45}
.tfig{width:150px;margin:0 auto;padding:8px;border:1px solid var(--edge2);border-radius:14px;background:var(--well)}
.topts{display:grid;gap:8px;grid-template-columns:1fr}
.topts.patterns{grid-template-columns:repeat(3,minmax(0,1fr))}
.topts.shapes{grid-template-columns:repeat(5,minmax(0,1fr))}
.topts.numbers{grid-template-columns:repeat(5,minmax(0,1fr))}
.topt{position:relative;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px 12px 40px;min-height:50px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass);font-weight:600;font-size:15.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.topt:hover{border-color:rgba(61,216,255,.55)}
.topt.on{border-color:transparent;background:linear-gradient(var(--night),var(--night)) padding-box,var(--grad) border-box;box-shadow:0 0 22px -8px rgba(25,227,177,.9)}
.topt .tkey{position:absolute;left:12px;top:50%;transform:translateY(-50%);font:500 12px var(--mono);color:var(--faint)}
.topt.pic{padding:18px 6px 6px;justify-content:center;aspect-ratio:1/1;min-height:0}
.topt.pic .tkey{left:8px;top:11px}
.topt.pic svg{width:82%;height:82%}
.topts.numbers .topt{padding:22px 4px 10px;justify-content:center;font:700 18px var(--mono)}
.topts.numbers .topt .tkey{left:8px;top:11px}
.tscore{display:flex;align-items:baseline;gap:10px}
.tscore b{font:800 84px/1 var(--display);letter-spacing:-.04em;background:var(--gradtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.tscore span{font-size:20px;color:var(--soft)}
.tsecs{display:grid;gap:4px}
.tstand{padding:14px 16px;border-radius:16px;border:1px solid rgba(25,227,177,.4);background:rgba(25,227,177,.07);display:grid;gap:2px}
.tstand b{font:800 26px/1.1 var(--display)}
.tstand span{font-size:14px;color:var(--soft)}
.tstand.wait{border-color:var(--edge2);background:var(--glass)}
.tstand.wait b{font-size:20px}
@media (max-width:520px){.topts.shapes{grid-template-columns:repeat(3,minmax(0,1fr))}.topts.numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.test.grid,.test.hero{grid-template-columns:minmax(0,1fr)}
.tbar .lab{min-width:0}
.topts.patterns{width:min(100%,440px);margin:0 auto}
/* While the clock runs there is one column and nothing beside it */
body.testing #left,body.testing .rail{display:none}
body.testing .shell{grid-template-columns:minmax(0,720px);justify-content:center}
.tchal{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,195,92,.45);background:rgba(255,195,92,.06);display:grid;gap:6px}
.tchal .ln span:first-child{color:var(--amber);font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.tchal .ln span:last-child{font:700 15px var(--mono)}
.tchal p{font-size:14px;color:var(--soft)}
.tstand select{margin-top:8px;max-width:280px}
.tnext{display:grid;gap:2px;padding:14px 16px;border-radius:16px;text-decoration:none;color:var(--ink);border:1px solid rgba(255,195,92,.45);background:rgba(255,195,92,.06)}
.tnext b{font:800 19px var(--display)}
.tnext span{font-size:14px;color:var(--soft)}
.test .lab.miss{color:var(--amber)}
/* The moving scale: no numbers, a flag where it unlocks */
.tscale{position:relative;padding-right:20px;margin-top:4px}
.tscale .bar{height:10px;margin:0;border-radius:6px}
.tscale .bar i{border-radius:6px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.tflag{position:absolute;right:6px;top:-9px;width:2px;height:26px;background:var(--amber)}
.tflag::after{content:"";position:absolute;left:2px;top:0;border-left:11px solid var(--amber);border-top:6px solid transparent;border-bottom:6px solid transparent}
.tchal .ln span:last-child{font:500 12px var(--mono);color:var(--soft)}
.signout{font-size:13.5px;font-weight:600;color:var(--soft);padding:8px 12px;border:1px solid var(--edge2);border-radius:999px;white-space:nowrap;min-height:36px}
.signout:hover{color:var(--ink);border-color:rgba(61,216,255,.55)}
button.idrow{font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
@media (min-width:860px){.topbar .tabs{margin-left:auto}.mebox{margin-left:10px}}
main>.top{display:none}
/* Five tabs when the IQ test is on: equal columns however many there are */
.tabs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
.tab{white-space:nowrap}

/* ---------- the calm home (her "looks very busy", 11 Nov 2026): fewer boxes, fewer colours ---------- */
.meta{font-size:13px;color:var(--faint);line-height:1.5;overflow-wrap:anywhere}
.meta .chip{margin-left:4px;text-decoration:none;font-size:11px;padding:2px 7px}
.interests.quiet:has(#interestsform[hidden]){display:none}
.chipbar .edit{border-style:dashed;background:none;color:var(--cyan);font-weight:500}
.quick{display:flex;gap:8px;flex-wrap:wrap}
.quick a{font-size:13.5px;font-weight:600;color:var(--soft);text-decoration:none;padding:7px 13px;border-radius:999px;border:1px solid var(--edge);background:var(--glass)}
@media (min-width:1100px){.quick{display:none}}
.newslist details>a{display:grid;gap:2px;text-decoration:none;color:var(--ink);padding:8px 0;border-top:1px solid var(--edge)}
.newslist details>a b{font-size:14px;line-height:1.3}
.newslist details>a small{font-size:12.5px;color:var(--faint)}
.newslist summary{cursor:pointer;font-size:13.5px;color:var(--cyan);padding:8px 0 2px;border-top:1px solid var(--edge);list-style:none}
.newslist summary::-webkit-details-marker{display:none}
.newslist details[open] summary{color:var(--faint)}

/* ---------- light mode (her request, 12 Nov 2026): the same shapes on a pale ground. Chosen with the switch in the
   top bar and remembered in this browser. Mint and cyan are too pale to read as text on white, so as TEXT they
   become deep teal and deep blue; the bright pair stays for fills (buttons, bars), with dark text on top. ---------- */
:root[data-theme="light"]{
  --void:#eef2f7;--night:#ffffff;
  --glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.94);--glass3:rgba(10,30,60,.07);
  --edge:rgba(12,32,64,.11);--edge2:rgba(12,32,64,.2);
  --ink:#0d1b2e;--soft:#44566e;--faint:#62748c;
  --mint:#067a5f;--cyan:#075f8f;--violet:#5a3fd6;--amber:#8a5a00;--warn:#b3371f;
  --grad:linear-gradient(120deg,#19e3b1,#3dd8ff);
  --glow:0 0 0 1px rgba(6,122,95,.28),0 10px 26px -12px rgba(6,122,95,.5);
  --shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 44px -30px rgba(15,35,70,.45);
  --gradtext:linear-gradient(120deg,#067a5f,#075f8f);--well:rgba(236,241,247,.9);--bar:rgba(255,255,255,.86);--bar2:rgba(255,255,255,.97);--slip:rgba(255,255,255,.96);--opt:#ffffff;
  color-scheme:light;
}
[data-theme="light"] body::before{opacity:.5}
[data-theme="light"] body::after{background-image:linear-gradient(rgba(12,32,64,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(12,32,64,.05) 1px,transparent 1px)}
[data-theme="light"] .card::before,[data-theme="light"] .prose::before{background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(255,255,255,0) 35%,rgba(6,122,95,0) 70%,rgba(6,122,95,.3))}
[data-theme="light"] .hero h1{background:linear-gradient(180deg,#0d1b2e 30%,#33506f);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .toast{box-shadow:0 14px 40px -18px rgba(15,35,70,.5)}
@media (max-width:859px){[data-theme="light"] .tabs{box-shadow:0 14px 40px -18px rgba(15,35,70,.5)}}
[data-theme="light"] .slip{border-color:rgba(12,32,64,.14);box-shadow:0 0 0 1px rgba(6,122,95,.14),0 24px 50px -28px rgba(15,35,70,.5)}
[data-theme="light"] .slip hr{border-top-color:rgba(12,32,64,.2)}
[data-theme="light"] .slip .big{filter:none;background:linear-gradient(120deg,#067a5f,#075f8f);-webkit-background-clip:text;background-clip:text}
[data-theme="light"] .promise{background:radial-gradient(120% 140% at 0% 0%,rgba(25,227,177,.22),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(139,108,255,.18),transparent 55%),#fff}
[data-theme="light"] .promise a{background:#ffc35c}
[data-theme="light"] .idband{background:radial-gradient(120% 160% at 0% 0%,rgba(25,227,177,.55),transparent 60%),radial-gradient(120% 160% at 100% 100%,rgba(139,108,255,.45),transparent 60%),#dfe8f3}
[data-theme="light"] .urgent{color:#6b4500}
[data-theme="light"] .chip{background:rgba(12,32,64,.05)}
[data-theme="light"] .chip.proof{background:rgba(6,122,95,.09);border-color:rgba(6,122,95,.4)}
[data-theme="light"] .chip.fair{background:rgba(255,195,92,.3);border-color:rgba(138,90,0,.45);box-shadow:none}
[data-theme="light"] .chipbar [aria-pressed="true"],[data-theme="light"] .btn{color:#04110d}
[data-theme="light"] .tab[aria-current="page"] svg{filter:none}
[data-theme="light"] .sheetbg{background:rgba(20,35,60,.45)}
[data-theme="light"] .roastcard,[data-theme="light"] .av{box-shadow:0 10px 26px -14px rgba(15,35,70,.6)}
.themebtn{width:36px;height:36px;border-radius:999px;border:1px solid var(--edge2);display:grid;place-items:center;color:var(--soft);flex:none}
.themebtn:hover{color:var(--ink);border-color:rgba(61,216,255,.55)}
.themebtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mebox{display:flex;align-items:center;gap:8px}