/* Seagreen Accession Record v1.1.0 design (from the approved E9/E9c preview). Generated from the preview CSS; app-specific rules live in app.css. */
*{box-sizing:border-box;margin:0;padding:0}
body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.fan .overlay{position:absolute;inset:0;z-index:40}
.menu-closed .menu-only{display:none!important}
@font-face{font-family:"Geist";src:url(../fonts/Geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(../fonts/GeistMono.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Syne";src:url(../fonts/Syne.woff2) format("woff2");font-weight:400 800;font-display:block}
@font-face{font-family:"Sora";src:url(../fonts/Sora.woff2) format("woff2");font-weight:100 800;font-display:block}


body{font-family:"Sora",system-ui;color:#d4d4d2}
.bgfx{position:absolute;inset:0;background:
 radial-gradient(360px 280px at 92% 8%,#2c2e33 0,rgba(44,46,51,0) 70%),
 radial-gradient(320px 300px at -8% 52%,#25272b 0,rgba(37,39,43,0) 70%),
 radial-gradient(360px 280px at 100% 88%,#26282c 0,rgba(38,40,44,0) 70%),
 linear-gradient(180deg,#141517,#0b0b0c)}
.orb{position:absolute;border-radius:50%}
.petri{position:absolute;width:230px;height:230px;right:-62px;top:66px;opacity:.9}.o1{width:220px;height:220px;right:-80px;top:60px;background:radial-gradient(circle at 35% 30%,#5a5d63,#1d1e21 70%);opacity:.75}
.o2{width:180px;height:180px;left:-70px;top:440px;background:radial-gradient(circle at 60% 35%,#4c4f55,#18191b 72%);opacity:.7}
.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:26px 26px;background-position:-1px 12px;
 -webkit-mask-image:radial-gradient(420px 520px at 50% 16%,#000 0,rgba(0,0,0,.2) 62%,transparent 100%)}
.scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);
 border:1px solid rgba(255,255,255,.11);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 34px -14px rgba(0,0,0,.7)}
.mono{font-family:"Geist Mono",monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#7c7d80}
.hud{position:relative}
.hud>.k1,.hud>.k2,.hud>.k3,.hud>.k4{position:absolute;width:12px;height:12px;border-color:rgba(255,255,255,.5);border-style:solid;pointer-events:none}
.k1{top:-6px;left:-6px;border-width:1.5px 0 0 1.5px}.k2{top:-6px;right:-6px;border-width:1.5px 1.5px 0 0}
.k3{bottom:-6px;left:-6px;border-width:0 0 1.5px 1.5px}.k4{bottom:-6px;right:-6px;border-width:0 1.5px 1.5px 0}
main{position:absolute;top:47px;left:0;right:0;padding:8px 20px 0}
.hdr{display:flex;align-items:center;justify-content:space-between}
.emb{width:46px;height:46px;position:relative;display:flex;align-items:center;justify-content:center;color:#d4d4d2}
.emb svg.hex{position:absolute;inset:0;width:46px;height:46px}
.emb svg.i{width:22px;height:22px;position:relative;stroke-width:1.5}
.sync{display:flex;align-items:center;gap:7px;padding:8px 11px 8px 10px;font-size:9.5px!important;letter-spacing:.16em!important;border-radius:8px 8px 8px 2px;color:#a9aaac}
.dot{width:6px;height:6px;border-radius:50%;flex:none}.dot.ok{background:#5fd08a;box-shadow:0 0 6px 1px rgba(95,208,138,.55)}.dot.off{background:#ff6a5f;box-shadow:0 0 6px 1px rgba(255,106,95,.5)}
.tt{margin-top:10px}
.tt .mono{display:flex;gap:8px;align-items:center;white-space:nowrap;letter-spacing:.13em}
.tt .mono i{display:block;width:22px;height:1px;background:#55585c}
h1{font-weight:600;font-size:30px;line-height:1.03;letter-spacing:-.03em;margin-top:9px;color:#d4d4d2}
h1 span{color:#7c7d80;font-weight:400}
.banner{margin-top:16px;border-radius:12px 12px 12px 3px;padding:12px 14px 12px;display:block}
.bic{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex:none;color:#d4d4d2}
.bic svg{width:18px;height:18px}
.btx{font-size:13.5px;line-height:1.4;color:#a9aaac}
.btx .mono{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#d4d4d2}.btx .mono svg{width:14px;height:14px}
.brow{display:flex;gap:6px;margin-top:10px;align-items:center}
.pill-s{height:34px;padding:0 15px;border-radius:9px;font:600 13px "Sora";display:inline-flex;align-items:center}
.pill-lt{background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0d0d0e;box-shadow:inset 0 1px 0 rgba(220,221,223,.7),0 4px 12px -4px rgba(0,0,0,.6)}
.pill-gh{color:#a9aaac}
.nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.nb{height:54px;border-radius:12px 12px 12px 3px;display:flex;align-items:center;gap:10px;padding:0 8px;font-weight:600;font-size:15px;color:#d4d4d2}
.nb .ic{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#a9aaac}
.nb .ic svg{width:18px;height:18px}
.sec{display:flex;align-items:center;gap:10px;margin:22px 4px 9px}
.sec h2{font-size:17px;font-weight:600;color:#d4d4d2}
.cnt{font:600 18px "Geist Mono";color:rgba(220,221,223,.7);text-shadow:0 0 10px rgba(255,255,255,.18),0 0 18px rgba(207,233,214,.12)}
.sec .ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,0))}
.list{border-radius:12px 12px 12px 3px;padding:2px 0}
.row{display:flex;align-items:center;gap:11px;height:48px;padding:0 14px;position:relative}
.row+.row:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:rgba(255,255,255,.07)}
.code{font:600 12px "Geist Mono";letter-spacing:.07em;color:rgba(220,221,223,.7);border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:4px 7px;background:rgba(255,255,255,.05)}
.code i{font-style:normal;font-size:8.5px;letter-spacing:.08em;color:#7c7d80;margin-right:1px;vertical-align:1px}
.nm{flex:1;font-size:14.5px;font-weight:500;color:#d4d4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt{font:400 10px "Geist Mono";color:#7d8084}
.fab{position:absolute;right:24px;bottom:28px;width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:rgba(220,221,223,.7);z-index:30;
 background:radial-gradient(circle at 50% 14%,#585a5e 0,#1b1c1e 58%,#050505 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 6px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.22),0 0 0 5px rgba(20,21,23,.9),0 0 0 6px rgba(255,255,255,.14),0 0 28px rgba(255,255,255,.1),0 16px 30px -8px rgba(0,0,0,.9)}
.fab svg{width:27px;height:27px}
.fab:after{content:"";position:absolute;inset:-15px;background:
 linear-gradient(rgba(220,221,223,.7),rgba(220,221,223,.7)) 50% 0/1px 6px no-repeat,linear-gradient(rgba(220,221,223,.7),rgba(220,221,223,.7)) 50% 100%/1px 6px no-repeat,linear-gradient(rgba(220,221,223,.7),rgba(220,221,223,.7)) 0 50%/6px 1px no-repeat,linear-gradient(rgba(220,221,223,.7),rgba(220,221,223,.7)) 100% 50%/6px 1px no-repeat;opacity:.4}
.ov{background:rgba(8,8,9,.5);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}
.sheet{position:absolute;left:16px;right:16px;bottom:30px;z-index:45;display:flex;flex-direction:column;gap:10px}
.shd{margin:0 0 8px;padding:11px 14px 12px;border-radius:12px 12px 12px 3px}
.shd .top{display:flex;justify-content:space-between}
.shd h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.op{height:66px;border-radius:12px 12px 12px 3px;display:flex;align-items:center;gap:14px;padding:0 18px 0 10px;font-weight:600;font-size:16.5px;color:#d4d4d2}
.op.glass{background:linear-gradient(180deg,rgba(60,62,66,.72),rgba(34,35,38,.72))}
.op .ic{width:46px;height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#d4d4d2}
.op .t{flex:1;display:flex;flex-direction:column;gap:2px}
.op .sb2{font:400 10.5px "Geist Mono";color:#7c7d80}
.op .k{font:500 9.5px "Geist Mono";letter-spacing:.14em;color:#75787c}
.op.glass.pri{background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;border:0;box-shadow:inset 0 1px 0 rgba(220,221,223,.7),0 0 34px rgba(255,255,255,.12),0 18px 34px -12px rgba(0,0,0,.8)}
.op.pri .ic{background:linear-gradient(180deg,#2e2f32,#0b0b0c);color:rgba(220,221,223,.7);border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.op.pri .sb2,.op.pri .k{color:#55575a}
.cancel{height:52px;border-radius:12px 12px 12px 3px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15.5px;color:#a9aaac}

.smi{margin:16px 4px 0;display:block}
.sec{margin:6px 4px 9px!important}
.tog{display:flex;padding:3px;gap:2px;border-radius:9px 9px 9px 2px}
.tog span{width:34px;height:26px;border-radius:6px 6px 6px 2px;display:flex;align-items:center;justify-content:center;color:#7c7d80}
.tog span svg{width:16px;height:16px;stroke-width:1.8}
.tog span.on{background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;box-shadow:inset 0 1px 0 rgba(220,221,223,.7),0 2px 8px rgba(0,0,0,.5)}
.tgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pt{height:64px;border-radius:12px 12px 12px 3px;padding:9px 12px;display:flex;flex-direction:column;justify-content:space-between}
.pt .top{display:flex;justify-content:space-between;align-items:center}
.pt .code{font-size:12px;padding:2px 6px}
.pt .nm{font-size:13.5px;min-width:0}
.pt{min-width:0}
.pt .dt{font-size:9.5px}

.sh{display:flex;align-items:center;gap:12px;margin-top:4px}
.back{width:40px;height:40px;border-radius:10px 10px 10px 3px;display:flex;align-items:center;justify-content:center;color:#d4d4d2}
.back svg{width:20px;height:20px;transform:scaleX(-1)}
.sh h1{font-size:26px;margin:0}
.sh .mono{display:block;margin-bottom:3px}
.grp{margin-top:14px}
.gl{display:flex;justify-content:space-between;margin:0 4px 7px}
.gl b{font:600 14.5px "Sora";color:#d4d4d2;letter-spacing:0;text-transform:none}
.card{border-radius:12px 12px 12px 3px;overflow:hidden}
.it{display:flex;align-items:center;gap:12px;min-height:50px;padding:9px 14px;position:relative}
.it+.it:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:rgba(255,255,255,.07)}
.it .ic2{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#a9aaac;flex:none}
.it .ic2 svg{width:16px;height:16px}
.it .t{flex:1;min-width:0}
.it .l{font-size:14.5px;font-weight:600;color:#d4d4d2}
.it .s{font:400 10px "Geist Mono";color:#7c7d80;margin-top:2px;display:flex;align-items:center;gap:6px}
.it svg.ch{width:15px;height:15px;color:#6c6f73}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:9px 9px 9px 2px;margin:2px 0 0}
.seg3 span{height:34px;border-radius:6px 6px 6px 2px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13.5px;color:#a3a5a8}
.seg3 span.on{background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;box-shadow:inset 0 1px 0 rgba(220,221,223,.7)}
.badge{font:500 9px "Geist Mono";letter-spacing:.12em;text-transform:uppercase;padding:4px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.16);color:#a9aaac}
.badge.red{border-color:rgba(255,106,95,.4);color:#ffb3ad}
.btn2{height:32px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;font-weight:600;font-size:12.5px}

.htile{margin-top:2px;padding:12px 14px 14px;border-radius:12px 12px 12px 3px;overflow:hidden}
.htile .hdr{position:relative;z-index:1}
.htile .tt{position:relative;z-index:1}
.htile h1{font-size:27px}
.htile .petri2{position:absolute;right:-70px;top:-40px;width:210px;height:210px;opacity:.8}
.bn2{display:flex;gap:12px;align-items:center}
.bn2 .btx{font-size:12.8px;flex:1}
.bcol{display:flex;flex-direction:column;gap:6px}
.bcol .pill-s{justify-content:center;height:32px;font-size:12.5px;white-space:nowrap}
.bcol .pill-gh{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.big{height:96px;padding:12px 13px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:12px 12px 12px 3px}
.big .ic{width:36px;height:36px;border-radius:8px;background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(220,221,223,.7)}
.big .ic svg{width:18px;height:18px}
.big .lb{font-size:16px;font-weight:600;color:#d4d4d2}
.big svg.ar{position:absolute;right:13px;top:13px;width:17px;height:17px;color:#7c7d80}
.big .mono{position:absolute;right:13px;bottom:15px;font-size:8.5px}
.fanov{background:radial-gradient(520px 520px at calc(100% - 56px) calc(100% - 60px),rgba(10,10,11,.55),rgba(10,10,11,.78));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.rings{position:absolute;right:0;bottom:0;width:390px;height:844px;z-index:41}
.qa-h{position:absolute;left:22px;bottom:390px;z-index:44;padding:11px 14px 12px;border-radius:12px 12px 12px 3px;width:250px}
.qa-h h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:5px}
.qa{position:absolute;z-index:44;display:flex;align-items:center;gap:12px}
.qa .chip{height:40px;padding:0 13px;border-radius:10px 10px 10px 3px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#d4d4d2}
.qa .chip .mono{font-size:9px;letter-spacing:.12em}
.qa .c{width:56px;height:56px;border-radius:14px 14px 14px 4px;display:flex;align-items:center;justify-content:center;color:#d4d4d2}
.qa .c svg{width:24px;height:24px}
.qa.pri .c{width:64px;height:64px;background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;border:0;box-shadow:inset 0 1px 0 rgba(220,221,223,.7),0 0 30px rgba(255,255,255,.14)}
.qa.pri .chip{background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;border:0;box-shadow:inset 0 1px 0 rgba(220,221,223,.7)}
.qa.pri .chip .mono{color:#55575a}
.hint{position:absolute;left:24px;bottom:40px;z-index:44}
.fab.x{z-index:46;background:linear-gradient(180deg,#c3c5c8,#9d9fa3);color:#0b0b0c;box-shadow:inset 0 1px 0 rgba(220,221,223,.7),0 0 0 5px rgba(20,21,23,.9),0 0 0 6px rgba(255,255,255,.14),0 0 30px rgba(255,255,255,.14)}

.fan .fanov,.fan .rings,.fan .qa-h,.fan .hint{transition:opacity .22s ease}
.fan:not(.open) .fanov,.fan:not(.open) .rings,.fan:not(.open) .qa-h,.fan:not(.open) .hint{opacity:0;pointer-events:none}
.fan .qa{transition:transform .34s cubic-bezier(.2,.9,.25,1.15) var(--d),opacity .22s ease var(--d);transform-origin:100% 50%}
.fan:not(.open) .qa{opacity:0;transform:translate(40px,120px) scale(.35);pointer-events:none;transition-delay:0s}
.fan .qa-h{transition:opacity .25s ease .08s,transform .3s ease .08s}
.fan:not(.open) .qa-h{transform:translateY(10px)}
.qa .c{width:58px;height:58px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:#d4d4d2;position:relative;
 background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.2),rgba(255,255,255,.05) 60%),rgba(40,42,45,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 18px rgba(255,255,255,.07),0 10px 22px -8px rgba(0,0,0,.8)}
.qa .c:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.qa.pri .c{width:66px;height:66px;background:radial-gradient(circle at 50% 18%,#cfd0d2,#9d9fa3 62%,#86888c);color:#0b0b0c;border:0;box-shadow:inset 0 -2px 4px rgba(0,0,0,.18),0 0 32px rgba(255,255,255,.2),0 12px 24px -8px rgba(0,0,0,.8)}
.fab{transition:background .2s}
.fab.x{border-radius:50%}
.cbar{position:absolute;top:0;left:0;right:0;height:104px;padding:52px 20px 0;z-index:35;display:flex;align-items:center;gap:11px;
 background:linear-gradient(180deg,rgba(18,19,21,.86),rgba(18,19,21,.72));-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.1)}
.emb.sm{width:36px;height:36px}.emb.sm svg.hex{width:36px;height:36px}.emb.sm svg.i{width:16px;height:16px}
.cbar .ct{flex:1;min-width:0}.cbar b{display:block;white-space:nowrap;font-size:14.5px;letter-spacing:-.01em;font-weight:600;color:#d4d4d2;margin-top:2px}.cbar .mono{font-size:8.5px}
.foot{margin-top:12px;border-radius:12px 12px 12px 3px;display:flex;align-items:center;gap:12px;padding:11px 14px}
.foot .ic2{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#a9aaac}
.foot .ic2 svg{width:16px;height:16px}.foot .t{flex:1}.foot .l{font-size:14.5px;font-weight:600}.foot .s{font:400 10px "Geist Mono";color:#7c7d80;margin-top:2px}
.foot svg.ch{width:15px;height:15px;color:#6c6f73}
.endm{display:flex;align-items:center;gap:10px;margin:18px 4px 0;font-size:8.5px;justify-content:center}
.endm i{flex:1;height:1px;background:rgba(255,255,255,.1)}

.qa-h .qe{display:none}
.qa-h .ql{white-space:nowrap;font-family:"Geist Mono",monospace;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#d4d4d2;margin-top:0;padding:6px 0}
.qa-h.sel .qe{display:block}
.qa-h.sel .ql{font-family:"Sora",system-ui;font-size:22px;letter-spacing:-.02em;text-transform:none;padding:0;margin-top:5px}
.qa{transition:transform .34s cubic-bezier(.2,.9,.25,1.15) var(--d),opacity .22s ease var(--d),filter .15s}
.qa .c,.qa .chip{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.qa.hot .c{transform:scale(1.14);background:radial-gradient(circle at 50% 18%,#cfd0d2,#9d9fa3 62%,#86888c);color:#0b0b0c;border-color:transparent;box-shadow:0 0 0 6px rgba(255,255,255,.1),0 0 38px rgba(255,255,255,.35),0 12px 24px -8px rgba(0,0,0,.8)}
.qa.hot .c:after{border-color:rgba(255,255,255,.35);inset:-9px}
.qa.hot .chip{transform:scale(1.05);background:linear-gradient(180deg,#cfd0d2,#9d9fa3);color:#0b0b0c;box-shadow:0 0 24px rgba(255,255,255,.25)}
.qa.hot .chip .mono{color:#55575a}
.trail{position:absolute;right:0;bottom:0;width:390px;height:844px;z-index:45;pointer-events:none}
.finger{position:absolute;width:46px;height:46px;border-radius:50%;z-index:47;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.42),rgba(255,255,255,.12) 60%,rgba(255,255,255,0) 72%);box-shadow:0 0 0 1.5px rgba(255,255,255,.45)}
.cap{position:absolute;top:58px;left:50%;transform:translateX(-50%);z-index:48;padding:6px 11px;border-radius:8px 8px 8px 2px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#d4d4d2!important;font-size:10px!important;white-space:nowrap}
.fab{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}

.m3{position:absolute;inset:0;padding:52px 20px 0;display:flex;flex-direction:column}
.hd3{display:flex;flex-direction:column;align-items:center;text-align:center}
.hd3 .emb{width:44px;height:44px}.hd3 .emb svg.hex{width:44px;height:44px}.hd3 .emb svg.i{width:19px;height:19px}
.eyb{margin-top:10px;display:flex;align-items:center;gap:8px;white-space:nowrap;letter-spacing:.14em!important;font-size:9px!important}
.eyb i{display:block;width:16px;height:1px;background:#55585c}
.t1{font-family:"Sora",system-ui;font-weight:600;font-size:62px;line-height:1.14;letter-spacing:-.045em;color:#c3c5c8;margin-top:0;padding-bottom:4px!important;
 background:linear-gradient(180deg,#cfd0d2 30%,#b9bbbe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 4px}
.t2{font-family:"Sora",system-ui;font-weight:200;font-size:13.5px;letter-spacing:.42em;text-transform:uppercase;color:#7c7d80;margin-top:-2px;padding-left:.42em;transform:scaleY(.92)}
.od{margin-top:10px;display:flex;align-items:center;gap:7px;justify-content:center}
.b3{margin-top:14px;padding:11px 12px 11px 14px;border-radius:12px 12px 12px 3px;display:flex;gap:12px;align-items:center}
.b3 .btx{font-size:12.6px;line-height:1.38;flex:1;color:#a9aaac}
.b3 .btx .mono{display:flex;align-items:center;gap:7px;margin-bottom:4px;color:#d4d4d2}.b3 .btx .mono svg{width:13px;height:13px}
.nav3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.nav3 .nb{height:48px}
.nav3 .nb .ic{width:34px;height:34px}
.sec3{display:flex;align-items:center;gap:10px;margin:14px 2px 0}
.sec3 h2{font-size:16px;font-weight:600;color:#d4d4d2;white-space:nowrap}
.area{position:relative;flex:1;min-height:0;margin:4px -20px 0}
.wheel{position:absolute;inset:0;overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
 scroll-snap-type:y proximity;padding:2px 20px 150px;
 -webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,rgba(0,0,0,.4) 72%,transparent 97%);mask-image:linear-gradient(180deg,#000 0,#000 40%,rgba(0,0,0,.4) 72%,transparent 97%)}
.wheel.scrolled{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 34px,#000 40%,rgba(0,0,0,.4) 72%,transparent 97%);mask-image:linear-gradient(180deg,transparent 0,#000 34px,#000 40%,rgba(0,0,0,.4) 72%,transparent 97%)}
.wheel::-webkit-scrollbar{display:none}
[data-still] .wheel{scroll-snap-type:none}
.wr{height:38px;margin-bottom:6px;display:flex;align-items:center;gap:11px;padding:0 13px;scroll-snap-align:start;scroll-margin-top:2px;will-change:opacity;
 border-radius:10px 10px 10px 3px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.wr .code{font-size:11px;padding:3px 6px}.wr .code i{font-size:8px}
.wr .nm{font-size:14px}
.wr .dt{font-size:9.5px}
.odtr{position:absolute;top:52px;right:22px;z-index:5;display:flex;align-items:center;gap:6px;font-size:9px!important;letter-spacing:.16em!important;padding:0!important;background:none;border:0}
.odtr .odt{opacity:.45;color:#a9aaac}
.odtr .dot{opacity:.7;width:5px;height:5px}
.tarea{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none;padding:4px 20px 140px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 98%);mask-image:linear-gradient(180deg,#000 70%,transparent 98%)}
.tarea::-webkit-scrollbar{display:none}
.mode-list .tarea,.mode-tiles .wheel,.mode-tiles .band,.mode-tiles .fl{display:none}

.tiles3{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.tiles3 .big{height:82px;padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0}
.tiles3 .big .ic{width:32px;height:32px}
.tiles3 .big .lb{font-size:15.5px}
/* settings v3 */
.s3{position:absolute;inset:0;padding:52px 20px 0}
.s3 .sh{display:flex;align-items:center;gap:12px}
.s3 .sh h1{font-family:"Sora";font-size:30px;font-weight:650;letter-spacing:-.04em;margin:0}
.s3 .ver{margin:8px 2px 0;display:flex;align-items:center;gap:8px;font-size:9px!important;letter-spacing:.14em!important}
.s3 .ver i{flex:1;height:1px;background:rgba(255,255,255,.1)}
.s3 .grp{margin-top:16px}
.s3 .it{min-height:46px;padding:8px 14px}
.s3 .it .l{font-size:14px}
.s3 .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px 12px}
.s3 .row2 .pill-s{height:40px;justify-content:center;font-size:14px;border-radius:9px 9px 9px 2px;gap:8px}
.s3 .row2 .pill-s svg{width:16px;height:16px}
.s3 .pill-gl{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#d4d4d2}
.s3 .auto{padding:9px 14px 11px;position:relative}
.s3 .auto:before,.s3 .row2:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:rgba(255,255,255,.07)}
.s3 .row2{position:relative}
.s3 .auto .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}
.s3 .auto .l{font-size:14px;font-weight:600}
.s3 .seg3 span{height:30px;font-size:12.5px}
.s3 .scope{font:400 9.5px "Geist Mono";color:#7c7d80;letter-spacing:.06em;padding:0 14px 11px;margin-top:-3px}

/* E4: formal type + mist background */
body{font-family:"Sora",system-ui}
h1,h2,h3,.lb,.l,.nb,.op,.chip,.pill-s,.btn2,.seg3 span,.gl b{font-feature-settings:"ss01","cv11";letter-spacing:-.012em}
.s3 .sh h1{font-family:"Sora";font-weight:600;letter-spacing:-.035em}
.grid,.scan{display:none}
.bgfx{background:
 radial-gradient(90% 12% at 50% 44%,rgba(165,169,175,.12),rgba(165,169,175,0) 75%),
 radial-gradient(60% 38% at 18% 14%,rgba(150,154,160,.30),rgba(150,154,160,0) 70%),
 radial-gradient(55% 30% at 86% 34%,rgba(130,134,140,.24),rgba(130,134,140,0) 70%),
 radial-gradient(70% 34% at 30% 62%,rgba(140,144,150,.22),rgba(140,144,150,0) 72%),
 radial-gradient(60% 30% at 80% 88%,rgba(120,124,130,.22),rgba(120,124,130,0) 72%),
 linear-gradient(180deg,#191a1d 0%,#131416 55%,#0f1012 100%)}
.bgfx:before,.bgfx:after{content:"";position:absolute;border-radius:50%;filter:blur(38px);pointer-events:none}
.bgfx:before{width:360px;height:180px;left:-60px;top:190px;background:rgba(175,179,185,.17);animation:drift1 26s ease-in-out infinite alternate}
.bgfx:after{width:320px;height:200px;right:-90px;top:520px;background:rgba(160,164,170,.15);animation:drift2 32s ease-in-out infinite alternate}
@keyframes drift1{to{transform:translate(70px,40px) scale(1.15)}}
@keyframes drift2{to{transform:translate(-80px,-50px) scale(1.1)}}
[data-still] .bgfx:before,[data-still] .bgfx:after{animation:none}
.orb{display:none}

body{font-family:"Sora",system-ui;color:#d4d4d2;font-feature-settings:"ss01"}
.bgfx{background:
 radial-gradient(90% 14% at 50% 46%,rgba(120,124,130,.07),rgba(120,124,130,0) 75%),
 radial-gradient(60% 36% at 16% 12%,rgba(115,119,125,.13),rgba(115,119,125,0) 70%),
 radial-gradient(55% 30% at 88% 34%,rgba(100,104,110,.10),rgba(100,104,110,0) 70%),
 radial-gradient(70% 34% at 28% 64%,rgba(105,109,115,.09),rgba(105,109,115,0) 72%),
 radial-gradient(60% 30% at 82% 90%,rgba(95,99,105,.09),rgba(95,99,105,0) 72%),
 linear-gradient(180deg,#0e0f10 0%,#0a0b0c 55%,#070708 100%)!important}
.bgfx:before{background:rgba(125,129,135,.08)!important}.bgfx:after{background:rgba(115,119,125,.07)!important}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018))!important;border-color:rgba(255,255,255,.075)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 34px -14px rgba(0,0,0,.8)!important}
.op.glass.pri,.qa.pri .chip,.pill-lt,.tog span.on,.seg3 span.on{background:linear-gradient(180deg,rgba(200,202,205,.82),rgba(160,162,166,.78))!important;color:#0d0d0e!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 16px -8px rgba(0,0,0,.8)!important}
.qa.pri .c,.fab.x,.qa.hot .c{background:radial-gradient(circle at 50% 20%,rgba(215,217,220,.9),rgba(160,162,166,.85) 70%)!important;color:#0d0d0e!important}
.qa.hot .c{box-shadow:0 0 0 6px rgba(255,255,255,.06),0 0 30px rgba(255,255,255,.16)!important}
.big .ic,.tiles3 .big .ic{background:linear-gradient(180deg,rgba(190,192,195,.55),rgba(150,152,156,.45))!important;color:#101112!important}
svg.i{stroke-width:1.6}
.nb .ic,.bic,.ic2,.op .ic{color:#9fa1a4!important}
.mono{color:#737477}
.code{color:#c9cacb!important;border-color:rgba(255,255,255,.12)!important}
.code i{color:#6f7073!important}
.t1{font-family:"Sora",system-ui!important;font-weight:600!important;font-size:62px!important;letter-spacing:-.05em!important;line-height:1.16!important;
 background:linear-gradient(180deg,#d9dadb 30%,#9c9ea1)!important;-webkit-background-clip:text!important;background-clip:text!important}
.t2{font-family:"Sora",system-ui!important;font-weight:200!important;letter-spacing:.44em!important;color:#8d8e91!important}
.odtr .odt{opacity:.45}.odtr .dot{opacity:.7}
.dot.ok{background:#5cbf83!important;box-shadow:0 0 5px 1px rgba(92,191,131,.35)!important}
.dot.off{background:#e0645b!important;box-shadow:0 0 5px 1px rgba(224,100,91,.35)!important}
.cnt{color:#d4d4d2!important}
.wr .nm,.pt .nm{color:#c9cacb}
/* ---------- E5 generic screen chrome ---------- */
.s5{position:absolute;inset:0;padding:52px 16px 0;display:flex;flex-direction:column}
.tb{display:flex;align-items:center;gap:12px;min-height:46px}
.tb .back,.ib{width:40px;height:40px;border-radius:9px 9px 9px 2px;display:flex;align-items:center;justify-content:center;color:#b9babc;flex:none}
.tb .back svg{transform:scaleX(-1);width:19px;height:19px}.ib svg{width:19px;height:19px}
.tb .tt5{flex:1;min-width:0}.tb .tt5 .mono{display:block;font-size:8.5px;letter-spacing:.16em;margin-bottom:2px}
.tb h1{font-size:22px;font-weight:600;letter-spacing:-.03em;color:#d9d9d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fld{border-radius:9px 9px 9px 2px;height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#7c7d80;font-size:14px}
.fld svg{width:17px;height:17px}
.fld.val{color:#d4d4d2}
.fld.focus{border-color:rgba(200,202,205,.45)!important;box-shadow:0 0 0 3px rgba(200,202,205,.08),inset 0 1px 0 rgba(255,255,255,.07)!important}
.lbl{font:500 9px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#77787b;margin:14px 2px 6px;display:flex;justify-content:space-between}
.btn5{height:44px;border-radius:9px 9px 9px 2px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px;color:#cfd0d1;padding:0 12px;white-space:nowrap;min-width:0;letter-spacing:-.01em}
.btn5 svg{width:17px;height:17px}
.btn5.lt{background:linear-gradient(180deg,rgba(200,202,205,.82),rgba(160,162,166,.78));color:#0d0d0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.btn5.dg{color:#e08b84;border:1px solid rgba(224,100,91,.35);background:rgba(224,100,91,.06)}
.btn5.gh{color:#a9aaac}
.card5{border-radius:12px 12px 12px 3px;overflow:hidden}
.kv{display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 14px;position:relative;font-size:14px}
.kv+.kv:before,.lg+.lg:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:rgba(255,255,255,.06)}
.kv .k{font:500 9px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#77787b}
.kv .v{color:#cfd0d1;font-weight:500}
.kv .v.em{color:#6f7073}
.lh{display:flex;justify-content:space-between;align-items:center;padding:11px 14px 6px}
.lh b{font-size:14px;font-weight:600;color:#d4d4d2}
.lg{display:flex;align-items:center;gap:10px;padding:9px 14px;position:relative}
.lg .d{font:500 11px "Geist Mono";color:#a9aaac;width:78px;flex:none}
.lg .x{flex:1;font-size:13.5px;color:#c9cacb}
.mini{width:30px;height:30px;border-radius:8px 8px 8px 2px;display:flex;align-items:center;justify-content:center;color:#8f9093;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.mini svg{width:14px;height:14px}.mini.dgi{color:#c9837d}
.la{display:flex;gap:8px;padding:6px 14px 13px}
.la .btn5{height:34px;font-size:13px;padding:0 12px}
.sheetov{position:absolute;inset:0;z-index:40;background:rgba(4,4,5,.55);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.sheet5{position:absolute;left:10px;right:10px;bottom:22px;z-index:45;border-radius:16px 16px 16px 4px;padding:14px 14px 12px;background:linear-gradient(180deg,rgba(38,39,42,.92),rgba(24,25,27,.94))!important}
.sheet5 h3{font-size:20px;font-weight:600;letter-spacing:-.025em;color:#d9d9d7;margin:5px 0 8px}
.sheet5 p{font-size:14px;line-height:1.45;color:#a9aaac;margin-bottom:14px}
.row5{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{display:flex;align-items:center;gap:12px;height:58px;padding:0 12px;border-radius:12px 12px 12px 3px;margin-bottom:8px}
.opt .oi{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#a9aaac}
.opt .oi svg{width:18px;height:18px}
.opt .t{flex:1}.opt .l{font-size:15px;font-weight:600;color:#d4d4d2}.opt .s{font:400 10px "Geist Mono";color:#77787b;margin-top:2px}
.opt.pri{background:linear-gradient(180deg,rgba(200,202,205,.8),rgba(160,162,166,.74))!important;border:0!important}
.opt.pri .l{color:#0d0d0e}.opt.pri .s{color:#3e3f42}.opt.pri .oi{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.12);color:#1a1b1c}
.inp{border-radius:9px 9px 9px 2px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);height:46px;display:flex;align-items:center;padding:0 13px;font-size:15px;color:#d4d4d2;gap:10px}
.inp.ta{height:92px;align-items:flex-start;padding-top:12px;line-height:1.45}
.caret{display:inline-block;width:1.5px;height:18px;background:#c3c5c8;margin-left:1px;vertical-align:-3px}

.tbl{border-radius:12px 12px 12px 3px;overflow:hidden;flex:1;min-height:0;margin:0 -16px 0 0;border-right:0!important;border-bottom:0!important;border-radius:12px 0 0 0!important;
 -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 99%),linear-gradient(90deg,#000 80%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 72%,transparent 99%);}
.thr,.tr{display:flex;align-items:stretch}
.thr{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08)}
.th{font:500 8.5px/1.35 "Geist Mono";letter-spacing:.14em;text-transform:uppercase;color:#8d8e91;padding:10px 12px;flex:none}
.tc{width:112px;flex:none;border-right:1px solid rgba(255,255,255,.08);display:flex;align-items:center;padding:0 10px;background:rgba(255,255,255,.02)}
.thr .tc{padding:10px 12px}
.tsc{display:flex;overflow:hidden}
.tr{height:46px;border-bottom:1px solid rgba(255,255,255,.05)}
.tr:nth-child(odd){background:rgba(255,255,255,.012)}
.td{display:flex;align-items:center;padding:0 12px;font-size:13.5px;color:#c9cacb;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td.em{color:#5f6063}

.rh{margin-top:12px;border-radius:12px 12px 12px 3px;padding:14px;display:flex;gap:12px;align-items:center}
.rhl{flex:1;min-width:0}
.bigcode{font:600 28px "Geist Mono";letter-spacing:.04em;color:#d9d9d7}.bigcode i{font-style:normal;font-size:12px;color:#6f7073;letter-spacing:.1em;margin-right:2px;vertical-align:5px}
.rn{font-size:17px;font-weight:500;font-style:italic;color:#c9cacb;margin:2px 0 6px;letter-spacing:-.01em}
.thumb{width:76px;height:76px;border-radius:10px 10px 10px 3px;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex:none}
.ph{width:100%;height:100%;display:block;filter:saturate(.55) brightness(.9)}

.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pcell{aspect-ratio:1;border-radius:10px 10px 10px 3px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.09)}
.pcell .pd{position:absolute;left:5px;bottom:4px;font-size:8px;color:#cfd0d1;text-shadow:0 1px 2px #000}
.pcell.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8f9093;font-size:11px}
.pcell.add svg{width:18px;height:18px}
.mm{height:92px;position:relative;border-bottom:1px solid rgba(255,255,255,.07)}
.mm svg{width:100%;height:100%;display:block}
.ebar{position:absolute;left:0;right:0;bottom:0;z-index:30;display:flex;gap:8px;align-items:center;padding:12px 16px 30px;border-radius:18px 18px 0 0!important;background:linear-gradient(180deg,rgba(30,31,33,.9),rgba(18,19,20,.95))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.ebar .btn5{flex:1}
.cam{position:absolute;inset:0;overflow:hidden;background:#0b0c0c}
.camfeed{position:absolute;inset:-20px;background:radial-gradient(60% 40% at 40% 36%,#3a3c38,#1a1b1a 70%),#121312;filter:blur(6px)}
.camfeed:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 70%,rgba(80,100,70,.25),transparent 50%),radial-gradient(circle at 20% 80%,rgba(60,70,55,.3),transparent 45%)}
.cam .tag{position:absolute;left:92px;top:268px;width:210px;transform:rotate(-4deg);filter:blur(.4px) brightness(.8)}
.vf{position:absolute;left:52px;right:52px;top:218px;height:230px;border-radius:14px;box-shadow:0 0 0 999px rgba(0,0,0,.45)}
.vf>.k1,.vf>.k2,.vf>.k3,.vf>.k4{width:26px;height:26px;border:0 solid!important;}
.vf>.k1{border-top-width:2px!important;border-left-width:2px!important}.vf>.k2{border-top-width:2px!important;border-right-width:2px!important}.vf>.k3{border-bottom-width:2px!important;border-left-width:2px!important}.vf>.k4{border-bottom-width:2px!important;border-right-width:2px!important}
.vf>.k1,.vf>.k2,.vf>.k3,.vf>.k4{border-color:rgba(210,212,215,.7)!important}
.vf .k1{top:0;left:0;border-radius:12px 0 0 0}.vf .k2{top:0;right:0;border-radius:0 12px 0 0}.vf .k3{bottom:0;left:0;border-radius:0 0 0 12px}.vf .k4{bottom:0;right:0;border-radius:0 0 12px 0}
.vf.ok>.k1,.vf.ok>.k2,.vf.ok>.k3,.vf.ok>.k4{border-color:rgba(92,191,131,.8)!important}
.sl{position:absolute;left:14px;right:14px;top:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(210,212,215,.7),transparent);box-shadow:0 0 12px rgba(210,212,215,.5)}
.vf.ok .sl{display:none}
.det{position:absolute;left:50%;bottom:-54px;transform:translateX(-50%);white-space:nowrap;padding:9px 13px;border-radius:9px 9px 9px 2px;font-size:13px;color:#cfd0d1;display:flex;align-items:center;gap:8px}
.det b{font:600 13px "Geist Mono";color:#d9d9d7}
.scp{position:absolute;left:10px;right:10px;bottom:22px;z-index:20;border-radius:16px 16px 16px 4px;padding:14px;background:linear-gradient(180deg,rgba(34,35,37,.9),rgba(20,21,22,.94))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.mapfull{position:absolute;inset:0}.mapfull svg{width:100%;height:100%}
.mapzoom{position:absolute;left:16px;top:170px;z-index:20;border-radius:9px 9px 9px 2px;display:flex;flex-direction:column}
.mapzoom span{width:38px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#b9babc}.mapzoom span+span{border-top:1px solid rgba(255,255,255,.08)}.pv{position:absolute;left:0;right:0;top:170px;height:420px}.pv svg{width:100%;height:100%;filter:saturate(.6) brightness(.85)}
.pvn{position:absolute;top:360px;width:40px;height:40px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;color:#b9babc;z-index:5}
.pvn svg{width:18px;height:18px}.pvn.l{left:12px}.pvn.l svg{transform:scaleX(-1)}.pvn.r{right:12px}
.pvmeta{position:absolute;left:16px;right:16px;top:606px;border-radius:9px 9px 9px 2px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#a9aaac}
.pvthumbs{position:absolute;left:0;right:0;top:664px;display:flex;justify-content:center;gap:8px}.pvthumbs .pcell{width:58px;height:58px;opacity:.55}.pvthumbs .pcell.on{opacity:1;border-color:rgba(200,202,205,.6)}.cr{display:flex;align-items:center;gap:7px;padding:8px 10px 8px 12px;position:relative}
.cr+.cr:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:rgba(255,255,255,.06)}
.cr .ci{font-size:8.5px;width:16px}.cr .t{flex:1;min-width:0}.cr .l{font-size:13.5px;font-weight:600;color:#d4d4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr .s{font:400 9.5px "Geist Mono";color:#6f7073;margin-top:1px}
.cr .mini{width:28px;height:28px}.cr .hb{width:auto;padding:0 8px;font-size:11px;font-weight:600;color:#a9aaac}
.cr.hid .l{color:#77787b}
.m6{display:block!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:52px 20px 150px!important;
 -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 190px),rgba(0,0,0,.35) calc(100% - 70px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 190px),rgba(0,0,0,.35) calc(100% - 70px),transparent 100%)}
.m6::-webkit-scrollbar{display:none}
.m6 .odtr{position:absolute;top:52px;right:22px}
.t6{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}
.t6 .big{height:78px!important;padding:10px 11px!important}
.t6 .big .lb{font-size:14.5px!important}
.t6 .big{position:relative}.t6 .big .ar{display:none}.t6 .big .mono{position:absolute!important;top:12px!important;right:11px!important;left:auto!important;bottom:auto!important;font-size:7.5px!important;letter-spacing:.12em!important}
.t6 .big .ic{width:30px!important;height:30px!important}
.m6 .sec3{margin-top:18px}
.plist{margin-top:10px}
.plist .wr{opacity:1!important}
.pgrid6{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mode-list .pgrid6,.mode-tiles .plist{display:none}
.endm{text-align:center;font-size:8px!important;margin-top:18px;color:#56575a!important;letter-spacing:.18em}
.ch6{position:absolute;left:0;right:0;top:0;z-index:30;height:100px;padding:50px 16px 0 18px;display:flex;align-items:center;gap:10px;
 border-radius:0 0 16px 16px!important;border-top:0!important;background:linear-gradient(180deg,rgba(16,17,18,.86),rgba(16,17,18,.72))!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
.ch6.on{opacity:1;transform:none;pointer-events:auto}
.ch6 .emb{width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;flex:none}.ch6 .emb svg.hex{position:absolute;inset:0;width:30px;height:30px}.ch6 .emb svg.i{width:13px;height:13px}
.ch6 .cht{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.05}
.ch6 .cht b{font-size:19px;font-weight:600;letter-spacing:-.035em;color:#d4d4d2}
.ch6 .cht .mono{font-size:7.5px;letter-spacing:.34em;margin-top:3px;font-weight:300;color:#77787b}
.ch6 .chs{display:flex;align-items:center;gap:6px;font-size:8px!important;letter-spacing:.16em;color:#6f7073;margin-right:4px}.ch6 .chs .dot{width:5px;height:5px}
.ch6 .ib{width:36px;height:36px}
/* map screen */
.map6{position:absolute;inset:0}.map6 svg{width:100%;height:100%;display:block}
.mpin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px}
.mpin .mc{font:600 9.5px "Geist Mono";letter-spacing:.06em;color:#cfd0d1;padding:3px 6px;border-radius:6px 6px 6px 2px;background:rgba(20,21,22,.85);border:1px solid rgba(255,255,255,.12)}
.mpin .md{width:10px;height:10px;border-radius:50%;background:#c3c5c8;box-shadow:0 0 0 4px rgba(200,202,205,.12)}
.mpin.hot .mc{background:linear-gradient(180deg,rgba(200,202,205,.85),rgba(160,162,166,.8));color:#0d0d0e;border:0}
.mcard{position:absolute;left:10px;right:10px;bottom:22px;z-index:20;border-radius:16px 16px 16px 4px;padding:13px;display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,rgba(34,35,37,.9),rgba(20,21,22,.94))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.mcard .thumb{width:58px;height:58px}
.mtop{position:absolute;left:0;right:0;top:0;z-index:20;padding:52px 16px 12px;background:linear-gradient(180deg,rgba(10,11,12,.92),rgba(10,11,12,.6) 70%,transparent)}

.sortbar{display:flex;gap:8px;margin-top:10px;align-items:center}
.seg6{flex:1;display:flex;padding:3px;gap:2px;border-radius:9px 9px 9px 2px}
.seg6 span{flex:1;height:30px;border-radius:6px 6px 6px 2px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:600;color:#9d9fa3;white-space:nowrap;cursor:pointer}
.seg6 span svg{width:14px;height:14px;stroke-width:2}
.seg6 span.on{background:linear-gradient(180deg,rgba(200,202,205,.82),rgba(160,162,166,.78));color:#0d0d0e;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 10px -6px rgba(0,0,0,.8)}
.seg6 span[data-s="recent"]{flex:1.35}
.vt span{height:30px!important}
.apl{margin:10px 2px 8px;font-size:8.5px!important;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}
.apl .sl6{color:#9d9fa3}
.apbody{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.view-table .tree,.view-tree .tbl{display:none!important}
.ap6 .tbl{flex:1}
.tbl .upd{display:none!important}.tbl.recent .upd{display:flex!important}
.td.upd{color:#d4d4d2;font-variant-numeric:tabular-nums}
.th.srt{color:#d4d4d2!important}
.tree{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 99%);mask-image:linear-gradient(180deg,#000 72%,transparent 99%);padding-bottom:120px}
.fam{border-radius:12px 12px 12px 3px;flex:none;padding-bottom:6px}.fam.shut{padding-bottom:0}
.nd{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.nd .chv{width:14px;height:14px;flex:none;color:#C9A96A;opacity:.8;transition:transform .2s}
.shut>.nd .chv{transform:rotate(-90deg)}.shut>.kids{display:none}
.fh{height:42px;padding:0 12px}
.fh .fn{font-size:15px;font-weight:700;color:#dcdcda;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.nm6{font-size:7.5px!important;letter-spacing:.14em!important;color:#6a6b6e!important}
.c6{font:600 9.5px "Geist Mono";color:#C9A96A;padding:2px 6px;border:1px solid rgba(201,169,106,.35);border-radius:5px 5px 5px 1px;background:rgba(201,169,106,.06)}
.fd{font-size:11px;color:#6f7073;width:34px;text-align:right;font-variant-numeric:tabular-nums}
.gh{height:32px;padding-right:12px}.gh .gn{flex:1;font-size:14px;font-weight:600;color:#cfd0d1;font-style:italic}
.shd{height:30px;padding-right:12px;cursor:default}.shd .sn{flex:1;font-size:13.5px;color:#bfc0c2}.shd .sn i{font-style:italic}
.sdot{width:7px;height:7px;border-radius:50%;border:1px solid rgba(201,169,106,.7);background:rgba(201,169,106,.15);flex:none;margin:0 3.5px}
.kids{position:relative;padding-left:18px}
.k-f{margin-left:19px}.k-g{margin-left:7px}.k-s{margin-left:7px}
.kids>*{position:relative}
.kids>*:before{content:"";position:absolute;left:-18px;top:0;width:13px;border-left:1px solid rgba(201,169,106,.38);border-bottom:1px solid rgba(201,169,106,.38);border-bottom-left-radius:7px}
.kids>.gen:before{height:16px}.kids>.spc:before{height:15px}.kids>.lf:before{height:15px}
.kids>*:not(:last-child):after{content:"";position:absolute;left:-18px;top:0;bottom:0;border-left:1px solid rgba(201,169,106,.38)}
.lf{display:flex;align-items:center;gap:9px;height:30px;padding-right:12px;cursor:pointer;border-radius:7px 7px 7px 2px}
.lf:active{background:rgba(201,169,106,.06)}
.lf .code{font-size:10px;padding:2px 6px}.lf .code i{font-size:7px}
.lf .cvn{flex:1;min-width:0;font-size:12.5px;color:#a9aaac;overflow:hidden;text-overflow:ellipsis}.lf .cvn em{font-style:normal;color:#5f6063}
.lf .dt{font-size:11px}

.inp,.inp *:not(span[style*="font-size:11px"]),.sheet5 p b,.det b,.qa-h.sel .ql,.lg .d,.opt .s,.cr .s,.it .s,.foot .s,.op .sb2,.wr .dt,.pt .dt,.cnt,.ic2,.toast,.bigcode,.ch6 .cht .mono,.lf .dt,.fh .fd{font-family:"Sora",system-ui!important}
.inp{font-variant-numeric:tabular-nums}
.bigcode{font-weight:600!important;letter-spacing:-.01em!important;font-variant-numeric:tabular-nums}.bigcode i{font-family:"Geist Mono"!important;font-weight:500}
.lg .d,.wr .dt,.pt .dt,.lf .dt{font-variant-numeric:tabular-nums;letter-spacing:0!important}
.wr .dt,.lf .dt{font-size:11px!important;color:#7c7d80!important}.pt .dt{font-size:10.5px!important}
.lg .d{font-size:12.5px!important;font-weight:500}
.opt .s,.cr .s,.it .s{font-size:11.5px!important;letter-spacing:0!important}
.qa-h.sel .ql{letter-spacing:-.01em!important;text-transform:none!important;font-size:13px!important;font-weight:600!important}
.ch6 .cht .mono{font-weight:300!important;text-transform:uppercase;letter-spacing:.34em!important;font-size:8px!important}
.cnt{font-weight:600!important;font-size:17px!important;text-shadow:none!important}

/* mist: still dark, with soft desaturated blue + green blobs */
.bgfx{background:
 radial-gradient(46% 26% at 14% 18%,rgba(76,98,124,.36),rgba(78,96,118,0) 72%),
 radial-gradient(42% 24% at 90% 38%,rgba(72,108,90,.30),rgba(74,104,90,0) 72%),
 radial-gradient(55% 28% at 30% 70%,rgba(70,88,110,.26),rgba(70,86,104,0) 74%),
 radial-gradient(50% 26% at 84% 88%,rgba(70,102,86,.26),rgba(72,98,84,0) 74%),
 radial-gradient(90% 14% at 50% 46%,rgba(120,124,130,.06),rgba(120,124,130,0) 75%),
 linear-gradient(180deg,#0d0f11 0%,#0a0b0d 55%,#070809 100%)!important}
.bgfx:before{background:rgba(88,106,126,.10)!important}.bgfx:after{background:rgba(84,112,98,.09)!important}
/* gold hairlines + top-edge glints on glass */
html .glass{border:1px solid rgba(201,169,106,.17)!important;box-shadow:inset 0 1px 0 rgba(226,200,146,.16),0 14px 34px -14px rgba(0,0,0,.8)!important}
html .wr{border:1px solid rgba(201,169,106,.14)!important;box-shadow:inset 0 1px 0 rgba(226,200,146,.12)!important}
.btn5,.pill-s{border:1px solid rgba(201,169,106,.22)!important}
.btn5.lt,.pill-lt,.opt.pri,.seg6 span.on,.seg3 span.on,.tog span.on{border:1px solid rgba(201,169,106,.6)!important;box-shadow:inset 0 1px 0 rgba(255,244,220,.45),0 0 0 1px rgba(201,169,106,.08),0 6px 16px -8px rgba(0,0,0,.8)!important}
.btn5.dg{border-color:rgba(224,100,91,.35)!important}
.code{border-color:rgba(201,169,106,.22)!important}
.inp{border-color:rgba(201,169,106,.16)!important}
.fld.focus,.inp.focus{border-color:rgba(201,169,106,.6)!important;box-shadow:0 0 0 3px rgba(201,169,106,.1)!important}
.hud>.k1,.hud>.k2,.hud>.k3,.hud>.k4{border-color:rgba(201,169,106,.55)!important}
.fab{box-shadow:inset 0 1px 0 rgba(255,240,210,.3),inset 0 -2px 6px rgba(0,0,0,.6),0 0 0 1px rgba(201,169,106,.75),0 0 0 5px rgba(14,15,17,.92),0 0 0 6px rgba(201,169,106,.32),0 0 26px rgba(201,169,106,.12),0 16px 30px -8px rgba(0,0,0,.9)!important}
.fab.x{box-shadow:0 0 0 1px rgba(201,169,106,.8),0 0 0 5px rgba(14,15,17,.9),0 0 0 6px rgba(201,169,106,.35)!important}
.qa .c{box-shadow:0 0 0 1px rgba(201,169,106,.35)!important}
.cnt,.fh .c6{color:#C9A96A!important}
.sec3 .ln{background:linear-gradient(90deg,rgba(201,169,106,.45),rgba(201,169,106,0))!important}
.tb .back,.ib{color:#cbb582!important}
.eyb i{background:linear-gradient(90deg,rgba(201,169,106,0),rgba(201,169,106,.6),rgba(201,169,106,0))!important}
.ch6{border-bottom:1px solid rgba(201,169,106,.28)!important}
.mpin.hot .mc{box-shadow:0 0 0 1px rgba(201,169,106,.8)}.mpin .md{box-shadow:0 0 0 4px rgba(201,169,106,.14)!important}
.tbl .thr{border-bottom-color:rgba(201,169,106,.25)!important}
.t2{color:#b3a07a!important}
/* type: Syne (display) + Sora (everything else); Geist Mono only for lab labels */
body{font-family:"Sora",system-ui!important;letter-spacing:-.01em}
.t1{font-family:"Syne"!important;font-weight:700!important;font-size:60px!important;letter-spacing:-.035em!important;line-height:1.2!important;padding-bottom:2px}
.t2{font-family:"Sora"!important;font-weight:200!important;letter-spacing:.42em!important;font-size:11.5px!important}
h1,h2,h3,.tb h1,.sh h1,.sec3 h2,.sheet5 h3,.fh .fn,.ch6 .cht b,.gl b,.lh b,.tiles3 .big .lb,.bigcode,.rn,.pv-t,.mcard .mn{font-family:"Syne"!important}
.tb h1,.sh h1{font-weight:700!important;letter-spacing:-.02em!important}
.sec3 h2{font-weight:700!important;font-size:17px!important;letter-spacing:-.015em!important}
.sheet5 h3{font-weight:700!important;letter-spacing:-.02em!important}
.gl b{font-weight:700!important;letter-spacing:-.005em!important;text-transform:none}
.tiles3 .big .lb{font-weight:700!important;letter-spacing:-.01em!important}
.ch6 .cht b{font-weight:700!important;font-size:18px!important;letter-spacing:-.02em!important}
.bigcode{font-weight:700!important;letter-spacing:0!important}
.fh .fn{font-weight:700!important}
.wr .nm,.pt .nm,.td,.kv .v,.lg .x,.opt .l,.it .l,.cr .l,.btn5,.pill-s,.inp,.fld,.seg6 span,.seg3 span,.chip,.lf .cvn,.gh .gn,.shd .sn,.toast,.b3 .btx{font-family:"Sora"!important}
.wr .nm{font-size:13.5px!important;letter-spacing:-.015em}
.lg .x{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;letter-spacing:-.02em}
.opt .l{font-size:13.5px!important;letter-spacing:-.02em;white-space:nowrap}
.btn5,.pill-s{letter-spacing:-.015em!important}

.ap6 .tbl{overflow:auto;scrollbar-width:none;-webkit-mask-image:none!important;mask-image:none!important}.ap6 .tbl::-webkit-scrollbar{display:none}
.ap6 .thr,.ap6 .tr{width:max-content;min-width:100%}.ap6 .tsc{overflow:visible}
.ap6 .tc{position:sticky;left:0;z-index:2;background:#121416!important;box-shadow:6px 0 10px -6px rgba(0,0,0,.8)}.ap6 .thr .tc{background:#17191b!important}
.ap6 .thr{position:sticky;top:0;z-index:3;background:#15171a}
.ap6 .th{line-height:1.3;display:flex;align-items:flex-end}
.ap6 .thr{min-height:44px}
.td.lgc{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}
.td .ld{font:500 10.5px "Geist Mono";color:#C9A96A;letter-spacing:.02em}.td .lx{font-size:12.5px;color:#c9cacb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.td.lng{font-size:12.5px!important;color:#aeafb1!important}
.td .phi{width:14px;height:14px;margin-right:6px;color:#C9A96A;flex:none}
.pchip{font:600 10px "Geist Mono";color:#C9A96A;padding:3px 7px;border:1px solid rgba(201,169,106,.4);border-radius:5px 5px 5px 1px;background:rgba(201,169,106,.06)}
.ap6 .tbl .tr:last-child{margin-bottom:110px}

.s5>:not(.apbody):not(.tbl){flex-shrink:0}
.tb6{min-height:40px}.tb6 .tt5 .mono{font-size:9.5px!important;letter-spacing:.2em!important;margin:0!important;color:#9d9fa3!important}
.propc{padding-top:4px}
.pr{display:flex;align-items:flex-start;gap:10px;padding:9px 14px;position:relative}.pr+.pr:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:rgba(255,255,255,.06)}
.pr .k{font:500 9px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#77787b;width:74px;flex:none;padding-top:8px}
.pr .pvv{font-size:13px;color:#cfd0d1;padding-top:5px}.pr .pvv.em{color:#77787b}
.pbs{display:flex;flex-direction:column;gap:6px;flex:1}
.plink{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 8px 0 5px;border-radius:8px 8px 8px 2px;border:1px solid rgba(201,169,106,.35);background:rgba(201,169,106,.05);cursor:pointer;align-self:flex-start}
.plink .code{font-size:10px;padding:2px 5px}.plink .code i{font-size:7px}.plink .pn{font-size:12.5px;color:#d8c49a}.plink .pa{width:13px;height:13px;color:#C9A96A}
.delb{margin-top:0}

/* ===== 4. fog with depth (light pale-grey banks, darker gaps, faint forest undertone) ===== */
.bgfx{background:
 radial-gradient(70% 22% at 50% -2%,rgba(214,222,217,.30),rgba(214,222,217,0) 72%),
 radial-gradient(60% 30% at 8% 30%,rgba(60,86,68,.30),rgba(60,86,68,0) 72%),
 radial-gradient(60% 30% at 96% 70%,rgba(56,82,64,.26),rgba(56,82,64,0) 72%),
 linear-gradient(180deg,#1d2320 0%,#141917 34%,#101412 62%,#0c0f0e 100%)!important}
.bgfx:before,.bgfx:after{display:none!important}
.fog8{position:absolute;pointer-events:none;border-radius:50%;will-change:transform}
.fog8.f1{left:-35%;top:-70px;width:170%;height:300px;background:radial-gradient(closest-side,rgba(226,232,228,.26),rgba(226,232,228,.12) 48%,rgba(226,232,228,0));animation:fogA 46s ease-in-out infinite alternate;translate:0 calc(var(--py,0) * -.18px)}
.fog8.f2{left:-45%;top:30%;width:120%;height:190px;background:radial-gradient(closest-side,rgba(214,222,218,.15),rgba(214,222,218,.05) 55%,rgba(214,222,218,0));animation:fogB 60s ease-in-out infinite alternate;translate:0 calc(var(--py,0) * -.32px)}
.fog8.f3{right:-50%;top:48%;width:130%;height:230px;background:radial-gradient(closest-side,rgba(206,216,210,.16),rgba(206,216,210,.05) 55%,rgba(206,216,210,0));animation:fogA 72s ease-in-out infinite alternate-reverse;translate:0 calc(var(--py,0) * -.45px)}
.fog8.f4{left:-30%;bottom:-90px;width:160%;height:300px;background:radial-gradient(closest-side,rgba(220,228,222,.20),rgba(220,228,222,.07) 55%,rgba(220,228,222,0));animation:fogB 54s ease-in-out infinite alternate-reverse;translate:0 calc(var(--py,0) * -.25px)}
.fog8.f5{left:55%;top:16%;width:70%;height:120px;background:radial-gradient(closest-side,rgba(236,240,236,.10),rgba(236,240,236,0));animation:fogA 38s ease-in-out infinite alternate}
.fog8.gap{left:10%;top:58%;width:80%;height:150px;background:radial-gradient(closest-side,rgba(6,8,7,.45),rgba(6,8,7,0))}
@keyframes fogA{from{transform:translate3d(-7%,0,0) scale(1)}to{transform:translate3d(7%,-10px,0) scale(1.06)}}
@keyframes fogB{from{transform:translate3d(6%,8px,0)}to{transform:translate3d(-8%,-6px,0)}}
[data-still] .fog8{animation:none!important}
@media (prefers-reduced-motion:reduce){.fog8{animation:none!important}}
/* glass a touch darker/more opaque so text stays calm over the lighter fog */
html .glass,html .wr{background:linear-gradient(180deg,rgba(26,30,28,.72),rgba(17,20,19,.80))!important;-webkit-backdrop-filter:blur(20px) saturate(1.05);backdrop-filter:blur(20px) saturate(1.05)}
html .wr{border:1px solid rgba(201,169,106,.16)!important}
.ch6{background:linear-gradient(180deg,rgba(18,21,20,.93),rgba(16,19,18,.86))!important}
.mtop,.m8top{background:linear-gradient(180deg,rgba(14,17,16,.94),rgba(14,17,16,.84) 72%,rgba(14,17,16,0))!important}
/* ===== 3. border leaves ===== */
.wr,.pt,.big,.banner,.card,.card5,.fam,.m8list{position:relative}
.lv8{position:absolute!important;display:block!important;border:0!important;box-shadow:none!important;min-width:0!important;min-height:0!important;pointer-events:none;transform-origin:50% 100%;background:no-repeat center/contain;z-index:3}
.lv8.la{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke-linecap='round'><path d='M6 12V10.3' stroke='rgb(214,193,150)' stroke-opacity='.7' stroke-width='.7'/><path d='M6 10.3C3.5 8.9 3.1 4.9 5.7 1.3 8.7 4.1 8.6 8.6 6 10.3Z' fill='rgb(201,169,106)' fill-opacity='.16' stroke='rgb(214,193,150)' stroke-opacity='.62' stroke-width='.65'/><path d='M6 10.1C5.9 7.6 5.8 4.9 5.75 2.4' stroke='rgb(214,193,150)' stroke-opacity='.45' stroke-width='.45'/></svg>")}.lv8.lb{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke-linecap='round'><path d='M6 12C6 11.2 6.1 10.8 6.3 10.3' stroke='rgb(214,193,150)' stroke-opacity='.7' stroke-width='.7'/><path d='M6.3 10.3C8.6 9 9.3 5.2 6.6 1.5 3.7 4.3 3.9 8.6 6.3 10.3Z' fill='rgb(201,169,106)' fill-opacity='.14' stroke='rgb(214,193,150)' stroke-opacity='.6' stroke-width='.65'/><path d='M6.3 10.1C6.4 7.6 6.5 5 6.6 2.6' stroke='rgb(214,193,150)' stroke-opacity='.42' stroke-width='.45'/></svg>")}
/* ===== 5/6. wordmark: handwritten, big S, n-tail sweeping under the subtitle ===== */
.hd3 .t1.wm8{font-family:"Great Vibes",cursive!important;font-weight:400!important;font-size:76px!important;letter-spacing:0!important;line-height:1.08!important;color:#e8e7e1!important;
 background:none!important;-webkit-text-fill-color:currentColor!important;position:relative;display:inline-block;padding:0 .12em 0 .06em!important;margin:2px auto 0;text-shadow:0 2px 18px rgba(0,0,0,.35);overflow:visible}
.wm8 .bS{font-size:1.34em;line-height:0;margin-right:-.05em;position:relative;top:.06em}
.wm8 .tail8{position:absolute;right:.05em;top:61%;width:214px;height:72px;pointer-events:none}
.hd3{text-align:center;overflow:visible}
.hd3 .t2{position:relative;z-index:1;letter-spacing:.34em!important;font-weight:200!important;margin-top:5px}
.eyb8{font-family:"Geist Mono",monospace!important;font-size:8.5px!important;letter-spacing:.2em!important;color:#8e918d!important;margin-top:19px;text-transform:none!important;white-space:nowrap}
.eyb8 b{font-weight:500;color:#a9aaac}.eyb8 .dsl{color:#C9A96A;margin:0 .15em}
.ch6 .cht b{font-family:"Great Vibes",cursive!important;font-weight:400!important;font-size:28px!important;letter-spacing:0!important;line-height:1!important;color:#e8e7e1!important}
.ch6 .cht b .bS{font-size:1.25em}
/* ===== 8. OneDrive light: tight top-right, inside the safe area ===== */
.m6 .odtr{top:50px!important;right:12px!important;padding:3px 7px 3px 6px;border-radius:7px 7px 7px 2px;background:rgba(14,17,16,.55);border:1px solid rgba(201,169,106,.16);gap:5px!important;font-size:8px!important;letter-spacing:.14em!important}
.m6 .odtr .dot{width:5px!important;height:5px!important}
/* ===== 9. camera button: tile fill + gold hairline + tile corner shape ===== */
.fab{width:62px!important;height:62px!important;border-radius:14px 14px 14px 4px!important;right:20px!important;bottom:28px!important;
 background:linear-gradient(180deg,rgba(40,45,42,.98),rgba(22,25,23,.98))!important;border:1px solid rgba(201,169,106,.62)!important;color:#e7dcc0!important;
 box-shadow:inset 0 1px 0 rgba(236,214,166,.24),inset 0 -8px 16px -10px rgba(0,0,0,.7),0 0 0 4px rgba(12,14,13,.62),0 16px 30px -10px rgba(0,0,0,.95)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.fab svg.i{width:25px!important;height:25px!important;stroke-width:1.45!important;color:#e7dcc0}
.fab.x{background:linear-gradient(180deg,rgba(48,52,49,.99),rgba(28,31,29,.99))!important;border-color:rgba(201,169,106,.8)!important}
.fab .lv8{z-index:1}
/* ===== 12. All plants: compact view toggle + code-header sort cycle ===== */
.apl8{display:flex;align-items:center;gap:8px;margin:12px 2px 8px}
.apl8 .apn{font-size:8.5px!important;letter-spacing:.14em;color:#8d8f8c!important;flex:1;white-space:nowrap}
.sc8{display:flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px 7px 7px 2px;font:600 8.5px "Geist Mono";letter-spacing:.14em;text-transform:uppercase;color:#e6dcc4;cursor:pointer;white-space:nowrap;
 border:1px solid rgba(201,169,106,.45);background:linear-gradient(180deg,rgba(34,37,35,.9),rgba(22,24,23,.92))}
.sc8 svg,.ci8 svg{width:12px;height:12px;stroke-width:2;color:#C9A96A}
.vt8{display:flex;padding:2px;gap:2px;border-radius:7px 7px 7px 2px;border:1px solid rgba(201,169,106,.28);background:rgba(18,21,20,.8)}
.vt8 span{width:30px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px 5px 5px 2px;color:#8d8f8c;cursor:pointer}
.vt8 span svg{width:14px;height:14px}
.vt8 span.on{background:linear-gradient(180deg,rgba(210,196,160,.9),rgba(170,152,112,.88));color:#101210}
.ap6 .tc.th{cursor:pointer}
.ci8{display:inline-flex;align-items:center;gap:3px;margin-left:5px;font:600 8px "Geist Mono";letter-spacing:.1em;color:#C9A96A;vertical-align:middle;padding:2px 4px;border-radius:4px;border:1px solid rgba(201,169,106,.4)}
.ar8 svg{width:10px;height:10px;color:#C9A96A;stroke-width:2;vertical-align:-1px;margin-left:3px}
/* build stamp */
.stamp8{display:block;margin-top:6px;font:500 8px "Geist Mono";letter-spacing:.18em;color:#8a7d60!important;text-transform:none}
.stamp8s{text-align:center;font:500 8.5px "Geist Mono";letter-spacing:.18em;color:#8a7d60;margin:14px 0 4px}
/* record: current location card */
.curc .lg{padding:10px 14px}

.map8{position:absolute;inset:0;overflow:hidden;background:#0b0e0d}
.map8 svg.base{position:absolute;inset:0;width:100%;height:100%;display:block}
.map8 .sea{fill:#0b0f0e}.map8 .land{fill:#18201c;stroke:rgba(201,169,106,.28);stroke-width:1}.map8 .les{fill:none;stroke:rgba(201,169,106,.16);stroke-dasharray:3 3}
.map8 .grat{fill:none;stroke:rgba(210,220,214,.05);stroke-width:1}
.map8 .site{transition:opacity .3s}.map8 .site .s8b{fill:rgba(40,54,46,.55);stroke:rgba(201,169,106,.25)}.map8 .site .s8gh{fill:rgba(170,190,180,.10);stroke:rgba(210,220,214,.35)}
.map8 .site .s8sh{fill:rgba(90,120,100,.18);stroke:rgba(150,180,160,.35);stroke-dasharray:2 2}.map8 .site .s8bed{fill:rgba(92,120,80,.28);stroke:rgba(140,170,120,.35)}.map8 .site .s8bld{fill:rgba(120,120,120,.2);stroke:rgba(200,200,200,.3)}
.map8 .site .s8p{fill:none;stroke:rgba(210,200,170,.16);stroke-width:5}
.map8 svg.base *{vector-effect:non-scaling-stroke}
.map8 .route{fill:none;stroke:#C9A96A;stroke-width:1.4;stroke-dasharray:4 4;opacity:.8}
.m8layer{position:absolute;inset:0;pointer-events:none}
.m8pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:3px;pointer-events:auto;cursor:pointer;transition:opacity .2s}
.m8pin .mc{font:600 9.5px "Geist Mono";letter-spacing:.06em;color:#dcd8cc;padding:3px 6px;border-radius:6px 6px 6px 2px;background:rgba(18,21,19,.9);border:1px solid rgba(201,169,106,.35);white-space:nowrap;display:flex;gap:5px;align-items:center}
.m8pin .mc b{font-weight:600;color:#C9A96A}.m8pin .mc em{font-style:normal;color:#9da39e;font-weight:500;letter-spacing:.04em}
.m8pin .md{width:9px;height:9px;border-radius:50%;background:#d8d4c6;box-shadow:0 0 0 4px rgba(201,169,106,.14)}
.m8pin.on .mc{background:linear-gradient(180deg,rgba(226,214,184,.96),rgba(190,172,132,.94));color:#101210;border-color:transparent}.m8pin.on .mc b,.m8pin.on .mc em{color:#101210}
.m8pin.on .md{background:#C9A96A;box-shadow:0 0 0 5px rgba(201,169,106,.22)}
.m8pin.mute{opacity:.9}.m8pin.mute .mc{display:none}.m8pin.mute .md{width:5px;height:5px;background:rgba(200,200,190,.35);box-shadow:none}
.m8city{position:absolute;transform:translate(-50%,-50%);font:500 7.5px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:rgba(200,204,198,.32);white-space:nowrap}
.m8ghost{position:absolute;transform:translate(-50%,-50%);font:600 8px "Geist Mono";letter-spacing:.12em;color:#C9A96A;text-transform:uppercase;white-space:nowrap;padding-top:18px}
.m8ghost:before{content:"";position:absolute;left:50%;top:0;width:10px;height:10px;margin-left:-6px;border-radius:50%;border:1.5px solid #C9A96A;background:rgba(11,14,13,.8)}
.m8side{display:contents}
.m8top{position:absolute;left:0;right:0;top:0;z-index:20;padding:52px 16px 10px;background:linear-gradient(180deg,rgba(10,12,11,.94),rgba(10,12,11,.82) 72%,rgba(10,12,11,0))}
.m8dim{display:flex;margin-top:10px;padding:3px;border-radius:9px 9px 9px 2px;gap:2px}
.m8dim span{flex:1;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;font:600 9.5px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#9d9fa3;border-radius:6px 6px 6px 2px;cursor:pointer;white-space:nowrap}
.m8dim span svg{width:13px;height:13px}
.m8dim span.on{background:linear-gradient(180deg,rgba(40,44,41,.95),rgba(26,29,27,.95));color:#e6dcc4;border:1px solid rgba(201,169,106,.55);box-shadow:inset 0 1px 0 rgba(226,200,146,.2)}
.m8chips{display:flex;gap:6px;margin-top:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
.m8chips::-webkit-scrollbar{display:none}
.m8chip{flex:none;height:28px;padding:0 10px;display:flex;align-items:center;gap:7px;border-radius:8px 8px 8px 2px;font:500 12px "Sora";color:#c9cacb;white-space:nowrap;cursor:pointer;
 background:linear-gradient(180deg,rgba(28,31,29,.9),rgba(20,22,21,.92));border:1px solid rgba(201,169,106,.2)}
.m8chip i{font:600 9px "Geist Mono";font-style:normal;color:#C9A96A;letter-spacing:.06em}
.m8chip.on{border-color:rgba(201,169,106,.75);color:#efe7d2;background:linear-gradient(180deg,rgba(58,54,42,.92),rgba(34,32,26,.94))}
.m8chip.on:before{content:"";width:6px;height:6px;border-radius:50%;background:#C9A96A;box-shadow:0 0 6px rgba(201,169,106,.7)}
.m8ind{display:flex;align-items:center;gap:8px;margin-top:8px;font:500 8.5px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#8d8f8c;min-height:22px}
.m8ind b{color:#C9A96A;font-weight:600}.m8ind .sp{flex:1}
.m8ind .clr{display:none;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:6px 6px 6px 2px;border:1px solid rgba(201,169,106,.45);color:#e6dcc4;cursor:pointer}
.m8ind .clr svg{width:11px;height:11px}.map8.filt .m8ind .clr{display:flex}
.map8.filt .m8ind .fl{color:#e6dcc4}
.m8list{position:absolute;left:10px;right:10px;bottom:22px;z-index:20;border-radius:14px 14px 14px 4px;padding:10px 0 4px;
 background:linear-gradient(180deg,rgba(26,29,27,.95),rgba(16,18,17,.97))!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;max-height:208px}
.m8lh{display:flex;align-items:center;justify-content:space-between;padding:0 14px 7px;font:500 8.5px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#8d8f8c;border-bottom:1px solid rgba(201,169,106,.12)}
.m8lh b{color:#C9A96A;font-weight:600}
.m8rows{overflow-y:auto;scrollbar-width:none;padding:2px 0}.m8rows::-webkit-scrollbar{display:none}
.m8r{display:flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 14px;cursor:pointer}
.m8r+.m8r{border-top:1px solid rgba(255,255,255,.04)}
.m8r:active,.m8r.pk{background:rgba(201,169,106,.08)}
.m8r .code{flex:none}
.m8r .nm{flex:1;min-width:0;font:italic 500 13px "Sora";color:#d4d4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m8r .lc{font:500 8.5px "Geist Mono";letter-spacing:.08em;color:#7f8380;white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}
.m8r .rt{flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px 7px 7px 2px;color:#C9A96A;border:1px solid rgba(201,169,106,.2)}
.m8r .rt svg{width:14px;height:14px}.m8r.pk .rt{background:rgba(201,169,106,.18);border-color:rgba(201,169,106,.6)}
.m8note{font:500 7px "Geist Mono";letter-spacing:.16em;text-transform:uppercase;color:#5d615e;padding:5px 14px 3px}
.m8lh .m8op{display:flex;align-items:center;gap:5px;color:#C9A96A}.m8lh .m8op svg{width:11px;height:11px}


/* ===== E9: SVG wordmark (Great Vibes outlines, no tail) ===== */
.hd3 .t1.wm9{display:inline-block!important;font-size:0!important;line-height:0!important;padding:0!important;margin:2px auto 0!important;background:none!important;
 -webkit-text-fill-color:initial!important;letter-spacing:0!important;overflow:visible;position:relative;text-shadow:none!important}
.wm9 .wm9svg{display:block;overflow:visible;height:82px;width:auto;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
.hd3 .t2{margin-top:3px!important}
.ch6 .cht b.wm9c{display:block;font-size:0!important;line-height:0!important;margin:-2px 0 1px}
.ch6 .cht b.wm9c .wm9svg{display:block;overflow:visible;height:30px;width:auto;transform:translateY(2px)}
@media (orientation:landscape) and (max-height:520px){.wm9 .wm9svg{height:58.3px}}

body{background:#050506}
/* safe areas (was the phone-width media query in the preview) */
.m3{padding-top:calc(10px + env(safe-area-inset-top))!important}.ch6{padding-top:calc(6px + env(safe-area-inset-top));height:calc(56px + env(safe-area-inset-top))}.mtop{padding-top:calc(14px + env(safe-area-inset-top))}.odtr{top:calc(14px + env(safe-area-inset-top))}.s5{padding-top:calc(14px + env(safe-area-inset-top))!important}.sscroll main{padding-top:calc(14px + env(safe-area-inset-top))}
.screen{position:absolute;inset:0;overflow:hidden;transition:opacity .25s ease,transform .3s ease}
.screen.off{opacity:0;pointer-events:none;transform:translateX(24px)}
.sscroll{position:absolute;inset:0;overflow-y:auto;scrollbar-width:none}.sscroll::-webkit-scrollbar{display:none}
.sscroll main{position:relative;top:0;padding:55px 20px 60px}
.s5.scr{overflow-y:auto;padding-bottom:40px;scrollbar-width:none}.s5.scr::-webkit-scrollbar{display:none}.s5.scr>*{flex-shrink:0}
#add .s5.scr{padding-bottom:120px}
#all .tbl{overflow:auto;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;padding-bottom:30px}#all .tbl::-webkit-scrollbar{display:none}
#all .thr,#all .tr{width:max-content;min-width:100%}#all .tsc{overflow:visible}
#all .tc{position:sticky;left:0;z-index:2;background:#131415}#all .thr .tc{background:#18191a}#all .thr{position:sticky;top:0;z-index:3;background:#161718}
#all .th.srt{color:#d4d4d2}
#all .tree{overflow-y:auto;scrollbar-width:none}#all .tree::-webkit-scrollbar{display:none}
#all .tr{cursor:pointer}#all .tr:active{background:rgba(255,255,255,.05)}
#scan .vf .sl{animation:sweep 2.2s ease-in-out infinite}@keyframes sweep{0%,100%{top:14%}50%{top:86%}}
.nb,.tog span,.fab,.qa,.back,.ib,.btn5,.pill-s,.sync,.it,.wr,.pt,.opt,.th,.pcell,.mini{cursor:pointer;-webkit-tap-highlight-color:transparent}
.nb:active,.it:active,.btn5:active,.wr:active,.pt:active{filter:brightness(1.25)}
.fab{transition:transform .2s ease,background .2s}.fab.press{transform:scale(.93)}

:root{--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}
.lcol,.rcol,.fp,.rcols,.scols{display:contents}
.screen,.map8{overflow:clip!important}
.fab{margin-right:var(--sar)}
@media (orientation:landscape) and (max-height:520px){
 body{padding:0!important;display:block!important}
 .phone{width:100vw!important;height:100vh!important;height:100dvh!important;border-radius:0!important;box-shadow:none!important}
 .sb,.hi{display:none!important}
 .draft{left:auto;right:calc(96px + var(--sar));bottom:4px;font-size:7px;color:rgba(255,255,255,.16)}
 /* home: sticky brand column left, tiles + 2-column list right */
 .m6{display:flex!important;flex-direction:row!important;gap:22px;align-items:flex-start;padding:calc(12px + var(--sat)) calc(18px + var(--sar)) 96px calc(18px + var(--sal))!important;
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 70px),transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 70px),transparent 100%)!important}
 .m6 .lcol{display:block;position:sticky;top:0;width:clamp(250px,34vw,330px);flex:none}
 .m6 .rcol{display:block;flex:1;min-width:0;padding-top:30px}
 .m6 .hd3{margin:0!important;padding-top:4px!important}
 .m6 .hd3 .emb{transform:scale(.8);margin-bottom:-6px!important}
 .hd3 .t1.wm8{font-size:54px!important}
 .eyb8{margin-top:14px!important}
 .m6 .banner{margin-top:14px!important}
 .m6 .tiles3{margin-top:0!important}
 .m6 .plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));column-gap:10px}
 .m6 .pgrid6{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
 .m6 .odtr{top:calc(8px + var(--sat))!important;right:calc(10px + var(--sar))!important}
 .ch6{display:none!important}
 .fab{bottom:calc(16px + var(--sab))!important}
 /* radial menu: keep inside the short screen */
 .qa{margin-right:var(--sar)}
 .qa-h{bottom:auto!important;top:calc(14px + var(--sat))!important;left:calc(22px + var(--sal))!important}
 .hint{left:calc(24px + var(--sal))!important;bottom:18px!important}
 .rings{right:var(--sar)!important}
 /* generic screens: respect side safe areas */
 .s5{padding:calc(10px + var(--sat)) calc(16px + var(--sar)) 0 calc(16px + var(--sal))!important}
 .s5.scr{padding-bottom:40px!important}
 .s5 .tb{margin-top:0}
 /* record: two columns of cards */
 #rec .rcols{display:block;column-count:2;column-gap:18px}
 #rec .rcols>*{break-inside:avoid}
 #rec .rcols>.lbl{break-after:avoid}

 /* add/edit: fields in two columns */
 #add .s5.scr{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start;padding-bottom:110px!important}
 #add .s5.scr>*{grid-column:1/-1}
 #add .s5.scr>.fp{display:block;grid-column:auto}
 .ebar{padding:10px calc(16px + var(--sar)) calc(10px + var(--sab)) calc(16px + var(--sal))!important}
 /* all plants: the table simply gets wider */
 #all .tree{padding-bottom:70px}
 /* settings: two columns */
 #settings .s3{overflow-y:auto;scrollbar-width:none;padding:calc(12px + var(--sat)) calc(20px + var(--sar)) 40px calc(20px + var(--sal))!important}
 #settings .scols{display:block;column-count:2;column-gap:20px}
 #settings .scols>.grp{break-inside:avoid;display:block}
 #settings .scols>.grp:first-child{margin-top:12px}
 /* scan: viewfinder left, controls right */
 #scan .vf{left:calc(40px + var(--sal))!important;right:auto!important;width:min(46vw,380px);top:calc(74px + var(--sat))!important;height:calc(100% - 110px)!important}
 #scan .scp{left:auto!important;right:calc(12px + var(--sar))!important;width:min(44vw,380px);bottom:14px!important;top:calc(74px + var(--sat))}
 /* map: full-height map, filter as a side panel */
 .map8 .m8side{display:flex;flex-direction:column;position:absolute;left:0;top:0;bottom:0;z-index:20;width:calc(clamp(300px,38vw,360px) + var(--sal));padding-left:var(--sal);
  background:linear-gradient(90deg,rgba(14,17,16,.96),rgba(14,17,16,.9));border-right:1px solid rgba(201,169,106,.22)}
 .map8 .m8top{position:static!important;background:none!important;padding:calc(10px + var(--sat)) 14px 6px!important}
 .map8 .m8top .tb h1{font-size:22px!important}.map8 .m8dim{margin-top:6px}.map8 .m8dim span{height:26px}.map8 .m8chips{margin-top:7px}.map8 .m8ind{margin-top:5px}
 .map8 .m8list{position:static!important;flex:1;min-height:0;max-height:none!important;margin:4px 10px 12px}
}