:root{--bg:#111514;--card:#1b211e;--line:#303a32;--ink:#f0f4ee;--muted:#98a49a;--accent:#c8efad;--danger:#ff9f99;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea,a{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:74px;letter-spacing:-5px;line-height:1.1;margin:15px 0}h2{font-size:35px;letter-spacing:-1.7px;line-height:1.15;margin:12px 0 24px}h3{font-size:19px;letter-spacing:-.3px}p{line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--accent)}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse at 50% 10%,#243522 0,transparent 56%)}.brand-mark{height:76px;width:76px;background:var(--accent);color:#233220;border-radius:23px;font-size:54px;font-weight:720;letter-spacing:-5px;display:flex;justify-content:center;align-items:center;margin-bottom:36px;box-shadow:0 18px 80px #bcf09013}.brand-mark span{font-size:20px;align-self:flex-end;margin:0 9px 8px 2px}.gate p{text-align:center}.login-card{max-width:380px;width:100%;margin-top:36px}.gate-foot{font-size:11px;color:var(--muted);margin-top:40px;display:flex;align-items:center;gap:8px}.dot{background:var(--accent);width:5px;height:5px;border-radius:50%}label{display:block;font-size:12px;color:var(--muted);margin:15px 0 8px}input,select,textarea{width:100%;border:1px solid var(--line);background:#141a16;border-radius:12px;color:var(--ink);padding:14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#6e7c71}textarea{resize:vertical}button,a.secondary{border:0;border-radius:12px;padding:14px 17px;background:transparent;color:var(--ink);transition:background .15s}.primary{background:var(--accent);color:#182415;font-weight:650;display:flex;justify-content:space-between;width:100%;margin-top:15px}.secondary{background:#2a342d;border:1px solid #3d4b40;width:100%;margin-top:12px}.danger{background:#3b2424;color:var(--danger);width:100%;margin-top:12px;border:1px solid #623734}.ghost{color:var(--accent);font-size:12px}.error{font-size:12px;color:var(--danger);margin-top:14px;min-height:16px}.topbar{max-width:760px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;letter-spacing:-1px;font-weight:730}.wordmark span{color:var(--accent);margin-left:4px}main{max-width:760px;margin:auto;padding:32px 24px 130px}.title-row{display:flex;justify-content:space-between;align-items:center}.add{font-size:34px;line-height:1;width:52px;height:52px;padding:0;border-radius:50%;color:#22351d;background:var(--accent);margin-top:-15px}.search{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:13px;gap:12px;padding-left:14px;margin-bottom:22px;color:var(--muted)}.search span{font-size:25px}.search input{border:0;background:none}.items{display:grid;gap:12px}.item{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:18px;cursor:pointer;text-align:left;width:100%;color:var(--ink)}.item:hover{border-color:#607756}.item-head{display:flex;gap:12px;align-items:center}.item-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#303c2d;color:var(--accent);font-size:20px;flex-shrink:0}.item h3{font-size:16px;word-break:break-word}.item .preview{color:var(--muted);font-size:13px;margin-top:12px;white-space:pre-wrap;word-break:break-word}.item time{font-size:10px;color:var(--muted);display:block;margin-top:5px}.badge{color:var(--accent);font-size:10px;margin-left:auto;white-space:nowrap}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty>div{font-size:48px;color:var(--accent);margin-bottom:16px}.empty h3{color:var(--ink);font-size:17px}.empty p{font-size:13px;margin-top:10px}.empty .primary{max-width:260px;margin:24px auto}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:flex;justify-content:space-around;background:#161c18f5;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 5px calc(12px + env(safe-area-inset-bottom));z-index:1000}.bottom-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;flex:1;color:var(--muted);font-size:22px;padding:8px 4px}.bottom-nav span{font-size:10px}.bottom-nav .active{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:19px;margin:15px 0}.compact{font-size:13px;margin:10px 0 15px}.caption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:12px}.meter{height:5px;background:#344035;border-radius:4px;margin-top:18px;overflow:hidden}.meter>div{height:100%;width:0;background:var(--accent)}#usage{font-size:17px}.danger-card{border-color:#543536}.map-controls{display:flex;gap:10px}.map-controls button{flex:1;font-size:12px}#map{height:340px;border-radius:18px;border:1px solid var(--line);background:#283028;z-index:1}.check{display:flex;gap:10px;line-height:1.5;align-items:flex-start}.check input{width:18px;height:18px;flex-shrink:0;margin-top:1px}.link{display:block;text-align:center;text-decoration:none}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#f1f4ee;color:#142015}.leaflet-control-attribution{font-size:9px}.leaflet-container{font-family:inherit}dialog{border:1px solid #4a5c4b;border-radius:22px;background:#1b211e;color:var(--ink);width:calc(100% - 30px);max-width:530px;max-height:88dvh;padding:23px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#080d0bea;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.dialog-header h3{word-break:break-word}.dialog-close{font-size:27px;line-height:1;padding:7px!important;color:var(--muted)}#detail-content img{max-width:100%;border-radius:12px;display:block;margin:10px auto}#detail-content p{white-space:pre-wrap;word-break:break-word;color:#d1dbd0;font-size:14px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.detail-actions button{flex:1;min-width:100px;font-size:12px}#toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);z-index:3000;background:#d3edc2;color:#1a2a15;padding:12px 20px;border-radius:12px;font-size:13px;max-width:90%;width:max-content;box-shadow:0 8px 40px #0005}
@media(min-width:650px){.items{grid-template-columns:1fr 1fr}.gate{padding:60px}h2{font-size:43px}main{padding-top:42px}#map{height:440px}.topbar{padding-top:28px}.empty{grid-column:1/-1}.login-card{margin-top:44px}}