:root{--bg:#0b1220;--bg-soft:#131c2e;--card:#172236;--card-hi:#1e2b44;--border:#26344f;--text:#e8eef7;--text-dim:#9fb0c8;--text-faint:#6b7c96;--drip:#f5c542;--drip-soft:rgba(245,197,66,.14);--nodrip:#6b8cc7;--principal:#46557a;--good:#37d39b;--danger:#ef6f6f;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 50% -10%,#1a2740 0,transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,Meiryo,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:480px;margin:0 auto;padding:20px 16px 64px;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;margin-bottom:4px}.brand .logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#f5c542,#e0932a);font-size:22px;box-shadow:0 6px 18px rgba(245,197,66,.3)}.brand h1{font-size:18px;margin:0;line-height:1.25;font-weight:800;letter-spacing:.2px}.brand .sub{font-size:11.5px;color:var(--text-dim);margin-top:1px}.tabs{display:flex;gap:6px;margin:18px 0 14px;background:var(--bg-soft);padding:4px;border-radius:12px;border:1px solid var(--border)}.tabs button{flex:1 1;padding:9px 0;border:0;border-radius:9px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.tabs button.active{background:var(--card-hi);color:var(--text);box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px;box-shadow:var(--shadow)}.card h2{font-size:14px;margin:0 0 12px;color:var(--text);font-weight:800}.card h2 .hint{font-size:11px;color:var(--text-faint);font-weight:500;margin-left:6px}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;color:var(--text-dim);margin-bottom:6px;font-weight:600}.field label .val{color:var(--drip);font-weight:800;font-size:13px}input[type=number],input[type=text],select{width:100%;padding:11px 12px;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:15px;font-weight:600;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:none}input:focus,select:focus{border-color:var(--drip)}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--drip) var(--pct,50%),var(--border) var(--pct,50%));outline:none;margin:4px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--drip);cursor:pointer;box-shadow:0 2px 8px rgba(245,197,66,.5);border:3px solid #0b1220}.row2{grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.row2,.row3{display:grid}.row3{grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}.seg{display:flex;gap:6px}.seg button{flex:1 1;padding:10px 0;border-radius:9px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text-dim);font-size:12.5px;font-weight:700;cursor:pointer}.seg button.on{border-color:var(--drip);background:var(--drip-soft);color:var(--drip)}.toggle{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px}.toggle .lbl{font-size:13px;font-weight:700}.toggle .desc{font-size:11px;color:var(--text-faint);margin-top:2px}.switch{width:46px;height:27px;border-radius:999px;border:0;background:var(--border);position:relative;cursor:pointer;flex-shrink:0;transition:background .18s}.switch.on{background:var(--good)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:transform .18s}.switch.on:after{transform:translateX(19px)}.btn-primary{width:100%;padding:15px;border:0;border-radius:13px;background:linear-gradient(135deg,#f5c542,#e0932a);color:#1a1206;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 22px rgba(245,197,66,.32);letter-spacing:.3px}.btn-primary:active{transform:translateY(1px)}.btn-ghost{width:100%;padding:12px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--text-dim);font-size:13px;font-weight:700;cursor:pointer}.magic-hero{text-align:center;padding:22px 16px;background:linear-gradient(160deg,#1f2b16 0,var(--card) 70%);border:1px solid #3a4a26;border-radius:18px;margin-bottom:14px;box-shadow:var(--shadow)}.magic-hero .eyebrow{font-size:12px;color:var(--drip);font-weight:800;letter-spacing:1px}.magic-hero .amount{font-size:40px;font-weight:900;margin:6px 0 2px;color:var(--drip);line-height:1.05;letter-spacing:-.5px}.magic-hero .amount.small{font-size:30px}.magic-hero .cap{font-size:12.5px;color:var(--text-dim)}.magic-hero .cap b{color:var(--text)}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.compare .box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 12px;text-align:center}.compare .box.drip{border-color:#4a3d16;background:linear-gradient(180deg,var(--drip-soft),var(--card))}.compare .box .tag{font-size:11px;font-weight:800;margin-bottom:4px}.compare .box.drip .tag{color:var(--drip)}.compare .box.nodrip .tag{color:var(--nodrip)}.compare .box .big{font-size:21px;font-weight:900}.compare .box .mini{font-size:10.5px;color:var(--text-faint);margin-top:3px}.stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border);border-radius:12px;overflow:hidden}.stats .s{background:var(--card);padding:12px}.stats .s .k{font-size:11px;color:var(--text-dim)}.stats .s .v{font-size:16px;font-weight:800;margin-top:3px}.stats .s .v.good{color:var(--good)}.legend{display:flex;gap:14px;justify-content:center;margin-top:10px;flex-wrap:wrap}.legend .li{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-dim)}.legend .dot{width:10px;height:10px;border-radius:3px}.disclaimer{font-size:11px;color:var(--text-faint);line-height:1.6;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:11px 12px;margin-bottom:14px}.disclaimer b{color:var(--text-dim)}.cta{text-align:center;padding:18px 16px;border-radius:16px;background:linear-gradient(135deg,#16233a,#1c2c48);border:1px solid var(--border);margin-bottom:14px}.cta p{font-size:13px;margin:0 0 12px;color:var(--text-dim);line-height:1.6}.cta .btns{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.cta a,.cta button{padding:12px;border-radius:11px;font-size:13px;font-weight:800;text-decoration:none;text-align:center;cursor:pointer;border:0}.cta .line{background:#06c755;color:#fff}.cta .x{background:#111;color:#fff;border:1px solid #333}.cta .mail,.cta .save{background:var(--card-hi);color:var(--text);border:1px solid var(--border)}.hist-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:11px;margin-bottom:8px}.hist-item .info .t{font-size:13px;font-weight:700}.hist-item .info .d{font-size:11px;color:var(--text-faint);margin-top:2px}.hist-item .info .m{font-size:12px;color:var(--drip);font-weight:700;margin-top:3px}.hist-item .acts{display:flex;gap:6px}.hist-item .acts button{padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-dim);font-size:11px;font-weight:700;cursor:pointer}.hist-item .acts button.del{color:var(--danger)}.empty{font-size:13px;padding:28px 0}.empty,.footer{text-align:center;color:var(--text-faint)}.footer{font-size:10.5px;margin-top:22px;line-height:1.7}.badge-crash{display:inline-block;font-size:10.5px;font-weight:800;color:var(--danger);background:hsla(0,80%,69%,.12);border:1px solid hsla(0,80%,69%,.3);padding:2px 8px;border-radius:999px;margin-left:6px}