html,body,#app{margin:0;height:100%}html.theme-dark{--bg: #101014;--bg-card: #1f1f23;--border: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .82);--text-dim: #9d9d9d;--card-bg-subtle: rgba(255, 255, 255, .04)}html.theme-light{--bg: #f2f3f5;--bg-card: #ffffff;--border: rgba(0, 0, 0, .1);--text: rgba(0, 0, 0, .82);--text-dim: #6b6b6b;--card-bg-subtle: rgba(0, 0, 0, .03)}body{background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808059;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8080808c}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.35) transparent}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-header{flex:none;padding:8px 16px;border-bottom:1px solid var(--border)}.header-inner,.main-inner{max-width:1200px;margin:0 auto;width:100%}.app-main{flex:1;min-height:0;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto}.main-inner{flex:1;min-height:0;display:flex;flex-direction:column}.app-main.map-mode{padding:0;overflow:hidden}.app-main.map-mode .main-inner{max-width:none}@media(max-width:768px){.app-header{padding:6px 8px}.app-main{padding:8px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}@media(max-width:640px){.card-grid{grid-template-columns:1fr}}.item-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px;cursor:pointer;transition:border-color .15s}.item-card:hover{border-color:var(--accent)}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-actions{display:flex;align-items:center;gap:8px}.header-row{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;flex-shrink:0}.brand-icon{width:28px;height:28px;border-radius:7px}.brand-name{font-size:16px;font-weight:600;white-space:nowrap}.settings-row:last-child{margin-bottom:0}.settings-hint{margin:-8px 0 14px;font-size:12px;line-height:1.6;color:var(--text);opacity:.65}.settings-hint .hint-ok{opacity:1;color:var(--accent)}.settings-hint .hint-err{opacity:1;color:#d03050}.settings-hint .hint-link{cursor:pointer;text-decoration:underline;color:var(--accent)}.switch-wrap{display:inline-flex}.switch-wrap.off{cursor:not-allowed}.color-presets{display:flex;gap:8px}.color-dot{width:14px;height:14px;border-radius:50%;display:inline-block}.color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;color:#fff;font-size:13px;line-height:1;padding:0}.color-swatch.active{border-color:var(--text)}