
:root{
  --bg:#06110b;--surface:#0a1a11;--surface2:#102816;--card:#0d2115;--card2:#122d1b;
  --primary:#62ff8d;--primary2:#27d969;--primary-dark:#0e7d3c;--text:#f4fff7;--muted:#a8c2b0;
  --border:#1f5131;--border-soft:#163d26;--danger:#ff6b6b;--warning:#ffc857;--ok:#62ff8d;
  --shadow:0 18px 50px rgba(0,0,0,.28);--radius:20px;--radius-sm:14px;--sidebar:310px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
radial-gradient(circle at 80% 0%,rgba(40,217,105,.10),transparent 32rem),
linear-gradient(180deg,#06110b,#040b07 65%,#030805);color:var(--text);font-family:var(--font);min-height:100vh}
a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.main-content{min-height:100vh}
.content-wrap{width:min(1160px,100%);margin:0 auto;padding:24px}.site-footer{border-top:1px solid var(--border-soft);color:var(--muted);padding:24px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}
.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--primary)}
.topbar{height:76px;position:sticky;top:0;z-index:40;background:rgba(6,17,11,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;gap:14px;padding:0 18px}
.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title strong{font-size:1.04rem}.topbar-title small{color:var(--muted);margin-top:2px}.menu-toggle{border:1px solid var(--border);background:var(--surface2);color:var(--text);width:44px;height:44px;border-radius:13px;font-size:1.25rem}
.language-switch{margin-left:auto;display:flex;border:1px solid var(--border);border-radius:12px;overflow:hidden}.lang-btn{border:0;background:transparent;color:var(--muted);padding:9px 11px;font-weight:800}.lang-btn.active{background:var(--primary);color:#06110b}
.sidebar{background:rgba(7,20,13,.98);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;z-index:80}.brand{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding:22px;border-bottom:1px solid var(--border-soft)}
.brand img{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid var(--border)}.brand strong{color:var(--primary);font-size:1.1rem;letter-spacing:.06em}.brand small{display:block;color:var(--muted);margin-top:3px}
.nav-list{padding:10px;overflow:auto;flex:1}.nav-item{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-decoration:none;padding:10px;border-radius:14px;margin:2px 0;border:1px solid transparent;min-height:66px}
.nav-item:hover{background:var(--surface)}.nav-item.active{background:var(--surface2);border-color:var(--border)}.nav-icon{width:38px;height:38px;border-radius:12px;border:1px solid var(--border);display:grid;place-items:center;color:var(--primary);font-weight:900}
.nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-copy strong{font-size:.94rem}.nav-copy small{font-size:.73rem;color:var(--muted);line-height:1.25}.sidebar-footer{padding:12px;display:grid;gap:8px;border-top:1px solid var(--border-soft)}.sidebar-backdrop{display:none}
.hero-image{width:100%;display:block;border-radius:var(--radius);max-height:520px;object-fit:cover;border:1px solid var(--border);box-shadow:var(--shadow)}
.hero-copy{padding:10px 2px 0}.eyebrow{color:var(--primary);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.page-title{font-size:clamp(2rem,6vw,3.4rem);line-height:1.02;margin:.3rem 0 .6rem}.lead{font-size:1.08rem;line-height:1.6;color:#d1e8d7;max-width:820px}
.section{margin:28px 0}.section-title{font-size:1.45rem;margin:0 0 12px}.cards{display:grid;gap:14px}.card{background:linear-gradient(180deg,rgba(18,45,27,.86),rgba(9,25,15,.96));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 12px 36px rgba(0,0,0,.18)}.card.soft{background:linear-gradient(180deg,#102816,#0b1f12)}.card.warning{border-color:#6f5923;background:#211a0c}.card h2,.card h3{margin-top:0}.muted{color:var(--muted);line-height:1.55}.small{font-size:.84rem}.kicker{font-size:.78rem;color:var(--primary);letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.grid-2,.grid-3,.tool-grid{display:grid;gap:14px}.tool-link{text-decoration:none}.tool-card{height:100%;transition:.2s transform,.2s border-color}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary-dark)}.tool-card .icon{font-size:1.5rem;color:var(--primary);margin-bottom:10px}.tool-card h3{margin:0 0 6px}.tool-card p{margin:0;color:var(--muted);line-height:1.45}
.btn{border:1px solid var(--border);border-radius:14px;padding:12px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;transition:.2s}.btn.primary{background:var(--primary);color:#06110b;border-color:var(--primary)}.btn.secondary{background:var(--surface2);color:var(--text)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:#341417;border-color:#6e2d33;color:#ffd7d7}.btn.compact{padding:10px 12px;font-size:.88rem}.btn[disabled]{opacity:.45;cursor:not-allowed}
.actions{display:flex;gap:10px;flex-wrap:wrap}.form-grid{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-weight:750;font-size:.92rem}.field small{color:var(--muted)}
input,select,textarea{width:100%;background:#08180f;color:var(--text);border:1px solid var(--border);border-radius:13px;padding:12px 13px;outline:none}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(98,255,141,.10)}
.result{white-space:pre-wrap;background:#07150d;border:1px solid var(--border);border-radius:16px;padding:16px;line-height:1.55;min-height:72px}.metric{font-size:2.4rem;font-weight:900;color:var(--primary)}.metric-small{font-size:1.2rem;font-weight:850}.progress{height:10px;background:#06110b;border:1px solid var(--border);border-radius:999px;overflow:hidden}.progress>span{height:100%;display:block;background:linear-gradient(90deg,var(--primary2),var(--primary));width:0}
.zoomable{cursor:zoom-in;width:100%;max-height:540px;object-fit:contain;border-radius:16px;border:1px solid var(--border-soft);background:#06110b}.gallery-grid{display:grid;gap:12px}.gallery-grid figure{margin:0}.gallery-grid figcaption{font-size:.78rem;color:var(--muted);padding:7px 2px}
.list-clean{display:grid;gap:10px;padding:0;margin:0;list-style:none}.list-clean li{padding:12px;border:1px solid var(--border-soft);background:#08180f;border-radius:13px}.term{font-weight:900;color:var(--primary)}
.favorite-item{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:#07150d}.favorite-meta{font-size:.82rem;color:var(--muted)}
.notice{padding:14px 16px;border-left:4px solid var(--primary);background:#0a1d12;border-radius:0 12px 12px 0;color:#d8edde;line-height:1.5}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.96);display:none;flex-direction:column}.lightbox.open{display:flex}.lightbox-toolbar{height:58px;display:flex;justify-content:flex-end;gap:8px;padding:8px 12px;background:#050805;border-bottom:1px solid #1b3323}.lightbox-toolbar button{border:1px solid #32513b;background:#0c1b11;color:white;border-radius:10px;min-width:44px;padding:7px 10px}.lightbox-stage{flex:1;overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:grab}.lightbox-stage:active{cursor:grabbing}.lightbox-stage img{max-width:92vw;max-height:86vh;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}
.apk-badge{display:inline-flex;align-items:center;gap:8px;background:#07150d;border:1px solid var(--border);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--warning)}.status-dot.ready{background:var(--ok)}
.mobile-quickbar{display:none}

/* Legal pages */
.legal-prose .card{max-width:980px;margin-inline:auto}.legal-prose h2{font-size:1.18rem;margin:28px 0 8px;color:#eaffef}.legal-prose h2:first-child{margin-top:0}.legal-prose p{color:#c8ddce;line-height:1.72;margin:0 0 10px}.legal-prose a{color:var(--primary)}
