@font-face{font-family:BB;src:url(fonts/BebasNeue-Regular.ttf);font-display:swap}@font-face{font-family:OS;src:url(fonts/Oswald.ttf);font-display:swap}@font-face{font-family:LT;src:url(fonts/Lato-Regular.ttf);font-display:swap}:root{--bg1:#1f1712;--bg2:#15100d;--card:#2a201a;--line:#4a3626;--acc:#c8834a;--acc2:#e0a06a;--tx:#f1e4d0;--mu:#b9a48a;--onacc:#1a120c;--field:#1a130f;--low:#e07a5f;--good:#7fbf7a;--warnbg:#5a2a20;--warntx:#ffd0c4;--hf:OS,sans-serif;--bf:BB,sans-serif;--tf:LT,system-ui,sans-serif;--gf:OS,sans-serif;--gs:20px}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}
html,body{background:var(--bg2);color:var(--tx);font-family:var(--tf),system-ui,sans-serif;font-size:14px;min-height:100%}
body{background:linear-gradient(var(--bg1),var(--bg2)) fixed}
#splash{position:fixed;inset:0;z-index:99;background:radial-gradient(ellipse at 50% 40%,#3a2618 0%,#211611 55%,#141010 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s}
#splash:before{content:'';position:absolute;inset:14px;border:1px solid rgba(184,115,51,.35);border-radius:6px}
#splash.out{opacity:0;pointer-events:none}.stag{margin-top:40px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#b89a78}
.sdots{display:flex;gap:10px;margin-top:22px}.sdots i{width:7px;height:7px;border-radius:50%;background:#c8803f;animation:p 1.2s infinite}.sdots i:nth-child(2){animation-delay:.2s}.sdots i:nth-child(3){animation-delay:.4s}@keyframes p{50%{opacity:.25}}
#app{padding:env(safe-area-inset-top) 0 calc(96px + env(safe-area-inset-bottom))}
.hd{display:flex;align-items:center;gap:10px;padding:12px 16px 8px}.hd .g{font-family:var(--hf);font-size:20px}.hd .s{color:var(--mu);font-size:11px;letter-spacing:.5px}
.ib{margin-left:auto;position:relative;background:none;border:0;padding:6px}.ib b{position:absolute;top:0;right:0;background:var(--low);color:#fff;border-radius:9px;font-size:10px;padding:1px 5px;font-family:var(--tf)}
.tg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:20px;margin:4px 16px 10px;padding:3px}.tg div{flex:1;text-align:center;padding:7px;border-radius:16px;font-family:var(--hf);letter-spacing:1px;font-size:12px;color:var(--mu);cursor:pointer}.tg .on{background:var(--acc);color:var(--onacc)}
.pad{padding:0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
.h{font-family:var(--hf);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--acc2);margin:8px 0 8px;display:flex;justify-content:space-between;align-items:center}.h i{font-style:normal;font-size:11px;color:var(--mu);letter-spacing:.5px;text-transform:none;cursor:pointer}
.mu{color:var(--mu);font-size:12px}.qb{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.qb div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 4px;text-align:center;font-family:var(--hf);font-size:11px;line-height:1.15;cursor:pointer}.qb div svg{display:block;margin:0 auto 3px}.qb div.pri{background:var(--acc);color:var(--onacc);border:none}
.chips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 6px 0;padding-right:16px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;padding:5px 12px;border-radius:14px;font-family:var(--hf);font-size:12px;border:1px solid var(--line);color:var(--mu);background:var(--card);cursor:pointer;white-space:nowrap}.chip.on{background:var(--acc);color:var(--onacc);border-color:var(--acc)}.chips.sm .chip{font-size:11px;padding:3px 10px}
.row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);cursor:pointer}.row:last-child{border-bottom:0}.row .f{flex:1;min-width:0}.row .t{display:flex;justify-content:space-between;gap:6px}.row .t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt{color:var(--acc2);font-weight:700}.bdg{font-size:10px;padding:2px 6px;border-radius:8px;border:1px solid}.ty{font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:var(--acc2);border:1px solid var(--line);border-radius:6px;padding:1px 5px;margin-left:6px}
.low{color:var(--low)!important;font-weight:700}
.tab{position:fixed;bottom:0;left:0;right:0;height:calc(78px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-top:10px;z-index:5}.tab div{text-align:center;font-size:10px;color:var(--mu);width:66px;cursor:pointer}.tab .on{color:var(--acc2)}.tab svg{display:block;margin:0 auto 3px}
.fab{width:54px;height:54px;border-radius:50%;background:var(--acc);margin:-26px auto 2px!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 3px 10px #0005}
input,select,textarea{width:100%;background:var(--field);border:1px solid var(--line);border-radius:10px;color:var(--tx);padding:10px;font:inherit;font-size:16px;margin:4px 0 10px}label{font-size:12px;color:var(--mu)}
.btn{display:block;width:100%;padding:12px;border-radius:12px;border:0;background:var(--acc);color:var(--onacc);font-family:var(--hf);font-size:15px;letter-spacing:1px;cursor:pointer;margin:6px 0}.btn.g{background:var(--card);color:var(--acc2);border:1px solid var(--line)}.btn.r{background:var(--warnbg);color:var(--warntx)}.btn.sm{display:inline-block;width:auto;padding:6px 12px;font-size:12px;margin:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sheet{position:fixed;inset:0;z-index:20;background:#000a;display:none;align-items:flex-end}#sheet.on{display:flex}#sheet>div{background:var(--bg1);border-top:1px solid var(--acc);border-radius:18px 18px 0 0;width:100%;max-height:92vh;overflow:auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}
#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:var(--acc);color:var(--onacc);padding:8px 14px;border-radius:12px;font-family:var(--hf);display:none;z-index:30;max-width:90%}
.soon{border:1px dashed var(--mu);color:var(--mu);border-radius:8px;font-size:10px;padding:1px 6px;margin-left:6px;letter-spacing:.5px;text-transform:uppercase}
.big{font-family:var(--bf);font-size:40px;color:var(--acc2)}.warn{background:var(--warnbg);color:var(--warntx);border-radius:12px;padding:10px;margin:6px 0;font-weight:700}
.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px}
video{width:100%;border-radius:12px;background:#000}.tog{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.tog input{width:auto;margin:0}
.ck{width:22px;height:22px;flex:none;accent-color:var(--acc);margin:0}

.big{font-family:var(--bf);font-size:36px;color:var(--acc2);letter-spacing:2px}.warn.soft{background:var(--line);color:var(--acc2)}
.ttl{font-family:var(--hf);margin:16px 0 8px}.lnk{color:var(--acc2);cursor:pointer;text-decoration:underline}
.chips.wrap{flex-wrap:wrap;margin-right:0;overflow:visible}.seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:4px 0 10px}.seg span{flex:1;text-align:center;padding:8px;cursor:pointer;color:var(--mu)}.seg span.on{background:var(--acc);color:var(--onacc)}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tools div{border:1px solid var(--line);border-radius:12px;padding:10px 4px;text-align:center;font-size:11px;cursor:pointer;font-family:var(--hf)}.tools div svg{display:block;margin:0 auto 4px}
details summary{cursor:pointer;margin:8px 0}a.btn{text-decoration:none;text-align:center}
.hd .g{font-family:var(--gf)!important;font-size:var(--gs)!important}
input[type=range]{accent-color:var(--acc);padding:0;border:0;background:none}
#ptr{position:fixed;left:50%;top:env(safe-area-inset-top);z-index:40;transform:translate(-50%,-60px);opacity:0;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;transition:opacity .15s}#ptr svg{background:var(--card);border-radius:50%;box-shadow:0 2px 8px #0005}#ptrt{font-size:11px;color:var(--mu);background:var(--card);padding:1px 8px;border-radius:9px}#ptr.spin svg{animation:ptrs 1s linear infinite}#ptr.spin #ptrc{stroke-dashoffset:70!important}@keyframes ptrs{to{transform:rotate(360deg)}}
html,body{overscroll-behavior-y:contain}#sheet>div{overscroll-behavior-y:contain}
.aig{display:inline-block;font-size:10px;font-family:var(--tf);letter-spacing:.5px;text-transform:uppercase;padding:1px 6px;border-radius:8px;border:1px solid var(--acc);color:var(--acc2);vertical-align:middle}
.ns{display:inline-block;font-size:10px;font-family:var(--tf);padding:1px 6px;border-radius:8px;background:var(--warnbg);color:var(--warntx);vertical-align:middle}
input.nsf{border-color:var(--low)!important}
.ddrow{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:2px 0 8px;margin:4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ddrow::-webkit-scrollbar{display:none}
.dd{position:relative;flex:0 0 auto;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:3px 26px 4px 10px;margin:0;min-width:0}
.dd:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.dd.on{border-color:var(--acc)}.dd.on:after{border-color:var(--acc2)}
.dd span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--mu);font-family:var(--tf);line-height:1.2}
.dd select{-webkit-appearance:none;appearance:none;background:transparent;border:0;outline:0;color:var(--tx);font-family:var(--tf);font-size:16px;padding:0;margin:0;max-width:150px;width:auto;min-height:0;height:auto;line-height:1.3}
.dd.on select{color:var(--acc2)}
.ddclr{flex:0 0 auto;font-size:13px;color:var(--acc2);text-decoration:underline;padding:0 4px;cursor:pointer}