:root{--bg: #14120f;--surface: #1f1c17;--surface-2: #2a2620;--border: #3a352c;--text: #e8e2d4;--text-dim: #9a917e;--accent: #c8a95a;--gold: #f2c14e;--up: #7fb069;--down: #c0563f;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Georgia,Times New Roman,serif}.app{display:flex;flex-direction:column;height:100dvh}header.topbar{display:flex;align-items:baseline;gap:1rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);z-index:10}header.topbar .brand{font-size:1.15rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;font-variant:small-caps}header.topbar nav{display:flex;gap:.9rem;margin-left:auto}header.topbar nav a{color:var(--text-dim);text-decoration:none;font-size:.95rem}header.topbar nav a[aria-current=page],header.topbar nav a:hover{color:var(--text)}@media(max-width:420px){header.topbar{gap:.6rem;padding:.6rem .8rem}header.topbar nav{gap:.7rem}.account-link .account-name{display:none}}main.content{flex:1;min-height:0;position:relative}button{font-family:inherit;cursor:pointer}.pin{width:30px;height:30px;padding:0;border:none;background:none;display:block}.pin svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.pin svg .body{fill:#8d98a8;stroke:#2b2f36;stroke-width:1}.pin.mine svg .body{fill:#7fa2c0}.pin.golden svg .body{fill:var(--gold);stroke:#7a5c14}.pin.golden svg{filter:drop-shadow(0 0 6px rgba(242,193,78,.85))}.sheet{position:absolute;left:50%;transform:translate(-50%);bottom:calc(1rem + env(safe-area-inset-bottom));width:min(430px,calc(100% - 1.5rem));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:0 8px 30px #0000008c;z-index:20}.sheet .close{position:absolute;top:.4rem;right:.6rem;background:none;border:none;color:var(--text-dim);font-size:1.3rem;line-height:1}.sheet .close:hover{color:var(--text)}.message-text{font-size:1.15rem;margin:.2rem 1.2rem .6rem 0;font-style:italic}.badge-golden{display:inline-block;color:var(--gold);border:1px solid var(--gold);border-radius:999px;font-size:.75rem;padding:.1rem .55rem;margin-bottom:.4rem}.meta{color:var(--text-dim);font-size:.85rem}.vote-row{display:flex;gap:.6rem;margin-top:.7rem}.vote-row button{flex:1;padding:.5rem 0;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.95rem}.vote-row button.up.active{border-color:var(--up);color:var(--up)}.vote-row button.down.active{border-color:var(--down);color:var(--down)}.remove{width:100%;margin-top:.7rem;padding:.5rem 0;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);font-size:.95rem}.remove.confirm{border-color:var(--down);color:var(--down)}.fab{position:absolute;right:1rem;bottom:calc(1.4rem + env(safe-area-inset-bottom));z-index:15;width:56px;height:56px;border-radius:50%;border:1px solid #8a6f2f;background:var(--accent);color:#1c150a;font-size:1.7rem;line-height:1;box-shadow:0 4px 16px #00000080}.compose label{display:block;color:var(--text-dim);font-size:.8rem;margin:.55rem 0 .15rem}.compose select{width:100%;padding:.45rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:.95rem}.compose .pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.compose .preview{margin:.8rem 0 .2rem;padding:.6rem .8rem;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 8px 8px 0;font-style:italic;font-size:1.05rem}.compose .actions{display:flex;gap:.6rem;margin-top:.8rem}.compose .actions button{flex:1;padding:.55rem 0;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1rem}.compose .actions button.primary{background:var(--accent);border-color:#8a6f2f;color:#1c150a}.compose .actions button:disabled{opacity:.5;cursor:default}.compose .second-toggle{margin-top:.6rem;color:var(--text-dim);font-size:.9rem;display:flex;align-items:center;gap:.4rem}.page{max-width:640px;margin:0 auto;padding:1.2rem 1rem 3rem;overflow-y:auto;height:100%}.page h1{font-size:1.3rem;font-variant:small-caps;letter-spacing:.06em;color:var(--accent)}.msg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.msg-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;display:flex;gap:.9rem;align-items:baseline}.msg-list li.faded{opacity:.6}.msg-list .rank{color:var(--text-dim);font-size:.9rem;min-width:1.4rem}.msg-list .body{flex:1}.msg-list .score{color:var(--up);white-space:nowrap}.msg-list .score.negative{color:var(--down)}.hint{color:var(--text-dim);font-size:.9rem}.hint a{color:var(--accent)}.account-link{display:inline-flex;align-items:center;gap:.4rem}.avatar{width:52px;height:52px;border-radius:50%;border:1px solid var(--border);object-fit:cover;display:inline-flex;align-items:center;justify-content:center}.avatar.placeholder{background:var(--surface-2);color:var(--accent);font-size:1.4rem;text-transform:uppercase}.avatar.small{width:22px;height:22px;font-size:.8rem}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.account-card p{margin-top:0;color:var(--text-dim)}.profile-row{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.profile-name{font-size:1.15rem}.sso-btn{display:block;width:100%;padding:.6rem 0;margin-top:.6rem;border-radius:8px;border:1px solid #8a6f2f;background:var(--accent);color:#1c150a;font-size:1rem}.sso-btn.dev{background:var(--surface-2);border-color:var(--border);color:var(--text-dim)}.sso-btn:disabled{opacity:.5;cursor:default}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .5rem;text-align:center}.stat.gold{border-color:var(--gold)}.stat.gold .stat-value{color:var(--gold)}.stat-value{font-size:1.7rem;color:var(--text)}.stat-label{color:var(--text-dim);font-size:.8rem;margin-top:.2rem}.tabs{display:flex;gap:.5rem;margin-bottom:.9rem}.tabs button{padding:.35rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.9rem}.tabs button.active{border-color:var(--accent);color:var(--accent)}.load-more{display:block;width:100%;margin-top:.9rem;padding:.55rem 0;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem}.load-more:disabled{opacity:.5;cursor:default}.error-toast{position:absolute;top:.8rem;left:50%;transform:translate(-50%);background:#4a2620;border:1px solid var(--down);color:#f0d9d3;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;z-index:30;max-width:calc(100% - 2rem);text-align:center}.error-toast.neutral{background:var(--surface);border-color:var(--border);color:var(--text)}.maplibregl-ctrl-attrib{font-family:system-ui,sans-serif}