:root{--bg:#FAF8F5;--ink:#1B1B1F;--mut:#6B6B73;--card:#fff;--line:#E8E4DE;--acc:#2F4B3F;--on:#fff;--soft:#E6EEE9;--warn:#8A5A1F;--wbg:#F8EEDF;--bad:#8C3B35;--bbg:#F7E7E5;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#141416;--ink:#F1EFEA;--mut:#A3A3AB;--card:#1E1E22;--line:#33333A;--acc:#8FC4A9;--on:#10201A;--soft:#22302A;--warn:#E8B974;--wbg:#33291B;--bad:#E49A93;--bbg:#352220}}
:root[data-theme="dark"]{--bg:#141416;--ink:#F1EFEA;--mut:#A3A3AB;--card:#1E1E22;--line:#33333A;--acc:#8FC4A9;--on:#10201A;--soft:#22302A;--warn:#E8B974;--wbg:#33291B;--bad:#E49A93;--bbg:#352220}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Manrope,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
#app{max-width:480px;margin:0 auto;padding:20px 20px calc(96px + env(safe-area-inset-bottom,0px))}
h1{font-size:30px;line-height:1.15;margin:12px 0 6px;font-weight:800;letter-spacing:-.02em}
h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut);margin:26px 0 10px;font-weight:700}
.sub{color:var(--mut);margin:0 0 20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px}
label{display:block;font-weight:700;font-size:14px;margin:14px 0 6px}label:first-child{margin-top:0}
input{width:100%;font:inherit;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink)}
input:focus{outline:2px solid var(--acc);outline-offset:1px}
.btn,.opts button,.ghost,.sm{font:inherit;cursor:pointer;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.btn{width:100%;background:var(--acc);color:var(--on);border:0;padding:15px;font-weight:700;margin-top:16px}
.opts{display:flex;flex-direction:column;gap:8px;margin:10px 0 0}
.opts button{text-align:left;padding:14px 16px}.opts button:active,.sm:active{background:var(--soft)}
.ghost{border:0;background:none;color:var(--mut);padding:6px 0}
.sm{padding:10px 14px;font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bub{max-width:88%;padding:12px 14px;border-radius:18px;margin:8px 0;width:fit-content}
.ai{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px}
.me{background:var(--acc);color:var(--on);margin-left:auto;border-bottom-right-radius:6px}
.item{font-weight:700;color:var(--mut);font-size:14px;margin-bottom:6px}
.banner{background:var(--wbg);color:var(--warn);border-radius:16px;padding:14px 16px;margin-bottom:14px;display:flex;justify-content:space-between;cursor:pointer}
.verdict{border-radius:20px;padding:20px;margin-bottom:14px}.v-buy{background:var(--soft)}.v-think{background:var(--wbg)}.v-skip{background:var(--bbg)}
.verdict b{font-size:22px;line-height:1.25;display:block}.verdict p{margin:8px 0 0;color:var(--mut);font-size:14px}
ul{margin:0;padding-left:20px}li{margin:6px 0}.pro li::marker{color:var(--acc)}.con li::marker{color:var(--bad)}
.hi{padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer;display:flex;justify-content:space-between;gap:10px}
.tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--soft);color:var(--acc);white-space:nowrap;height:fit-content}
.tag.w{background:var(--wbg);color:var(--warn)}.tag.g{background:var(--line);color:var(--mut)}
.note{font-size:13px;color:var(--mut);margin-top:14px}.err{color:var(--bad);font-size:14px;margin-top:8px}
nav{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);display:flex;justify-content:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}
nav div{display:flex;width:100%;max-width:480px}nav button{flex:1;border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:var(--mut);padding:8px;cursor:pointer}nav button.on{color:var(--acc)}