:root {
  --bg: var(--tg-theme-bg-color, #0b0d10);
  --surface: var(--tg-theme-secondary-bg-color, #13161b);
  --surface-2: #191d23;
  --text: var(--tg-theme-text-color, #f1f4f7);
  --muted: var(--tg-theme-hint-color, #96a0ab);
  --accent: var(--tg-theme-button-color, #39c889);
  --accent-2: #48a7ff;
  --glow-strength: .7;
  --accent-text: var(--tg-theme-button-text-color, #07120d);
  --link: var(--tg-theme-link-color, #8abfff);
  --danger: #ff4f60;
  --danger-strong: #ff3048;
  --warn: #f6c85f;
  --ok: #53d49c;
  --border: rgba(160, 174, 190, .16);
  --shadow: 0 16px 40px rgba(0,0,0,.25);
  --radius: 18px;
  --font-scale: 1;
}

/* v0.28 interface additions */
.content::after{content:"by GREGEL · Все права защищены";display:block;margin:48px auto 4px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.12em;text-align:center;text-transform:uppercase}
.router-card{padding:0;overflow:hidden}.router-card-body{padding:15px}.router-photo{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--accent) 18%,var(--surface-2)),var(--surface-2))}.router-photo>span{font-size:52px;opacity:.3}.router-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .25s ease}.router-card:hover .router-photo img{transform:scale(1.035)}.router-photo img.failed{display:none}.router-photo.large{max-height:420px;margin-bottom:18px;border-radius:16px}.router-modal>h2{margin-bottom:10px}
.weather-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:12px}.weather-metric-grid>div{padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.weather-metric-grid span,.weather-metric-grid b{display:block}.weather-metric-grid span{color:var(--muted);font-size:11px}.weather-metric-grid b{margin-top:4px;font-size:18px}.weather-hourly-section{margin-top:22px;padding:17px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.weather-hourly-section header h2,.weather-hourly-section header p{margin:0}.weather-hourly-section header p{margin-top:4px;color:var(--muted)}.weather-hourly{display:flex;gap:8px;overflow-x:auto;margin-top:14px;padding-bottom:6px}.weather-hourly article{min-width:112px;display:grid;gap:4px;padding:11px;border-radius:13px;background:var(--surface-2)}.weather-hourly time,.weather-hourly b,.weather-hourly span,.weather-hourly small,.weather-hourly em{display:block}.weather-hourly span{font-size:27px}.weather-hourly small,.weather-hourly em{color:var(--muted);font-size:10px;font-style:normal}.weather-week-title{margin:25px 0 0}
.home-greeting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:17px 20px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--surface)),var(--surface))}.home-greeting span,.home-greeting small{color:var(--muted)}.home-greeting h2{margin:2px 0}.home-greeting time{font-size:clamp(17px,3vw,28px);font-weight:850;text-align:right}.home-privileged{margin-bottom:14px;padding:15px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.home-privileged header b,.home-privileged header small{display:block}.home-privileged header small{color:var(--muted);margin-top:2px}.privileged-users{display:flex;gap:8px;overflow-x:auto;margin-top:11px}.privileged-users>button{min-width:220px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:13px;color:var(--text);background:var(--surface-2);text-align:left}.privileged-users b,.privileged-users small{display:block}.privileged-users small{color:var(--muted)}.privileged-users i{color:var(--accent);font-size:11px;font-style:normal}
.guide-search{position:sticky;top:76px;z-index:15;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:15px;padding:8px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px)}.guide-search>span{padding-left:7px;color:var(--muted);font-size:24px}.guide-search .input{border:0;background:transparent;box-shadow:none}.guide-welcome{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px;border-radius:20px;color:var(--accent-text);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff))}.guide-welcome span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.guide-welcome h2,.guide-welcome p{margin:4px 0}.guide-welcome>b{font-size:42px}.guide-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px;margin-top:13px}.guide-section-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:17px;color:var(--text);background:var(--surface);text-align:left;transition:.15s ease}.guide-section-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.guide-section-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--surface-2);font-size:25px}.guide-section-card h3,.guide-section-card p{margin:0}.guide-section-card p{margin-top:4px;color:var(--muted);font-size:12px}.guide-section-card i{color:var(--muted);font-size:25px;font-style:normal}.guide-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);height:min(760px,calc(100vh - 180px));min-height:560px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.guide-browser{overflow:auto;padding:14px;border-right:1px solid var(--border)}.guide-browser-title{display:flex;align-items:center;gap:10px;margin:15px 0}.guide-browser-title>span{font-size:32px}.guide-browser-title h2,.guide-browser-title small{margin:0}.guide-browser-title small{color:var(--muted)}.guide-overview,.guide-folder button{width:100%;display:flex;justify-content:space-between;gap:8px;border:0;border-radius:10px;padding:10px;color:var(--muted);background:transparent;text-align:left}.guide-overview:hover,.guide-overview.active,.guide-folder button:hover,.guide-folder button.active{color:var(--text);background:var(--surface-2)}.guide-folder{border-top:1px solid var(--border)}.guide-folder summary{display:flex;justify-content:space-between;gap:8px;padding:12px 7px;cursor:pointer;font-weight:750}.guide-folder summary b{color:var(--muted);font-size:11px}.guide-folder button i{font-style:normal}.guide-reader{overflow:auto;padding:clamp(18px,3vw,36px)}.guide-reader-back{display:none}.guide-reader-empty{max-width:600px;margin:15vh auto;text-align:center}.guide-reader-empty>span{font-size:50px}.guide-reader-empty p{color:var(--muted)}.guide-reader h1{margin-top:8px}.guide-reader .article-pages>section{padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.guide-search-results>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px;border-bottom:1px solid var(--border)}.guide-search-results>header span{color:var(--muted)}.guide-search-results>header h2{margin:3px 0 0}.guide-search-results>header>b{font-size:28px}.guide-search-results>div{display:grid;gap:8px;margin-top:12px}.guide-search-results>div>button{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface);text-align:left}.guide-search-results h3{margin:3px 0}.guide-search-results small{color:var(--muted)}.guide-search-results i{font-style:normal;font-size:24px}
.real-news-paper{max-width:1180px;margin:auto;padding:clamp(17px,4vw,42px);color:#161616;background:#f5f1e7;border:1px solid #c7bfaf;box-shadow:0 24px 70px rgba(0,0,0,.22);font-family:Georgia,"Times New Roman",serif}.real-news-paper>header{border-block:4px double #161616;text-align:center}.real-news-paper>header>span{display:block;padding-top:5px;font:700 10px Inter,sans-serif;letter-spacing:.2em}.real-news-paper>header h1{margin:0;font-size:clamp(48px,10vw,94px);line-height:.92;letter-spacing:-.06em}.real-news-paper>header>div{display:flex;justify-content:space-between;padding:7px;border-top:1px solid #161616;font-size:11px}.real-news-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:20px;padding:24px 0;border-bottom:3px solid #161616;color:inherit;text-decoration:none}.real-news-lead img{width:100%;height:320px;object-fit:cover;filter:saturate(.8) contrast(1.05)}.real-news-lead span,.real-news-story>span{font:800 10px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.real-news-lead h2{margin:7px 0;font-size:clamp(29px,5vw,54px);line-height:1}.real-news-lead p{font-size:17px;line-height:1.5}.real-news-grid{columns:3 250px;column-gap:28px;column-rule:1px solid #aaa08f;padding:22px 0}.real-news-story{display:block;break-inside:avoid;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #aaa08f;color:inherit;text-decoration:none}.real-news-story img{width:100%;max-height:180px;object-fit:cover;margin-bottom:10px;filter:saturate(.8)}.real-news-story h3{margin:6px 0;font-size:21px;line-height:1.08}.real-news-story p{margin:7px 0;line-height:1.45}.real-news-story time{font:11px Inter,sans-serif;color:#655f54}.real-news-paper>footer{padding-top:10px;border-top:4px double #161616;font-size:11px;text-align:center}
@media(max-width:600px){.home-greeting{display:block}.home-greeting time{display:block;margin-top:10px;text-align:left;font-size:18px}.privileged-users>button{min-width:250px}.guide-search{top:69px;grid-template-columns:auto minmax(0,1fr)}.guide-search .btn{grid-column:1/-1}.guide-welcome>b{font-size:28px}.guide-section-grid{grid-template-columns:1fr}.guide-workspace{position:relative;display:block;height:calc(100vh - 190px);min-height:520px}.guide-browser{height:100%;border-right:0}.guide-reader{position:absolute;inset:0;display:none;background:var(--surface)}.guide-workspace.article-open .guide-browser{display:none}.guide-workspace.article-open .guide-reader{display:block}.guide-reader-back{display:inline-flex}.real-news-lead{display:block}.real-news-lead img{height:210px;margin-bottom:14px}.real-news-paper>header>div{gap:8px}.real-news-grid{columns:1}.weather-pro-hero{grid-template-columns:auto minmax(0,1fr);padding:16px}.weather-pro-hero>div:first-child{font-size:46px}.weather-pro-hero strong{font-size:43px}}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: calc(16px * var(--font-scale)); }
[data-theme="dark"] { --bg: #0b0d10; --surface: #13161b; --surface-2: #191d23; --text: #f1f4f7; --muted: #96a0ab; --border: rgba(160,174,190,.16); }
[data-theme="light"] { --bg: #f4f6f8; --surface: #ffffff; --surface-2: #e9edf2; --text: #171b21; --muted: #68727e; --border: rgba(57,68,82,.16); --shadow: 0 16px 40px rgba(22,29,39,.12); }
[data-accent="green"] { --accent: #39c889; --accent-text: #07120d; --link: #37aa7b; }
[data-accent="blue"] { --accent: #48a7ff; --accent-text: #06131e; --link: #54b2ff; }
[data-accent="orange"] { --accent: #ffad45; --accent-text: #211304; --link: #ffb75d; }
[data-accent="violet"] { --accent: #a98bff; --accent-text: #120a27; --link: #b69dff; }
[data-accent="red"] { --accent: #ff5f57; --accent-text: #210605; --link: #ff746d; }
[data-accent="pink"] { --accent: #ff6fb1; --accent-text: #260916; --link: #ff85bd; }
[data-accent="cyan"] { --accent: #42d8e8; --accent-text: #031b1e; --link: #55ddea; }
[data-accent="lime"] { --accent: #a6dc4e; --accent-text: #111a03; --link: #aee65a; }
[data-accent="mono"] { --accent: #d4d8d6; --accent-text: #111; --link: #d4d8d6; }
[data-corners="soft"] { --radius: 11px; }
[data-corners="square"] { --radius: 2px; }
[data-corners="square"] .btn,[data-corners="square"] .input,[data-corners="square"] select,[data-corners="square"] textarea,[data-corners="square"] .mobile-dock { border-radius: 2px; }
[data-animation="snappy"] * { transition-duration: .08s !important; }
[data-animation="playful"] .card.clickable:hover,[data-animation="playful"] .quick-tile:hover { transform: translateY(-4px) rotate(-.35deg); }
[data-density="compact"] { --radius: 13px; }
[data-density="compact"] .card { padding: 12px; }
[data-density="compact"] .content { padding-top: 14px; }
[data-density="compact"] .nav-item { padding-block: 8px; }
.reduce-motion *, .reduce-motion *::before, .reduce-motion *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
body { min-height: 100vh; min-height: var(--tg-viewport-stable-height, 100vh); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
a { color: var(--link); }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.boot { min-height: 100vh; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 28px; }
.boot-logo, .brand-mark { display: inline-grid; place-items: center; border: 1px solid color-mix(in srgb,var(--accent) 45%,transparent); background: radial-gradient(circle at 25% 20%, color-mix(in srgb,var(--accent) 26%,transparent), transparent 65%), color-mix(in srgb,var(--accent) 5%,#0d0f14); color: var(--accent); font-weight: 900; letter-spacing: .08em; }
.boot-logo { width: 72px; height: 72px; border-radius: 22px; font-size: 20px; animation: pulse 1.8s infinite; }
@keyframes pulse { 50% { transform: scale(1.04); box-shadow: 0 0 28px color-mix(in srgb,var(--accent) 20%,transparent); } }
.app { min-height: 100vh; }
.topbar { height: 66px; position: sticky; top: 0; z-index: 40; display: flex; align-items: center; gap: 12px; padding: 8px max(12px, env(safe-area-inset-left)); border-bottom: 1px solid var(--border); background: color-mix(in srgb, var(--bg) 90%, transparent); backdrop-filter: blur(16px); }
.brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.brand strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.brand small { display: block; color: var(--muted); }
.brand-mark { width: 42px; height: 42px; border-radius: 13px; font-size: 12px; }
.top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.user-badge { max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--muted); font-size: 13px; }
.icon-btn { width: 42px; height: 42px; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); color: var(--text); }
.mode-btn { height: 38px; border: 1px solid color-mix(in srgb, var(--accent) 45%, var(--border)); border-radius: 999px; padding: 0 13px; background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--accent); font-size: 12px; font-weight: 850; letter-spacing: .03em; }
.shell { display: grid; grid-template-columns: 260px minmax(0, 1fr); min-height: calc(100vh - 66px); }
.sidebar { position: sticky; top: 66px; height: calc(100vh - 66px); overflow: auto; padding: 16px 12px; border-right: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 82%, var(--bg)); }
.sidebar nav { display: grid; gap: 5px; }
.nav-group { padding: 12px 12px 3px; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.nav-item { width: 100%; display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: var(--muted); text-align: left; }
.nav-item:hover, .nav-item.active { color: var(--text); background: var(--surface-2); border-color: var(--border); }
.nav-item.active { box-shadow: inset 3px 0 var(--accent); }
.nav-separator { height: 1px; background: var(--border); margin: 9px 7px; }
.sidebar-foot { padding: 18px 12px 4px; font-size: 12px; line-height: 1.5; }
.content { min-width: 0; padding: 22px clamp(14px, 3vw, 42px) 100px; }
.mobile-dock { display: none; }
.page-head { display: flex; align-items: flex-start; gap: 16px; justify-content: space-between; margin-bottom: 20px; }
.page-head h1 { margin: 0 0 6px; font-size: clamp(24px, 4vw, 38px); line-height: 1.05; }
.page-head p { margin: 0; color: var(--muted); max-width: 820px; }
.hero { padding: clamp(20px, 4vw, 42px); border: 1px solid var(--border); border-radius: 28px; background: radial-gradient(circle at 85% 10%, color-mix(in srgb,var(--accent) 15%,transparent), transparent 38%), linear-gradient(145deg, var(--surface-2), var(--surface)); box-shadow: var(--shadow); margin-bottom: 22px; }
.hero h1 { margin: 0 0 10px; font-size: clamp(30px, 7vw, 62px); letter-spacing: -.045em; max-width: 900px; }
.hero p { color: var(--muted); max-width: 760px; font-size: 17px; line-height: 1.55; }
.hero-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.grid { display: grid; gap: 14px; }
.grid.cards { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); padding: 17px; min-width: 0; }
.card.clickable { cursor: pointer; transition: transform .15s ease, border-color .15s ease; }
.card.clickable:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
.card h2, .card h3 { margin: 0 0 9px; }
.card p { margin: 0; color: var(--muted); line-height: 1.5; }
.metric { font-size: clamp(24px, 4vw, 38px); font-weight: 850; letter-spacing: -.03em; }
.kicker { color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.toolbar { display: flex; gap: 9px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.btn { border: 1px solid var(--border); border-radius: 12px; background: var(--surface-2); color: var(--text); padding: 10px 14px; font-weight: 700; }
.btn:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); }
.btn.primary { color: var(--accent-text); background: var(--accent); border-color: var(--accent); }
.btn.danger { color: #fff; background: rgba(255, 91, 91, .16); border-color: rgba(255, 91, 91, .35); }
.btn.small { padding: 7px 10px; font-size: 13px; }
.btn.active { border-color: var(--accent); color: var(--accent); }
.input, select, textarea { width: 100%; border: 1px solid var(--border); border-radius: 12px; background: var(--bg); color: var(--text); padding: 11px 12px; outline: none; }
.input:focus, select:focus, textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent); }
textarea { min-height: 110px; resize: vertical; }
.field { display: grid; gap: 6px; }
.field label { color: var(--muted); font-size: 13px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
.form-grid .span-2 { grid-column: 1 / -1; }
.tabs { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 14px; }
.tab { white-space: nowrap; border: 1px solid var(--border); border-radius: 999px; padding: 8px 12px; background: var(--surface); color: var(--muted); }
.tab.active { color: var(--accent); border-color: var(--accent); }
.result { border-left: 4px solid var(--muted); }
.result.ok { border-left-color: var(--ok); }
.result.warn { border-left-color: var(--warn); }
.result.bad { border-left-color: var(--danger); }
.status { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); border-radius: 999px; padding: 6px 10px; font-size: 13px; }
.status.ok { color: var(--ok); }
.status.warn { color: var(--warn); }
.status.bad { color: var(--danger); }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; min-width: 620px; }
th, td { padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; background: var(--surface-2); }
tr:last-child td { border-bottom: 0; }
.list { display: grid; gap: 9px; }
.list-item { border: 1px solid var(--border); border-radius: 14px; padding: 13px; background: var(--surface); }
.list-item-title { font-weight: 750; }
.split { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.5fr); gap: 14px; }
.guide-tree { max-height: calc(100vh - 180px); overflow: auto; }
.guide-category { margin-bottom: 14px; }
.guide-category > strong { display: block; margin-bottom: 7px; }
.guide-link { display: block; width: 100%; text-align: left; color: var(--muted); background: transparent; border: 0; border-radius: 9px; padding: 7px 8px; }
.guide-link:hover, .guide-link.active { background: var(--surface-2); color: var(--text); }
.article { line-height: 1.58; overflow-wrap: anywhere; }
.article b { color: var(--text); }
.article pre { white-space: pre-wrap; background: var(--bg); border: 1px solid var(--border); border-radius: 12px; padding: 12px; }
.article-pages { display: grid; gap: 12px; }
.router-card .router-title { display: flex; justify-content: space-between; gap: 12px; }
.router-rating { color: var(--accent); font-weight: 800; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.chip { border-radius: 999px; background: var(--surface-2); color: var(--muted); padding: 5px 8px; font-size: 12px; }
.media { width: 100%; max-height: 420px; object-fit: contain; border-radius: 12px; background: #07080b; margin: 10px 0; }
.reactions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.reaction { border: 1px solid var(--border); background: var(--surface-2); color: var(--text); border-radius: 999px; padding: 7px 10px; }
.reaction.active { border-color: var(--accent); color: var(--accent); }
.meme-social-shell { display: grid; grid-template-columns: minmax(0, 680px) minmax(230px, 300px); justify-content: center; align-items: start; gap: 18px; }
.meme-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.message-badge { min-width: 20px; height: 20px; display: inline-grid; place-items: center; margin-left: 4px; border-radius: 999px; padding: 0 5px; background: var(--danger); color: #fff; font-size: 10px; }
.meme-feed-column { min-width: 0; }
.meme-feed-tabs { position: sticky; top: 74px; z-index: 12; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--border); border-radius: 16px; padding: 5px; margin-bottom: 10px; background: color-mix(in srgb,var(--bg) 90%,transparent); backdrop-filter: blur(15px); }
.meme-feed-tab { min-width: 0; border: 0; border-radius: 11px; padding: 10px 6px; background: transparent; color: var(--muted); font-weight: 750; }
.meme-feed-tab.active { background: var(--surface-2); color: var(--text); box-shadow: inset 0 -2px var(--accent); }
.meme-search-row { display: grid; grid-template-columns: minmax(0,1fr) 145px auto; gap: 8px; margin-bottom: 12px; }
.meme-feed { display: grid; gap: 13px; }
.meme-feed-loading { padding: 60px 20px; text-align: center; color: var(--muted); }
.meme-post { position: relative; overflow: hidden; border: 1px solid var(--border); border-radius: 19px; background: var(--surface); box-shadow: 0 8px 26px rgba(0,0,0,.08); }
.meme-post-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 15px; }
.meme-author { min-width: 0; display: flex; align-items: center; gap: 10px; border: 0; padding: 0; background: transparent; color: var(--text); text-align: left; }
.meme-author > span:last-child { min-width: 0; }
.meme-author b,.meme-author small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.meme-author small { margin-top: 2px; color: var(--muted); font-size: 12px; }
.meme-avatar { --avatar-hue: 230; flex: 0 0 auto; width: 40px; height: 40px; display: inline-grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg,hsl(var(--avatar-hue) 65% 48%),hsl(calc(var(--avatar-hue) + 34) 66% 35%)); font-size: 13px; font-weight: 900; letter-spacing: .03em; box-shadow: inset 0 0 0 1px rgba(255,255,255,.2); }
.meme-avatar.tiny { width: 29px; height: 29px; font-size: 9px; }
.meme-avatar.large { width: 52px; height: 52px; font-size: 16px; }
.meme-avatar.xlarge { width: 104px; height: 104px; border: 5px solid var(--surface); font-size: 29px; }
.meme-more { width: 38px; height: 34px; border: 0; border-radius: 11px; background: transparent; color: var(--muted); font-weight: 900; letter-spacing: .08em; }
.meme-more:hover { background: var(--surface-2); color: var(--text); }
.meme-caption { padding: 1px 15px 11px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 16px; line-height: 1.45; }
.meme-tags { padding: 0 15px 12px; color: var(--link); font-size: 13px; }
.meme-media-button { display: block; width: 100%; border: 0; padding: 0; background: #06070a; }
.meme-post-media { display: block; width: 100%; max-height: 680px; object-fit: contain; background: #06070a; }
.meme-audio { padding: 18px; border-block: 1px solid var(--border); background: var(--surface-2); }
.meme-audio audio { width: 100%; }
.meme-file { display: flex; align-items: center; gap: 12px; padding: 18px; margin: 0 15px 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface-2); }
.meme-file > span { font-size: 27px; }.meme-file > div { min-width: 0; flex: 1; }.meme-file b,.meme-file small { display: block; }.meme-file small { color: var(--muted); }
.meme-post-meta { min-height: 31px; display: flex; justify-content: space-between; gap: 10px; padding: 8px 15px 4px; color: var(--muted); font-size: 12px; }
.meme-action-row { display: flex; align-items: center; gap: 5px; padding: 7px 10px; border-top: 1px solid var(--border); }
.meme-reaction-strip { display: flex; min-width: 0; flex: 1; gap: 2px; overflow-x: auto; scrollbar-width: none; }
.meme-reaction,.meme-action { min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border: 0; border-radius: 12px; background: transparent; color: var(--muted); }
.meme-reaction span { font-size: 18px; filter: grayscale(.45); transition: transform .15s ease; }.meme-reaction small { font-size: 10px; }
.meme-reaction:hover,.meme-reaction.active,.meme-action:hover,.meme-action.active { background: color-mix(in srgb,var(--accent) 12%,var(--surface-2)); color: var(--accent); }
.meme-reaction.active span { filter: none; transform: scale(1.2); }
.meme-comment-preview { width: calc(100% - 26px); display: block; overflow: hidden; border: 0; padding: 3px 0 8px; margin: 0 13px; background: transparent; color: var(--text); white-space: nowrap; text-align: left; text-overflow: ellipsis; }
.meme-comment-preview b { margin-right: 5px; }
.meme-write-comment { width: calc(100% - 26px); display: flex; align-items: center; gap: 9px; border: 0; border-top: 1px solid var(--border); padding: 10px 0; margin: 0 13px; background: transparent; color: var(--muted); text-align: left; }
.meme-post-menu { position: absolute; z-index: 6; top: 52px; right: 12px; width: 205px; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--surface); box-shadow: var(--shadow); }
.meme-post-menu button { width: 100%; border: 0; padding: 12px 14px; background: transparent; color: var(--text); text-align: left; }.meme-post-menu button:hover { background: var(--surface-2); }
.meme-load-more { display: block; margin: 15px auto; }
.meme-empty { padding: 58px 22px; border: 1px dashed var(--border); border-radius: 19px; background: var(--surface); color: var(--muted); text-align: center; }.meme-empty > div { font-size: 45px; }.meme-empty h3 { margin: 8px 0; color: var(--text); }.meme-empty p { margin: 0 0 16px; }
.meme-social-side { position: sticky; top: 78px; display: grid; gap: 12px; }
.meme-me-card { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: 17px; padding: 12px; background: var(--surface); color: var(--text); text-align: left; }.meme-me-card b,.meme-me-card small { display: block; }.meme-me-card small { margin-top: 3px; color: var(--muted); }
.meme-category-chip { border: 0; cursor: pointer; }
.modal-card:has(.meme-detail) { width: min(1180px,100%); padding: 0; overflow: hidden; }
.meme-detail { height: min(90vh,820px); display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); }
.meme-detail-post { min-height: 0; overflow-y: auto; padding: 18px; background: var(--bg); }.meme-detail-post .meme-post { box-shadow: none; }
.meme-comments-panel { min-height: 0; height: 100%; overflow: hidden; display: grid; grid-template-rows: auto minmax(0,1fr) auto; border-left: 1px solid var(--border); background: var(--surface); }
.meme-comments-panel > header { padding: 18px 52px 13px 18px; border-bottom: 1px solid var(--border); }.meme-comments-panel h2,.meme-comments-panel p { margin: 0; }.meme-comments-panel p { margin-top: 3px; color: var(--muted); font-size: 12px; }
.meme-comment-list { min-height: 180px; overflow-y: auto; padding: 14px; }
.meme-comment { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; padding: 9px 2px; }.meme-comment > div > div { display: flex; align-items: center; gap: 7px; }.meme-comment b { font-size: 13px; }.meme-comment span { color: var(--muted); font-size: 11px; }.meme-comment p { margin: 3px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.4; }.meme-comment [data-delete-comment] { margin-left: auto; border: 0; background: transparent; color: var(--muted); }
.meme-comments-empty { padding: 40px 15px; color: var(--muted); text-align: center; }
.meme-comment-form { display:grid; grid-template-columns:minmax(0,1fr) 46px; align-items:center; gap:8px; padding:12px; border-top:1px solid var(--border); background:var(--surface); }.meme-comment-form .input { min-width:0; min-height:46px; font-size:16px; touch-action:manipulation; user-select:text; -webkit-user-select:text; pointer-events:auto; }.meme-comment-form .btn { width:46px; height:46px; margin:0; padding:0; border-radius:50%; font-size:18px; }
.meme-compose-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }.meme-compose-head h2,.meme-compose-head p { margin: 0; }.meme-compose-head p { margin-top: 4px; color: var(--muted); }
.meme-compose form { display: grid; gap: 13px; }.meme-drop { min-height: 155px; display: grid; place-items: center; align-content: center; gap: 4px; border: 2px dashed color-mix(in srgb,var(--accent) 45%,var(--border)); border-radius: 18px; background: color-mix(in srgb,var(--accent) 5%,var(--surface-2)); cursor: pointer; }.meme-drop input { position: absolute; opacity: 0; pointer-events: none; }.meme-drop-icon { font-size: 34px; color: var(--accent); }.meme-drop small { color: var(--muted); }
.meme-preview { overflow: hidden; border: 1px solid var(--border); border-radius: 15px; background: #06070a; }.meme-preview img,.meme-preview video { display: block; width: 100%; max-height: 420px; object-fit: contain; }.meme-file-preview { padding: 30px; background: var(--surface-2); color: var(--text); }.meme-publish { width: 100%; padding-block: 13px; }
.meme-profile-hero { overflow: hidden; margin-top: 14px; border: 1px solid var(--border); border-radius: 23px; background: var(--surface); }
.meme-profile-cover { height: 155px; background: radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 35%),linear-gradient(125deg,color-mix(in srgb,var(--accent) 12%,#151820),color-mix(in srgb,var(--accent-2) 18%,#1c2029) 50%,#101319); }
[data-theme="light"] .meme-profile-cover { background: radial-gradient(circle at 75% 15%,color-mix(in srgb,var(--accent) 60%,transparent),transparent 35%),linear-gradient(125deg,color-mix(in srgb,var(--accent) 10%,#eef1f5),color-mix(in srgb,var(--accent-2) 18%,#e1e6ee) 50%,#f5f7fa); }
.meme-profile-main { position: relative; padding: 0 24px 24px; }.meme-profile-main > .meme-avatar { margin-top: -54px; }.meme-profile-main h1 { margin: 10px 0 0; }.meme-profile-username { margin-top: 3px; color: var(--muted); }.meme-profile-main > p { max-width: 650px; margin: 13px 0; line-height: 1.5; }.meme-profile-actions { float: right; margin-top: 14px; }
.meme-profile-stats { display: flex; flex-wrap: wrap; gap: 10px 24px; padding-top: 14px; border-top: 1px solid var(--border); }.meme-profile-stats div { display: grid; }.meme-profile-stats b { font-size: 20px; }.meme-profile-stats span { color: var(--muted); font-size: 12px; }
.meme-profile-title { display: flex; justify-content: space-between; align-items: center; margin: 22px auto 12px; max-width: 680px; }.meme-profile-title h2 { margin: 0; }.meme-profile-feed { max-width: 680px; margin: auto; }
.meme-profile-editor form { display: grid; gap: 14px; }.meme-profile-editor > p { color: var(--muted); }
.messenger-shell { height: min(720px,calc(100vh - 175px)); min-height: 520px; display: grid; grid-template-columns: 330px minmax(0,1fr); overflow: hidden; border: 1px solid var(--border); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.messenger-conversations { min-width: 0; overflow: hidden; border-right: 1px solid var(--border); background: color-mix(in srgb,var(--surface) 92%,var(--bg)); }.messenger-conversations > header { min-height: 72px; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid var(--border); }.messenger-conversations h2 { margin: 0; }.messenger-conversations header span { color: var(--accent); font-size: 11px; }
#messengerConversationList { height: calc(100% - 72px); overflow-y: auto; }
.messenger-conversation { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid var(--border); padding: 12px; background: transparent; color: var(--text); text-align: left; }.messenger-conversation:hover,.messenger-conversation.active { background: var(--surface-2); }.messenger-conversation > span { min-width: 0; }.messenger-conversation > span > span { display: flex; justify-content: space-between; gap: 7px; }.messenger-conversation b,.messenger-conversation small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }.messenger-conversation small,.messenger-conversation time { color: var(--muted); font-size: 11px; }.messenger-conversation em { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: var(--accent-text); font-size: 10px; font-style: normal; font-weight: 850; }
.messenger-no-conversations { padding: 45px 20px; color: var(--muted); line-height: 1.5; text-align: center; }
.messenger-chat { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr) auto; background: radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 7%,transparent),transparent 35%),var(--bg); }
.messenger-chat-head { height: 72px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border); background: var(--surface); }.messenger-chat-head #messengerBackList { display: none; }
.messenger-messages { min-height: 0; display: flex; flex-direction: column; gap: 7px; overflow-y: auto; padding: 18px; }
.messenger-message { max-width: min(78%,620px); align-self: flex-start; }.messenger-message > div { padding: 10px 13px; border: 1px solid var(--border); border-radius: 16px 16px 16px 5px; background: var(--surface); white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.4; }.messenger-message.mine { align-self: flex-end; }.messenger-message.mine > div { border-color: color-mix(in srgb,var(--accent) 32%,var(--border)); border-radius: 16px 16px 5px 16px; background: color-mix(in srgb,var(--accent) 16%,var(--surface)); }.messenger-message footer { display: flex; justify-content: flex-end; align-items: center; gap: 5px; padding: 3px 4px 0; color: var(--muted); font-size: 10px; }.messenger-message footer button { border: 0; padding: 0 3px; background: transparent; color: var(--muted); opacity: 0; }.messenger-message:hover footer button { opacity: 1; }
.messenger-chat-start,.messenger-empty { margin: auto; padding: 30px; color: var(--muted); text-align: center; }.messenger-chat-start > div,.messenger-empty > div { font-size: 42px; }.messenger-chat-start b,.messenger-chat-start span { display: block; }.messenger-chat-start b,.messenger-empty h3 { margin: 7px 0; color: var(--text); }.messenger-empty h3,.messenger-empty p { margin: 7px 0; }
.messenger-form { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 8px; padding: 11px; border-top: 1px solid var(--border); background: var(--surface); }.messenger-form textarea { min-height: 44px; max-height: 130px; resize: vertical; }.messenger-form button { width: 46px; height: 44px; padding: 0; font-size: 18px; }
.upload-box { border: 1px dashed color-mix(in srgb, var(--accent) 50%, var(--border)); border-radius: 16px; padding: 16px; background: color-mix(in srgb,var(--accent) 4%,transparent); }
.check-row { display: flex; align-items: center; gap: 10px; min-height: 40px; }
.check-row input { width: 18px; height: 18px; accent-color: var(--accent); }
.choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.choice-card { position: relative; display: block; min-height: 92px; border: 1px solid var(--border); border-radius: 15px; padding: 14px; background: var(--surface-2); cursor: pointer; }
.choice-card:has(input:checked) { border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent); }
.choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.choice-card strong { display: block; margin-bottom: 5px; }
.choice-card small { color: var(--muted); line-height: 1.35; }
.settings-stack { display: grid; gap: 14px; }
.settings-section h2 { margin: 0 0 5px; }
.settings-section > p { margin: 0 0 16px; color: var(--muted); }
.range-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; }
.range-row input { accent-color: var(--accent); }
.accent-options { display: flex; flex-wrap: wrap; gap: 10px; }
.accent-dot { width: 42px; height: 42px; border: 3px solid var(--surface); outline: 1px solid var(--border); border-radius: 50%; cursor: pointer; }
.accent-dot:has(input:checked) { outline: 3px solid var(--text); }
.accent-dot input { opacity: 0; }
.accent-green { background: #39c889; }.accent-blue { background: #48a7ff; }.accent-orange { background: #ffad45; }.accent-violet { background: #a98bff; }
.accent-red { background:#ff5f57; }.accent-pink { background:#ff6fb1; }.accent-cyan { background:#42d8e8; }.accent-lime { background:#a6dc4e; }.accent-mono { background:#d4d8d6; }.accent-custom { background:conic-gradient(#f44,#fc4,#4c8,#48f,#b5f,#f44); }
#prefCustomAccent { width:42px; height:42px; padding:2px; border:0; border-radius:50%; background:transparent; }
.ios-settings .settings-section { border:0; box-shadow:0 8px 30px rgba(0,0,0,.08); }
.ios-settings .settings-section h2 { font-size:20px; letter-spacing:-.02em; }
.ios-settings select,.ios-settings .input { background:var(--surface-2); }
.profile-avatar-editor { display:flex; align-items:center; gap:18px; margin:16px 0; }.profile-avatar-editor .meme-avatar img,.meme-avatar img { width:100%; height:100%; object-fit:cover; border-radius:inherit; }.color-input { min-height:46px; padding:4px; }
.role-badge { display:inline-flex; vertical-align:middle; align-items:center; height:18px; margin-left:4px; padding:0 6px; border-radius:999px; font-size:9px; font-weight:950; letter-spacing:.05em; white-space:nowrap; }.role-badge.super { color:#140b00; background:linear-gradient(135deg,#ffd767,#ff9f2f); }.role-badge.sudo { color:#06141f; background:linear-gradient(135deg,#6bd8ff,#78a9ff); }
.messenger-picker > p { color:var(--muted); }.messenger-user-results { display:grid; gap:7px; margin-top:12px; max-height:55vh; overflow:auto; }.messenger-user-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:10px; width:100%; padding:11px; border:1px solid var(--border); border-radius:14px; color:var(--text); background:var(--surface-2); text-align:left; }.messenger-user-row span,.messenger-user-row b,.messenger-user-row small { min-width:0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.messenger-user-row small { color:var(--muted); }.messenger-user-row em { color:var(--accent); font-size:12px; font-style:normal; }
.weather-verdict { grid-column:1/-1; display:flex; justify-content:space-between; gap:12px; padding:12px 14px; border-radius:14px; background:color-mix(in srgb,var(--ok) 13%,var(--surface-2)); border:1px solid color-mix(in srgb,var(--ok) 35%,var(--border)); }.weather-verdict span { color:var(--muted); }.weather-verdict.warn { background:color-mix(in srgb,var(--warn) 13%,var(--surface-2)); border-color:color-mix(in srgb,var(--warn) 35%,var(--border)); }.weather-verdict.bad { background:color-mix(in srgb,var(--danger) 13%,var(--surface-2)); border-color:color-mix(in srgb,var(--danger) 35%,var(--border)); }
.weather-week { grid-column:1/-1; display:grid; grid-template-columns:repeat(7,minmax(105px,1fr)); gap:8px; overflow-x:auto; }.weather-day { display:grid; gap:3px; min-width:105px; padding:10px; border-radius:13px; background:var(--surface-2); }.weather-day span { font-size:24px; }.weather-day small { color:var(--muted); }.weather-toggle { grid-column:1/-1; justify-self:start; }.weather-pro-hero { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:18px; padding:24px; border-radius:var(--radius); background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,var(--surface)),var(--surface)); }.weather-pro-hero>div:first-child { font-size:64px; }.weather-pro-hero strong,.weather-pro-hero span,.weather-pro-hero small { display:block; }.weather-pro-hero strong { font-size:56px; }.weather-pro-hero small { color:var(--muted); }.weather-pro-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-top:14px; }.weather-pro-day header { display:flex; gap:10px; align-items:center; }.weather-pro-day header>span { font-size:32px; }.weather-pro-day header small { display:block; color:var(--muted); }.weather-pro-day .metric small { color:var(--muted); font-size:.65em; }
.newspaper-toolbar { display:flex; gap:8px; margin-bottom:14px; }.newspaper-toolbar .input { max-width:220px; }.newspaper { max-width:1100px; margin:auto; padding:clamp(18px,4vw,44px); color:#191713; background:#f3ecdc; border:1px solid #c9bfa9; box-shadow:0 24px 70px rgba(0,0,0,.28); font-family:Georgia,"Times New Roman",serif; }.newspaper-masthead { text-align:center; border-block:4px double #191713; padding:7px 0; }.newspaper-masthead>div:first-child { font-size:10px; text-transform:uppercase; letter-spacing:.16em; }.newspaper-masthead h1 { margin:3px 0; font-size:clamp(46px,10vw,92px); line-height:.85; letter-spacing:-.06em; }.newspaper-masthead>div:last-child { display:flex; justify-content:space-between; gap:10px; padding-top:6px; border-top:1px solid #191713; font-size:11px; }.newspaper-lead { text-align:center; padding:26px 4%; border-bottom:2px solid #191713; }.newspaper-lead h2 { margin:5px 0; font-size:clamp(30px,6vw,60px); line-height:.98; }.newspaper-lead p { font-size:18px; }.newspaper-columns { columns:3 230px; column-gap:32px; column-rule:1px solid #938b7b; padding:22px 0; line-height:1.55; }.newspaper-columns section { break-inside:avoid; }.newspaper-columns h3 { margin:0 0 8px; padding-bottom:5px; border-bottom:2px solid #191713; text-transform:uppercase; }.newspaper-columns p { margin:0 0 14px; }.news-brief:first-of-type::first-letter,.newspaper-editorial>p::first-letter { float:left; font-size:52px; line-height:.75; padding:8px 5px 0 0; }.newspaper blockquote { margin:18px 0; padding:12px; border-block:1px solid #938b7b; font-size:20px; font-style:italic; }.newspaper-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); border-top:4px double #191713; }.newspaper-metrics div { padding:12px; text-align:center; }.newspaper-metrics b,.newspaper-metrics span { display:block; }.newspaper-metrics b { font-size:28px; }
.route-optical .card { box-shadow:0 10px 30px rgba(0,0,0,.08); }.route-optical .tabs { padding:5px; border-radius:14px; background:var(--surface-2); }.route-optical .tab { flex:1; border:0; }.route-optical .tab.active { color:var(--accent-text); background:var(--accent); }.route-optical .form-grid { align-items:end; }.route-optical .list-item { background:var(--surface-2); }
.root-lock { max-width:430px; margin:12vh auto; text-align:center; }.root-lock-icon { font-size:54px; color:var(--accent); }.root-lock form { display:grid; gap:10px; margin-top:18px; }.admin-role-list .list-item { display:flex; align-items:center; justify-content:space-between; gap:10px; }.admin-role-list .list-item>span { display:flex; align-items:center; gap:8px; }.admin-role-list select { width:auto; }.report-ready { text-align:center; }.report-ready-icon { width:72px; height:72px; display:grid; place-items:center; margin:18px auto; border-radius:50%; background:var(--accent); color:var(--accent-text); font-size:36px; }.report-ready-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin:20px 0; }
.quick-strip { display: flex; gap: 10px; overflow-x: auto; padding: 2px 0 8px; scrollbar-width: none; }
.quick-tile { min-width: 145px; border: 1px solid var(--border); border-radius: 16px; padding: 15px; background: var(--surface); color: var(--text); text-align: left; }
.quick-tile span { display: block; font-size: 24px; margin-bottom: 14px; }
.quick-tile b, .quick-tile small { display: block; }
.quick-tile small { margin-top: 4px; }
.home-message-widget { width:100%; display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:12px; margin-bottom:14px; padding:14px 16px; border:1px solid var(--border); border-radius:17px; color:var(--text); background:var(--surface); text-align:left; }.home-message-widget>span { width:44px; height:44px; display:grid; place-items:center; border-radius:13px; background:color-mix(in srgb,var(--accent) 14%,var(--surface-2)); font-size:23px; }.home-message-widget b,.home-message-widget small { display:block; }.home-message-widget small { margin-top:2px; color:var(--muted); }.home-message-widget em { min-width:23px; height:23px; display:grid; place-items:center; padding:0 5px; border-radius:999px; background:var(--danger); color:#fff; font-size:11px; font-style:normal; font-weight:800; }.home-message-widget i { color:var(--muted); font-size:24px; font-style:normal; }
.home-layout-compact .hero { padding:18px 22px; }.home-layout-compact .hero h1 { font-size:clamp(27px,5vw,42px); }.home-layout-compact .grid.cards { grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }.home-layout-compact .card { padding:13px; }.home-layout-focus .grid.cards,.home-layout-focus .grid.three { display:none; }.home-layout-focus .hero { min-height:300px; display:flex; flex-direction:column; justify-content:center; }
.mode-note { display: flex; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); background: color-mix(in srgb, var(--accent) 7%, var(--surface)); border-radius: 16px; padding: 13px 15px; margin-bottom: 14px; }
.weather-widget { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 16px; min-height: 100px; margin-bottom: 14px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 19px; background: linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface)); }
.weather-icon { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 18px; background: var(--surface-2); font-size: 34px; }
.weather-widget b,.weather-widget small { display: block; }.weather-widget small { color: var(--muted); margin-top: 3px; }.weather-widget.weather-loading .weather-icon { animation: pulse 1.8s infinite; }
.weather-main > div:not(.kicker) { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; }.weather-main strong { font-size: 34px; line-height: 1; }.weather-main span { font-weight: 750; }
.weather-details { display: flex; align-items: center; gap: 20px; }.weather-details div { min-width: 90px; }.weather-details span { display: block; color: var(--muted); font-size: 11px; }.weather-details a { font-size: 11px; }
pre.scheme { white-space: pre-wrap; border-radius: 14px; border: 1px solid var(--border); background: #090b0f; padding: 15px; overflow: auto; }
.toast { position: fixed; z-index: 90; left: 50%; bottom: max(18px, env(safe-area-inset-bottom)); transform: translate(-50%, 30px); opacity: 0; pointer-events: none; max-width: min(92vw, 600px); background: #1b1f27; color: #fff; border: 1px solid var(--border); border-radius: 14px; padding: 11px 15px; box-shadow: var(--shadow); transition: .2s ease; }
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast.error { border-color: rgba(255,91,91,.45); }
.modal { position: fixed; inset: 0; z-index: 80; background: rgba(0,0,0,.68); display: grid; place-items: center; padding: 14px; }
.modal-card { position: relative; width: min(880px, 100%); max-height: 90vh; overflow: auto; border: 1px solid var(--border); border-radius: 22px; background: var(--surface); padding: 22px; box-shadow: var(--shadow); }
.modal-close { position: sticky; float: right; top: 0; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); z-index: 2; }
.empty { text-align: center; color: var(--muted); padding: 34px 16px; }
.error-box { border: 1px solid rgba(255,91,91,.35); background: rgba(255,91,91,.08); padding: 14px; border-radius: 14px; color: #ffc4c4; }
@media (max-width: 900px) {
  .shell { display: block; }
  .sidebar { position: fixed; z-index: 60; left: 0; top: 66px; bottom: 0; width: min(82vw, 310px); height: auto; transform: translateX(-105%); transition: .2s ease; box-shadow: var(--shadow); }
  .sidebar.open { transform: translateX(0); }
  .grid.three, .grid.two, .split { grid-template-columns: 1fr; }
  .guide-tree { max-height: none; }
  .meme-social-shell { grid-template-columns: minmax(0,680px); }
  .meme-social-side { display: none; }
  .weather-details { gap: 10px; }
  .weather-details div { min-width: 75px; }
  .content { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }
  .mobile-dock { position: fixed; z-index: 55; left: 10px; right: 10px; bottom: max(8px, env(safe-area-inset-bottom)); display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border: 1px solid var(--border); border-radius: 18px; padding: 6px; background: color-mix(in srgb, var(--surface) 92%, transparent); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
  .dock-item { min-width: 0; display: grid; place-items: center; gap: 2px; border: 0; border-radius: 12px; padding: 6px 3px; background: transparent; color: var(--muted); font-size: 10px; }
  .dock-item span:first-child { font-size: 18px; }
  .dock-item.active { background: var(--surface-2); color: var(--accent); }
}
@media (max-width: 600px) {
  .content { padding-inline: 12px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .span-2 { grid-column: auto; }
  .user-badge { display: none; }
  .brand strong { font-size: 14px; }
  .brand small { display: none; }
  .brand-mark { display: none; }
  #profileButton { display: none; }
  .topbar { gap: 7px; }
  .top-actions { gap: 5px; }
  .mode-btn { padding-inline: 10px; }
  .hero { border-radius: 22px; }
  .page-head { display: block; }
  .choice-grid { grid-template-columns: 1fr 1fr; }
  .meme-feed-tabs { top: 71px; margin-inline: -3px; }
  .meme-head-actions { justify-content: flex-start; margin-top: 12px; }
  .meme-feed-tab { font-size: 12px; }
  .meme-search-row { grid-template-columns: minmax(0,1fr) auto; }
  .meme-search-row select { grid-column: 1 / -1; grid-row: 2; }
  .meme-post { border-radius: 16px; }
  .meme-caption { font-size: 15px; }
  .meme-reaction,.meme-action { min-width: 35px; }
  .modal-card:has(.meme-detail) { position:fixed; inset:0; width:100%; height:var(--comment-viewport-height,var(--tg-viewport-height,100dvh)); max-height:none; overflow:hidden; border:0; border-radius:0; padding:0; }
  .modal-card:has(.meme-detail) #modalBody { height:100%; min-height:0; }
  .modal-card:has(.meme-detail) .modal-close { position:absolute; top:max(8px,env(safe-area-inset-top)); right:8px; z-index:20; }
  .meme-detail { display:grid; grid-template-columns:1fr; grid-template-rows:minmax(90px,26%) minmax(0,1fr); height:100%; max-height:none; overflow:hidden; }
  .meme-detail-post { min-height:0; overflow:auto; padding:8px; }
  .meme-detail-post .meme-post-media { max-height:110px; }
  .meme-detail-post .meme-action-row,.meme-detail-post .meme-write-comment,.meme-detail-post .meme-comment-preview { display:none; }
  .meme-comments-panel { min-height:0; height:100%; border-left:0; border-top:1px solid var(--border); }
  .meme-comment-list { min-height:0; max-height:none; overscroll-behavior:contain; }
  .meme-comment-form { position:relative; z-index:10; padding:10px 10px max(10px,env(safe-area-inset-bottom)); }
  .meme-profile-cover { height: 112px; }
  .meme-profile-main { padding-inline: 15px; }
  .meme-profile-main > .meme-avatar { margin-top: -48px; }
  .meme-profile-actions { margin-top: 9px; }
  .meme-profile-stats { gap: 10px 16px; }
  .weather-widget { grid-template-columns: auto minmax(0,1fr); padding: 13px; }
  .weather-icon { width: 52px; height: 52px; font-size: 28px; }
  .weather-details { grid-column: 1 / -1; justify-content: space-between; padding-top: 10px; border-top: 1px solid var(--border); }
  .weather-main strong { font-size: 29px; }
  .messenger-shell { height: calc(100vh - 190px); min-height: 480px; grid-template-columns: 1fr; }
  .messenger-conversations { border-right: 0; }
  .messenger-chat { display: none; }
  .messenger-shell.has-chat .messenger-conversations { display: none; }
  .messenger-shell.has-chat .messenger-chat { display: grid; }
  .messenger-chat-head #messengerBackList { display: inline-grid; }
  .messenger-messages { padding: 12px; }
  .messenger-message { max-width: 88%; }
}
.card.router-card{padding:0}
.real-news-lead.no-image{grid-template-columns:1fr}
@media(max-width:600px){.weather-pro-hero{grid-template-columns:auto minmax(0,1fr);padding:16px}.weather-pro-hero>div:first-child{font-size:46px}.weather-pro-hero strong{font-size:43px}}
body{position:relative;overflow-x:hidden}
html[data-background="gradient"] body{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 20%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,#080a0f),var(--bg))}
html[data-theme="light"][data-background="gradient"] body{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 24%,transparent),transparent 34%),linear-gradient(180deg,#fafbfc,#eef1f5)}
html[data-background="aurora"] body::before{content:"";position:fixed;inset:-12% -10%;pointer-events:none;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 26%),radial-gradient(circle at 78% 8%,rgba(96,171,255,.16),transparent 28%),radial-gradient(circle at 52% 85%,rgba(255,196,78,.12),transparent 30%);filter:blur(28px);opacity:.9;z-index:-1}
html[data-background="blueprint"] body{background-color:color-mix(in srgb,var(--bg) 92%,#061019);background-image:linear-gradient(rgba(90,188,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,188,255,.08) 1px,transparent 1px),linear-gradient(rgba(90,188,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(90,188,255,.03) 1px,transparent 1px);background-size:28px 28px,28px 28px,7px 7px,7px 7px;background-position:0 0,0 0,-1px -1px,-1px -1px}
html[data-cards="glass"] .card,html[data-cards="glass"] .weather-widget,html[data-cards="glass"] .messenger-shell,html[data-cards="glass"] .newspaper,html[data-cards="glass"] .real-news-paper{background:color-mix(in srgb,var(--surface) 74%,transparent);backdrop-filter:blur(20px)}
html[data-cards="glass"] .card,html[data-cards="glass"] .messenger-shell,html[data-cards="glass"] .weather-widget{border-color:color-mix(in srgb,var(--accent) 18%,var(--border))}
html[data-cards="outline"] .card,html[data-cards="outline"] .weather-widget,html[data-cards="outline"] .messenger-shell{background:transparent;border-width:2px}
html[data-cards="flat"] .card,html[data-cards="flat"] .weather-widget,html[data-cards="flat"] .messenger-shell{box-shadow:none;background:color-mix(in srgb,var(--surface) 92%,var(--bg))}
html[data-navstyle="icons"] .nav-item,html[data-navstyle="icons"] .dock-item{justify-content:center}
html[data-navstyle="icons"] .nav-item span:last-child,html[data-navstyle="icons"] .dock-item span:last-child{display:none}
html[data-navstyle="icons"] .nav-item{padding-inline:10px}
html[data-navstyle="compact"] .sidebar{width:90px;padding-inline:8px}
html[data-navstyle="compact"] .shell{grid-template-columns:90px minmax(0,1fr)}
html[data-navstyle="compact"] .nav-group{padding-inline:0;text-align:center;font-size:9px}
html[data-navstyle="compact"] .nav-item{display:grid;gap:4px;justify-items:center;padding:9px 6px}
html[data-navstyle="compact"] .nav-item span:last-child{font-size:10px;line-height:1.15;text-align:center}
html[data-font="rounded"] body{font-family:"SF Pro Rounded","Avenir Next Rounded","Nunito","Trebuchet MS",sans-serif}
html[data-font="mono"] body{font-family:"IBM Plex Mono","SFMono-Regular","Consolas",monospace}
.presence-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:11px;line-height:1;white-space:nowrap;vertical-align:middle}
.presence-badge i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.9}
.presence-badge.available{color:var(--accent)}.presence-badge.busy{color:#ffb24a}.presence-badge.dnd{color:#ff6b63}.presence-badge.away{color:#a1acb4}
.profile-presence{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.profile-presence>span:last-child{color:var(--muted)}
.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.community-grid>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px;border:1px solid var(--border);border-radius:19px;color:var(--text);background:var(--surface);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.community-grid>button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 42%,var(--border));box-shadow:var(--shadow)}
.community-grid>button>span{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 13%,var(--surface-2));font-size:24px}
.community-grid h3,.community-grid p{margin:0}.community-grid p{margin-top:4px;color:var(--muted);font-size:13px}.community-grid i{color:var(--muted);font-size:24px;font-style:normal}
.equipment-card{padding:0;overflow:hidden}.equipment-card-body{padding:15px}
.equipment-photo{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--accent) 16%,var(--surface-2)),var(--surface-2))}
.equipment-photo>span{font-size:52px;opacity:.28}.equipment-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .24s ease}.equipment-card:hover .equipment-photo img{transform:scale(1.03)}.equipment-photo img.failed{display:none}.equipment-photo.large{max-height:440px;margin-bottom:18px;border-radius:16px}
.archive-lock{max-width:440px;margin:10vh auto 0;padding:28px;border:1px solid var(--border);border-radius:24px;background:var(--surface);text-align:center;box-shadow:var(--shadow)}
.archive-lock>div:first-child{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 14px;border-radius:24px;background:color-mix(in srgb,var(--accent) 14%,var(--surface-2));font-size:36px}
.archive-lock h2,.archive-lock p{margin:0}.archive-lock p{margin-top:8px;color:var(--muted);line-height:1.55}.archive-lock form{display:grid;gap:10px;margin-top:18px}
.archive-upload{margin-bottom:14px}.archive-upload label{position:relative;display:grid;gap:4px;padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-2));cursor:pointer}.archive-upload label input{position:absolute;inset:0;opacity:0;cursor:pointer}.archive-upload label span{font-size:28px;color:var(--accent)}.archive-upload label b,.archive-upload label small{display:block}.archive-upload label small{color:var(--muted)}
.archive-files{display:grid;gap:10px}.archive-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}
.archive-file>span{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--surface-2);font-size:26px}.archive-file b,.archive-file small,.archive-file em{display:block}.archive-file small{color:var(--muted);margin-top:3px}.archive-file em{margin-top:6px;color:var(--accent);font-size:12px;font-style:normal}.archive-file>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.media-fallback{display:block;padding:16px;border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:13px;text-align:center}
.wifi-game-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.92fr);gap:16px;align-items:start}
.wifi-game{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}
.wifi-game-premium{padding:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 11%,#c7f0ff),color-mix(in srgb,var(--surface) 96%,#0b0d12))}
.wifi-game-banner{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.wifi-game-banner h2,.wifi-game-banner p{margin:0}.wifi-game-banner p{margin-top:5px;color:var(--muted);max-width:520px}
.wifi-game-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-content:flex-start}.wifi-game-badges span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;color:var(--text)}
.wifi-game-stage-wrap{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:#0a1119}
.wifi-game canvas{width:100%;display:block;border-radius:22px;background:linear-gradient(180deg,#e8f7ff 0%,#cbf0ff 34%,#c9ced8 34%,#858e9c 100%)}
[data-theme="dark"] .wifi-game canvas{background:linear-gradient(180deg,#14324d 0%,#325b84 38%,#2a303a 38%,#171c24 100%)}
.wifi-game-hud{position:absolute;inset:12px 12px auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:none}.wifi-game-hud>div{padding:10px 12px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(6,12,18,.45);backdrop-filter:blur(14px)}.wifi-game-hud span,.wifi-game-hud b{display:block;color:#eef9ff}.wifi-game-hud span{font-size:11px;opacity:.72;text-transform:uppercase;letter-spacing:.08em}.wifi-game-hud b{margin-top:3px;font-size:19px}
.wifi-game footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:12px;color:var(--muted);font-size:13px}.wifi-game footer b{color:var(--text)}
.wifi-game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:rgba(4,12,10,.32);text-align:center}
.wifi-game-overlay.hidden{display:none}
.wifi-game-overlay h2,.wifi-game-overlay p{max-width:280px;margin:0}
.wifi-game-overlay h2{padding:22px 22px 0;border:1px solid rgba(255,255,255,.18);border-bottom:0;border-radius:22px 22px 0 0;background:rgba(7,16,13,.78);backdrop-filter:blur(18px);color:#fff}
.wifi-game-overlay p{padding:8px 22px 0;border-inline:1px solid rgba(255,255,255,.18);background:rgba(7,16,13,.78);color:rgba(255,255,255,.78)}
.wifi-game-overlay .btn{width:280px;max-width:100%;margin-top:0;border-radius:0 0 22px 22px;border-top:0}
.wifi-game-side{display:grid;gap:12px}
.wifi-game-control-card p{margin-bottom:12px}
.wifi-game-control-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wifi-game-preview{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-top:14px;padding:13px;border:1px solid var(--border);border-radius:18px;background:var(--surface-2)}
.wifi-preview-orb{--orb-color:#48a7ff;--orb-glow:rgba(72,167,255,.24);position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0%,var(--orb-color) 38%,color-mix(in srgb,var(--orb-color) 75%,#0a1730) 100%);color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 0 0 5px rgba(255,255,255,.08),0 0 32px var(--orb-glow)}.wifi-preview-orb::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid color-mix(in srgb,var(--orb-color) 55%,#fff);border-bottom-color:transparent;border-left-color:transparent;opacity:.7}
.wifi-game-preview b,.wifi-game-preview small{display:block}.wifi-game-preview small{margin-top:4px;color:var(--muted)}
.wifi-game-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wifi-game-tips{display:grid;gap:12px}
.wifi-game-note-list{display:grid;gap:9px}.wifi-game-note-list>div{padding:10px 12px;border-radius:14px;background:var(--surface-2)}.wifi-game-note-list b,.wifi-game-note-list span{display:block}.wifi-game-note-list span{margin-top:4px;color:var(--muted);font-size:13px}
.wifi-game-meta{color:var(--muted);font-size:12px;line-height:1.45}
.wifi-leaderboard{display:grid;gap:12px}
#wifiLeaderboard{display:grid;gap:8px}
#wifiLeaderboard>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface-2)}
#wifiLeaderboard>div.top{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}
#wifiLeaderboard b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}
#wifiLeaderboard span,#wifiLeaderboard small{display:block}
#wifiLeaderboard span{font-weight:750;color:var(--text)}
#wifiLeaderboard strong{color:var(--accent);font-size:22px}
#wifiLeaderboard small{grid-column:2;color:var(--muted);font-size:11px}
.about-project{display:grid;gap:16px}.about-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:26px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--surface)),var(--surface));box-shadow:var(--shadow)}
.about-hero>span{width:82px;height:82px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.12);color:var(--accent);font-size:30px;font-weight:900;letter-spacing:.08em}.about-hero h1,.about-hero p{margin:0}.about-hero p{margin-top:6px;color:var(--muted);max-width:720px}
.about-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.about-facts span{padding:7px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12px}.platform-rules{position:relative;overflow:hidden}.rule-number{color:color-mix(in srgb,var(--accent) 70%,var(--text));font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.platform-rules h3{margin:7px 0 6px}
.russian-edition>header{border-color:#4d0f0f}.russian-edition>header>span,.russian-edition .real-news-story>span,.russian-edition .real-news-lead span{color:#7c1d1d}.russian-edition>header h1{color:#4b1212}.russian-edition>footer{border-color:#4d0f0f}
.root-system .card p{margin-top:6px}
.meme-comment-form textarea.input{min-height:46px;max-height:110px;resize:none;overflow:auto}
@media(max-width:900px){html[data-navstyle="compact"] .shell{grid-template-columns:1fr}.wifi-game-layout{grid-template-columns:1fr}.wifi-game-banner{display:block}.wifi-game-badges{justify-content:flex-start;margin-top:10px}}
@media(max-width:600px){.weather-verdict{display:grid}.community-grid{grid-template-columns:1fr}.archive-file{grid-template-columns:auto minmax(0,1fr);align-items:start}.archive-file>div:last-child{grid-column:1/-1;justify-content:stretch}.archive-file>div:last-child .btn{flex:1 1 calc(50% - 8px)}.about-hero{grid-template-columns:1fr}.about-hero>span{width:64px;height:64px;font-size:24px}.wifi-game-hud{grid-template-columns:repeat(2,minmax(0,1fr))}.wifi-game-hud>div:last-child{grid-column:1/-1}.wifi-game footer{display:grid}.wifi-game-control-card .form-grid{grid-template-columns:1fr}.wifi-game-overlay{inset:0;padding:14px}}

/* v0.28.3 tactile layer and archive vault */
.page-context{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.page-context>span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent),0 0 14px color-mix(in srgb,var(--accent) 38%,transparent)}.page-context i{opacity:.45;font-style:normal}.page-context b{color:color-mix(in srgb,var(--accent) 78%,var(--text));font-weight:850}
.content{transition:opacity .18s ease,transform .18s cubic-bezier(.2,.75,.2,1);transform-origin:50% 0}.content.route-entering{opacity:.18;transform:translateY(7px) scale(.997)}
button,.clickable,summary,[data-go]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition-property:transform,filter,box-shadow,border-color,background-color;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
button:active,.clickable:active,summary:active,[data-go]:active,.tactile-pressed{transform:scale(.975)!important;filter:brightness(.96)}
.btn{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.045),0 2px 7px rgba(0,0,0,.08)}.btn.primary{box-shadow:inset 0 1px rgba(255,255,255,.3),0 7px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.btn:disabled{cursor:not-allowed;opacity:.45;filter:saturate(.55);box-shadow:none}.btn:not(:disabled):active{box-shadow:inset 0 2px 6px rgba(0,0,0,.2)}
.nav-item.active::after{content:"";width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.dock-item.active span:first-child{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 65%,transparent))}.card,.community-grid>button,.quick-tile,.archive-file{box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 24px rgba(0,0,0,.035)}
.input:focus,select:focus,textarea:focus,.archive-pin-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent),0 10px 26px rgba(0,0,0,.08)}
.toast.show{animation:toastTactile .26s cubic-bezier(.18,.9,.2,1)}
@keyframes toastTactile{from{opacity:0;transform:translate(-50%,12px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}

.archive-lock{position:relative;max-width:500px;margin:clamp(24px,7vh,74px) auto 0;padding:clamp(22px,5vw,38px);overflow:hidden;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 42%),linear-gradient(160deg,color-mix(in srgb,var(--surface) 96%,var(--accent)),var(--surface));box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055)}
.archive-lock::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.035) 48%,transparent 66%);transform:translateX(-100%);animation:vaultSheen 7s ease-in-out infinite}
@keyframes vaultSheen{0%,70%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
.archive-lock-orb{position:relative!important;width:86px!important;height:86px!important;margin:0 auto 16px!important;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:28px!important;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--accent) 42%,#fff),color-mix(in srgb,var(--accent) 14%,var(--surface-2)) 56%,var(--surface-2))!important;box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 14%,transparent),inset 0 1px rgba(255,255,255,.22)}.archive-lock-orb span{font-size:38px}.archive-lock-orb i{position:absolute;right:8px;bottom:8px;width:13px;height:13px;border:3px solid var(--surface);border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}
.archive-security-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:9px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.archive-security-label span{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 9px var(--ok)}
.archive-lock h2{font-size:clamp(24px,5vw,34px);letter-spacing:-.025em}.archive-lock form{gap:12px;margin-top:22px;text-align:left}.archive-pin-field>span{display:block;margin:0 0 6px 3px;color:var(--muted);font-size:11px;font-weight:750}.archive-pin-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--bg) 78%,var(--surface-2));transition:.16s ease}.archive-pin-input input{width:100%;min-width:0;padding:14px 15px;border:0;outline:0;color:var(--text);background:transparent;font-size:22px;font-weight:850;letter-spacing:.42em}.archive-pin-input input::placeholder{color:var(--muted);opacity:.55}.archive-pin-input em{padding-right:13px;color:var(--muted);font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}
.archive-pin-meter{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:2px}.archive-pin-meter i{height:4px;border-radius:999px;background:var(--surface-2);transition:.16s ease}.archive-pin-meter i.filled{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 56%,transparent);transform:scaleY(1.35)}
.archive-pin-hint{min-height:17px;color:var(--muted);font-size:12px;text-align:center}.archive-pin-hint.ok{color:var(--ok)}.archive-pin-hint.error{color:var(--danger);animation:pinShake .22s linear 2}@keyframes pinShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.archive-pin-submit{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px}.archive-pin-submit i{font-size:22px;font-style:normal;transition:.18s ease}.archive-pin-submit.loading i{width:17px;height:17px;border:2px solid color-mix(in srgb,var(--accent-text) 28%,transparent);border-top-color:var(--accent-text);border-radius:50%;font-size:0;animation:pinSpin .65s linear infinite}.archive-pin-submit.saved{background:var(--ok);border-color:var(--ok)}@keyframes pinSpin{to{transform:rotate(360deg)}}
.archive-lock footer{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:19px;padding-top:16px;border-top:1px solid var(--border);color:var(--muted)}.archive-lock footer span{color:var(--accent)}
@media(max-width:600px){.page-context{margin-bottom:6px}.archive-lock{margin-top:12px;border-radius:22px}.archive-pin-input input{font-size:20px;letter-spacing:.32em}.archive-lock-orb{width:72px!important;height:72px!important;border-radius:23px!important}}

/* v0.28.4 living interface layer */
.ambient-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.6}.ambient-layer i{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform}.ambient-layer i:nth-child(1){width:38vw;height:38vw;left:-18vw;top:8vh;background:color-mix(in srgb,var(--accent) 9%,transparent);animation:ambientDriftA 18s ease-in-out infinite alternate}.ambient-layer i:nth-child(2){width:31vw;height:31vw;right:-16vw;top:34vh;background:color-mix(in srgb,var(--link) 8%,transparent);animation:ambientDriftB 22s ease-in-out infinite alternate}.ambient-layer i:nth-child(3){width:26vw;height:26vw;left:38vw;bottom:-18vw;background:color-mix(in srgb,var(--accent) 6%,transparent);animation:ambientDriftA 26s ease-in-out infinite alternate-reverse}@keyframes ambientDriftA{to{transform:translate(9vw,5vh) scale(1.13)}}@keyframes ambientDriftB{to{transform:translate(-7vw,-8vh) scale(.88)}}
.app,.boot{position:relative;z-index:1}.app::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;inset:0 0 auto;z-index:120;height:2px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff));box-shadow:0 0 11px var(--accent);transition:transform .08s linear;pointer-events:none}.request-progress{position:fixed;inset:0 0 auto;z-index:121;height:3px;overflow:hidden;opacity:0;transition:opacity .16s ease;pointer-events:none}.request-progress i{display:block;width:34%;height:100%;border-radius:999px;background:var(--accent);box-shadow:0 0 13px var(--accent);transform:translateX(-110%)}.request-active .request-progress{opacity:1}.request-active .request-progress i{animation:requestTravel 1s cubic-bezier(.55,.1,.35,.92) infinite}@keyframes requestTravel{to{transform:translateX(400%)}}
.connection-pill{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border:1px solid color-mix(in srgb,var(--ok) 25%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--ok) 7%,var(--surface));color:var(--muted)}.connection-pill i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 12%,transparent),0 0 9px var(--ok);animation:onlineBreath 2.4s ease-in-out infinite}.connection-pill b{font-size:8px;letter-spacing:.12em}.connection-pill.offline{border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}.connection-pill.offline i{background:var(--danger);box-shadow:0 0 9px var(--danger);animation:none}@keyframes onlineBreath{50%{opacity:.55;transform:scale(.72)}}
.scroll-top-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:24px;z-index:48;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--border);border-radius:17px;color:var(--text);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 15px 38px rgba(0,0,0,.24);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translateY(14px) scale(.85);transition:.22s cubic-bezier(.2,.9,.2,1)}.scroll-top-button.show{opacity:1;pointer-events:auto;transform:none}.scroll-top-button>span{position:relative;z-index:2;font-size:19px}.scroll-top-button>i{--scroll-angle:0deg;position:absolute;inset:4px;border-radius:13px;background:conic-gradient(var(--accent) var(--scroll-angle),var(--surface-2) 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:2px}
.ripple-host{position:relative}.touch-ripple{position:absolute!important;z-index:9;width:12px!important;height:12px!important;margin:-6px 0 0 -6px!important;border:0!important;border-radius:50%!important;background:color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.3))!important;box-shadow:none!important;pointer-events:none!important;animation:touchRipple .6s ease-out forwards!important}@keyframes touchRipple{to{opacity:0;transform:scale(15)}}
.ui-reveal{animation:uiReveal .38s cubic-bezier(.18,.82,.2,1) both;animation-delay:calc(var(--reveal-index,0) * 24ms)}@keyframes uiReveal{from{opacity:0;transform:translateY(9px) scale(.993)}to{opacity:1;transform:none}}
.page-head{position:relative;padding-bottom:15px}.page-head::after{content:"";position:absolute;left:0;bottom:0;width:min(150px,28vw);height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.page-head h1{background:linear-gradient(105deg,var(--text) 15%,color-mix(in srgb,var(--text) 80%,var(--accent)));background-clip:text;-webkit-background-clip:text;color:transparent}
.topbar{box-shadow:0 8px 30px rgba(0,0,0,.05)}.brand-mark{position:relative;box-shadow:inset 0 1px rgba(255,255,255,.15),0 8px 22px color-mix(in srgb,var(--accent) 10%,transparent)}.brand-mark::after{content:"";position:absolute;right:4px;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok)}
.card{transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:inset 0 1px rgba(255,255,255,.04),0 13px 36px rgba(0,0,0,.08)}.card.clickable:hover{box-shadow:0 18px 42px rgba(0,0,0,.12),0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.kicker{display:flex;align-items:center;gap:7px}.kicker::before{content:"";width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 7px color-mix(in srgb,var(--accent) 62%,transparent)}
.metric{font-variant-numeric:tabular-nums;letter-spacing:-.035em;text-shadow:0 5px 20px color-mix(in srgb,var(--accent) 10%,transparent)}
.check-row{transition:background .14s ease,transform .14s ease}.check-row:active{transform:scale(.99)}.check-row span b,.check-row span small{display:block}.check-row span small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:500}.check-row input:checked+span{color:var(--text)}
.choice-card:has(input:checked){box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}
.mobile-dock{isolation:isolate}.mobile-dock::before{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.035);border-radius:inherit;pointer-events:none}.dock-item{position:relative}.dock-item.active::after{content:"";position:absolute;left:50%;bottom:4px;width:15px;height:3px;border-radius:999px;background:var(--accent);box-shadow:0 0 9px var(--accent);transform:translateX(-50%)}
.archive-file:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px)}.archive-upload label:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 13%,transparent)}
[data-animation="playful"] .ui-reveal{animation-name:uiRevealPlayful}@keyframes uiRevealPlayful{from{opacity:0;transform:translateY(13px) rotate(-.22deg) scale(.987)}to{opacity:1;transform:none}}
.reduce-motion .ambient-layer,.reduce-motion .touch-ripple{display:none}.reduce-motion .ui-reveal{animation:none}.reduce-motion .scroll-progress{transition:none}
@media(max-width:900px){.scroll-top-button{bottom:calc(92px + env(safe-area-inset-bottom))}}
@media(max-width:700px){.connection-pill{padding:0 7px}.connection-pill b{display:none}.connection-pill{width:28px;justify-content:center}.user-badge{display:none}.ambient-layer i{filter:blur(55px)}.ui-reveal{animation-delay:calc(var(--reveal-index,0) * 14ms)}}

/* v0.28.5 command center and detail laboratory */
.route-context{min-width:190px;max-width:260px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-left:12px;padding:6px 10px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:inset 0 1px rgba(255,255,255,.035)}.route-context>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));box-shadow:0 0 calc(18px * var(--glow-strength)) color-mix(in srgb,var(--accent) 14%,transparent)}.route-context small,.route-context b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-context small{color:var(--muted);font-size:7px;font-weight:850;letter-spacing:.12em}.route-context b{margin-top:2px;font-size:11px}.route-context time{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.back-button{font-size:28px;line-height:1}.command-button{position:relative;color:var(--accent)}.command-button::after{content:"K";position:absolute;right:3px;bottom:3px;min-width:12px;height:12px;display:grid;place-items:center;border-radius:4px;color:var(--muted);background:var(--surface-2);font-size:6px;font-weight:900}
.command-center{position:fixed;inset:0;z-index:110;display:grid;place-items:start center;padding:clamp(60px,11vh,120px) 14px 20px;background:rgba(2,7,6,.7);backdrop-filter:blur(16px) saturate(.85);animation:commandFade .18s ease}.command-panel{width:min(720px,100%);max-height:min(76vh,720px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:24px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 34px 110px rgba(0,0,0,.52),0 0 calc(60px * var(--glow-strength)) color-mix(in srgb,var(--accent) 10%,transparent);animation:commandIn .26s cubic-bezier(.18,.88,.2,1)}@keyframes commandFade{from{opacity:0}}@keyframes commandIn{from{opacity:0;transform:translateY(-15px) scale(.965)}}
.command-panel>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--border)}.command-panel>header>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));font-size:20px}.command-panel>header input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-size:17px}.command-panel kbd{padding:3px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;color:var(--muted);background:var(--surface-2);font:700 9px/1.2 Inter,sans-serif}.command-panel>header button{width:32px;height:32px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:22px}.command-body{overflow:auto;padding:10px}.command-body section+section{margin-top:12px}.command-body h3{margin:5px 8px 7px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.command-result{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:14px;color:var(--text);background:transparent;text-align:left}.command-result>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);font-size:19px}.command-result b,.command-result small{display:block}.command-result small{margin-top:2px;color:var(--muted);font-size:11px}.command-result em{padding:4px 7px;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface-2));font-size:8px;font-style:normal;font-weight:850;text-transform:uppercase}.command-result>i{color:var(--muted);font-style:normal;opacity:0}.command-result.selected{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));box-shadow:inset 3px 0 var(--accent)}.command-result.selected>span{color:var(--accent);box-shadow:0 0 calc(24px * var(--glow-strength)) color-mix(in srgb,var(--accent) 16%,transparent)}.command-result.selected>i{opacity:1}.command-panel>footer{display:flex;align-items:center;gap:18px;padding:10px 14px;border-top:1px solid var(--border);color:var(--muted);font-size:9px}.command-panel>footer span{display:flex;align-items:center;gap:4px}.command-panel>footer b{margin-left:auto;color:color-mix(in srgb,var(--accent) 70%,var(--muted));letter-spacing:.14em}.command-empty{min-height:260px;display:grid;place-content:center;gap:5px;text-align:center}.command-empty span{font-size:36px;color:var(--accent)}.command-empty b,.command-empty small{display:block}.command-empty small{color:var(--muted)}
.settings-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-title-row h2,.settings-title-row p{margin:0}.settings-title-row p{margin-top:6px}.settings-title-row>span{padding:5px 8px;border-radius:999px;color:var(--accent-text);background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:8px;font-weight:900;letter-spacing:.1em;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 16%,transparent)}.detail-lab{overflow:hidden;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 35%),var(--surface)}.detail-preview{position:relative;min-height:118px;display:flex;align-items:center;gap:14px;margin:17px 0;padding:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,var(--surface-2)),color-mix(in srgb,var(--accent-2) 10%,var(--surface-2)));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px calc(40px * var(--glow-strength)) rgba(0,0,0,.1)}.detail-preview>i{position:relative;z-index:1;width:36px;height:60px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.12)}.detail-preview>i:nth-child(2){height:78px;background:linear-gradient(var(--accent),var(--accent-2));box-shadow:0 0 calc(32px * var(--glow-strength)) color-mix(in srgb,var(--accent) 32%,transparent)}.detail-preview>i:nth-child(3){height:48px}.detail-preview>div{position:relative;z-index:1;margin-left:5px}.detail-preview small,.detail-preview b,.detail-preview em{display:block}.detail-preview small{color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.14em}.detail-preview b{margin-top:5px;font-size:20px}.detail-preview em{margin-top:4px;color:var(--muted);font-size:11px;font-style:normal}.detail-preview::after{content:"";position:absolute;width:180px;height:180px;right:-45px;top:-80px;border:1px solid color-mix(in srgb,var(--accent-2) 24%,transparent);border-radius:50%;box-shadow:0 0 0 22px color-mix(in srgb,var(--accent-2) 3%,transparent),0 0 0 44px color-mix(in srgb,var(--accent) 2%,transparent)}
html[data-details="clean"] .ambient-layer,html[data-details="clean"] .page-context,html[data-details="clean"] .route-context{display:none}html[data-details="clean"] .card{box-shadow:none}html[data-details="rich"] .app::before{opacity:.01}html[data-details="max"] .ambient-layer{opacity:calc(.32 + var(--glow-strength) * .56)}html[data-details="max"] .hero,html[data-details="max"] .wifi-game,html[data-details="max"] .about-hero{box-shadow:var(--shadow),0 0 calc(42px * var(--glow-strength)) color-mix(in srgb,var(--accent) 7%,transparent)}
.ambient-disabled .ambient-layer i{animation:none!important}.scroll-progress-disabled .scroll-progress{display:none}.network-badge-disabled .connection-pill{display:none}
@media(max-width:1100px){.route-context{display:none}.brand{margin-right:auto}}
@media(max-width:600px){.brand{display:none}.command-center{padding:10px}.command-panel{align-self:end;max-height:calc(100vh - 20px);border-radius:24px}.command-panel>footer span{display:none}.command-panel>header{grid-template-columns:auto minmax(0,1fr) auto}.command-panel>header>kbd{display:none}.command-result em{display:none}.detail-preview{padding:15px}.detail-preview>i{width:26px}.detail-preview>div{margin-left:0}.detail-preview b{font-size:17px}}

/* v0.28.6 hyperdetail engine */
html[data-fx-speed="calm"]{--fx-speed:1.45}html[data-fx-speed="normal"]{--fx-speed:1}html[data-fx-speed="turbo"]{--fx-speed:.62}
.system-ribbon{position:relative;z-index:20;display:flex;align-items:stretch;gap:1px;min-height:46px;overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,var(--bg));scrollbar-width:none}.system-ribbon::-webkit-scrollbar{display:none}.system-ribbon>div,.system-ribbon>button{min-width:max-content;display:flex;align-items:center;gap:8px;padding:7px 14px;border:0;border-right:1px solid var(--border);color:var(--text);background:transparent;text-align:left}.system-ribbon>div:first-child{padding-left:max(18px,env(safe-area-inset-left))}.system-ribbon span{font-style:normal}.system-ribbon>div>span:first-of-type,.system-ribbon>button>span:first-of-type{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:var(--route-tint,var(--accent));background:color-mix(in srgb,var(--route-tint,var(--accent)) 9%,var(--surface-2));font-size:12px}.system-ribbon small,.system-ribbon b{display:block;white-space:nowrap}.system-ribbon small{color:var(--muted);font-size:6px;font-weight:900;letter-spacing:.14em}.system-ribbon b{margin-top:2px;font-size:9px;letter-spacing:.035em}.system-ribbon i.live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 11%,transparent),0 0 12px var(--ok);animation:ribbonLive calc(2s * var(--fx-speed)) ease-in-out infinite}.system-ribbon button{position:relative;cursor:pointer}.system-ribbon button:hover{background:var(--surface-2)}.system-ribbon button>em{position:absolute;right:7px;top:5px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surface);border-radius:99px;color:#fff;background:var(--danger);font-size:7px;font-style:normal;font-weight:900}.ribbon-signal>i{height:20px;display:flex!important;align-items:flex-end!important;gap:2px!important}.ribbon-signal>i>em{width:3px;border-radius:2px;background:var(--ok);box-shadow:0 0 6px color-mix(in srgb,var(--ok) 45%,transparent)}.ribbon-signal>i>em:nth-child(1){height:5px}.ribbon-signal>i>em:nth-child(2){height:9px}.ribbon-signal>i>em:nth-child(3){height:13px}.ribbon-signal>i>em:nth-child(4){height:17px}.system-ribbon.offline .ribbon-signal>i>em{background:var(--danger);box-shadow:none}@keyframes ribbonLive{50%{opacity:.45;transform:scale(.7)}}
.global-unread-dot{position:absolute!important;right:5px!important;top:4px!important;min-width:15px!important;height:15px!important;display:grid!important;place-items:center!important;padding:0 3px!important;border:2px solid var(--surface)!important;border-radius:99px!important;color:#fff!important;background:var(--danger)!important;font-size:6px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;box-shadow:0 4px 10px rgba(255,70,70,.28)!important}
.content{position:relative;isolation:isolate}.content::before{content:attr(data-route-icon);position:absolute;z-index:-1;right:clamp(10px,4vw,65px);top:4px;color:var(--route-tint,var(--accent));font-size:clamp(100px,20vw,260px);font-weight:900;line-height:1;opacity:.025;filter:drop-shadow(0 0 calc(30px * var(--glow-strength)) var(--route-tint,var(--accent)));pointer-events:none;transform:rotate(-8deg)}.content>.page-head:first-child::before{content:attr(data-route-label);position:absolute;right:0;top:-8px;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;opacity:.45}
.cursor-spotlight{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(340px circle at var(--pointer-x,-500px) var(--pointer-y,-500px),color-mix(in srgb,var(--route-tint,var(--accent)) 7%,transparent),transparent 72%);transition:opacity .25s ease}.cursor-spotlight.visible{opacity:calc(.25 + var(--glow-strength) * .55)}.click-fx-layer{position:fixed;inset:0;z-index:130;overflow:hidden;pointer-events:none}.click-fx-layer>i{position:absolute;width:5px;height:5px;margin:-2px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--route-tint,var(--accent-2)));box-shadow:0 0 9px var(--accent);animation:touchSpark calc(.65s * var(--fx-speed)) cubic-bezier(.1,.65,.25,1) var(--spark-delay) forwards}@keyframes touchSpark{0%{opacity:1;transform:translate(0,0) scale(1)}70%{opacity:.85}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.15)}}
.is-tilting{transform:perspective(850px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-2px)!important;transform-style:preserve-3d;box-shadow:0 22px 52px rgba(0,0,0,.15),0 0 30px color-mix(in srgb,var(--route-tint,var(--accent)) 8%,transparent)!important}.long-pressed{animation:longPressPulse .4s ease!important}@keyframes longPressPulse{45%{filter:brightness(1.12);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),0 0 28px color-mix(in srgb,var(--accent) 18%,transparent)}}
.pull-indicator{--pull-distance:0px;position:fixed;z-index:70;left:50%;top:58px;min-width:270px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:17px;color:var(--text);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 16px 45px rgba(0,0,0,.24);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate(-50%,calc(-90px + var(--pull-distance)));transition:opacity .14s ease}.pull-indicator.visible{opacity:1}.pull-indicator>span{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));font-size:18px}.pull-indicator b,.pull-indicator small{display:block}.pull-indicator b{font-size:11px}.pull-indicator small{margin-top:2px;color:var(--muted);font-size:8px}.pull-indicator.refreshing>span{animation:pinSpin .7s linear infinite}
.quick-actions{position:fixed;z-index:54;right:max(18px,env(safe-area-inset-right));bottom:24px;width:58px;height:58px}.quick-orb{position:absolute;inset:0;width:58px;height:58px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:20px;color:var(--accent-text);background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 58%,var(--accent-2)));box-shadow:inset 0 1px rgba(255,255,255,.35),0 16px 38px color-mix(in srgb,var(--accent) 27%,transparent),0 0 calc(26px * var(--glow-strength)) color-mix(in srgb,var(--accent) 18%,transparent)}.quick-orb>span{font-size:27px;transition:transform calc(.24s * var(--fx-speed)) ease}.quick-orb>i{position:absolute;inset:-5px;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:24px;animation:quickOrbit calc(12s * var(--fx-speed)) linear infinite}.quick-actions.open .quick-orb>span{transform:rotate(45deg)}.quick-wheel{position:absolute;inset:0}.quick-wheel>button{position:absolute;right:5px;bottom:5px;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;color:var(--text);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translate(0,0) scale(.55);transition:calc(.22s * var(--fx-speed)) cubic-bezier(.18,.9,.2,1);transition-delay:calc(var(--quick-i) * 25ms)}.quick-wheel>button span{font-size:18px}.quick-wheel>button small{position:absolute;right:58px;padding:4px 7px;border-radius:7px;color:var(--text);background:var(--surface);box-shadow:var(--shadow);font-size:8px;opacity:0;transition:.15s;white-space:nowrap}.quick-wheel>button:hover small{opacity:1}.quick-actions.open .quick-wheel>button{opacity:1;pointer-events:auto;transform:translateY(calc(-64px - var(--quick-i) * 57px)) scale(1)}@keyframes quickOrbit{to{transform:rotate(360deg)}}
.scroll-top-button{right:88px}.fx-console{display:flex;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid var(--border);border-radius:17px;background:#080d13;color:#eaf8ff;box-shadow:inset 0 1px rgba(255,255,255,.055)}.fx-console>div{display:flex;align-items:flex-end;gap:3px;height:30px}.fx-console>div i{width:4px;border-radius:3px;background:linear-gradient(var(--accent-2),var(--accent));box-shadow:0 0 8px var(--accent);animation:fxBars calc(1.2s * var(--fx-speed)) ease-in-out infinite alternate}.fx-console>div i:nth-child(1){height:35%}.fx-console>div i:nth-child(2){height:90%;animation-delay:.2s}.fx-console>div i:nth-child(3){height:58%;animation-delay:.4s}.fx-console>div i:nth-child(4){height:76%;animation-delay:.6s}.fx-console span{min-width:0}.fx-console small,.fx-console b{display:block}.fx-console small{color:#6e8898;font-size:7px;letter-spacing:.15em}.fx-console b{margin-top:3px;font-size:11px}.fx-console>em{margin-left:auto;color:var(--accent);font-size:8px;font-style:normal;font-weight:900;letter-spacing:.1em}@keyframes fxBars{to{height:28%}}.fx-toggle{position:relative}.fx-toggle>i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--muted);opacity:.35}.fx-toggle:has(input:checked)>i{background:var(--ok);opacity:1;box-shadow:0 0 10px var(--ok)}
.status-ribbon-disabled .system-ribbon,.quick-orb-disabled .quick-actions,.fx-spotlight-disabled .cursor-spotlight{display:none}.fx-particles-disabled .click-fx-layer{display:none}.route-tint-disabled{--route-tint:var(--accent)!important}.reduce-motion .quick-orb>i,.reduce-motion .fx-console i,.reduce-motion .system-ribbon i.live{animation:none}
@media(max-width:900px){.system-ribbon{min-height:42px}.system-ribbon>div,.system-ribbon>button{padding:6px 11px}.quick-actions{bottom:calc(91px + env(safe-area-inset-bottom))}.scroll-top-button{right:84px}.content::before{top:15px;font-size:120px}.cursor-spotlight{display:none}}
@media(max-width:600px){.system-ribbon>div:nth-child(3),.system-ribbon>div:nth-child(4){display:none}.pull-indicator{top:63px;min-width:min(88vw,320px)}.quick-actions{right:14px}.scroll-top-button{right:80px}.content::before{right:5px;font-size:92px}.fx-studio .form-grid{gap:7px}}

/* v0.28.7 privileged slide entry */
.privileged-boot{position:relative;display:grid;place-items:center;overflow:auto;padding:clamp(16px,4vw,42px);background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--gate-accent,#ffb342) 18%,transparent),transparent 42%),#070a0d}.privileged-boot::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}.privileged-gate{--gate-accent:#58b8ff;position:relative;width:min(720px,100%);overflow:hidden;border:1px solid color-mix(in srgb,var(--gate-accent) 36%,#29343b);border-radius:30px;color:#eef7fb;background:linear-gradient(155deg,rgba(20,30,37,.98),rgba(8,13,17,.99));box-shadow:0 40px 120px rgba(0,0,0,.58),0 0 70px color-mix(in srgb,var(--gate-accent) 10%,transparent)}.privileged-gate.root{--gate-accent:#ffad45}.privileged-grid{position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(var(--gate-accent) 1px,transparent 1px),linear-gradient(90deg,var(--gate-accent) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 80% 0,#000,transparent 64%)}.privileged-gate>header{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:clamp(22px,5vw,42px);border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--gate-accent) 13%,transparent),transparent 35%)}.privileged-emblem{position:relative;width:94px;height:94px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gate-accent) 48%,#27333a);border-radius:29px;color:var(--gate-accent);background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--gate-accent) 25%,#fff),color-mix(in srgb,var(--gate-accent) 8%,#111b21) 52%,#0c1317);box-shadow:inset 0 1px rgba(255,255,255,.2),0 20px 45px color-mix(in srgb,var(--gate-accent) 14%,transparent)}.privileged-emblem>span{font-size:40px;font-weight:900}.privileged-emblem i{position:absolute;border:1px solid color-mix(in srgb,var(--gate-accent) 45%,transparent);border-radius:34px;animation:secureOrbit 8s linear infinite}.privileged-emblem i:nth-of-type(1){inset:-8px;border-style:dashed}.privileged-emblem i:nth-of-type(2){inset:-16px;opacity:.35;animation-direction:reverse;animation-duration:13s}@keyframes secureOrbit{to{transform:rotate(360deg)}}.privileged-gate header small{color:var(--gate-accent);font-size:9px;font-weight:900;letter-spacing:.16em}.privileged-gate header h1{margin:7px 0 5px;font-size:clamp(27px,5vw,46px);letter-spacing:-.045em}.privileged-gate header p{max-width:510px;margin:0;color:#93a5ae;line-height:1.48}.privileged-status-row{position:relative;display:flex;gap:7px;overflow-x:auto;padding:10px clamp(18px,5vw,40px);border-bottom:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.14);scrollbar-width:none}.privileged-status-row span{min-width:max-content;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#78909b;font-size:7px;font-weight:850;letter-spacing:.1em}.privileged-status-row i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#53d49c;box-shadow:0 0 7px #53d49c}.privileged-gate form{position:relative;display:grid;gap:14px;padding:clamp(22px,5vw,40px)}.privileged-gate form>label>span{display:block;margin:0 0 7px 3px;color:#81949d;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.privileged-password{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#080d11;transition:.18s}.privileged-password:focus-within{border-color:var(--gate-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--gate-accent) 10%,transparent),0 12px 32px rgba(0,0,0,.22)}.privileged-password input{width:100%;padding:15px;border:0;outline:0;color:#f3fbff;background:transparent;font-size:17px;letter-spacing:.05em}.privileged-password button{width:45px;height:45px;margin-right:4px;border:0;border-radius:13px;color:#78909b;background:transparent}.privileged-gate-hint{min-height:18px;color:#768993;font-size:10px;text-align:center}.privileged-gate-hint.ok{color:#53d49c}.privileged-gate-hint.error{color:#ff7474;animation:pinShake .22s linear 2}.privileged-gate-hint.working{color:var(--gate-accent)}.privileged-slider{--slide-progress:0;position:relative;height:64px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#080d11;box-shadow:inset 0 3px 12px rgba(0,0,0,.35);touch-action:none;user-select:none;opacity:.58;transition:opacity .18s,border-color .18s,box-shadow .18s}.privileged-slider.ready{opacity:1;border-color:color-mix(in srgb,var(--gate-accent,#48a7ff) 28%,rgba(255,255,255,.1))}.privileged-slider-fill{position:absolute;inset:0 auto 0 0;width:64px;background:linear-gradient(90deg,color-mix(in srgb,var(--gate-accent,#48a7ff) 32%,transparent),color-mix(in srgb,var(--gate-accent,#48a7ff) 8%,transparent));pointer-events:none}.privileged-slider-label{position:absolute;inset:0;display:grid;place-items:center;color:#71838c;font-size:10px;font-weight:900;letter-spacing:.18em;pointer-events:none}.privileged-slider-handle{position:absolute;z-index:2;left:5px;top:5px;width:54px;height:54px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--gate-accent,#48a7ff) 55%,#27343c);border-radius:16px;color:#071015;background:linear-gradient(145deg,var(--gate-accent,#48a7ff),color-mix(in srgb,var(--gate-accent,#48a7ff) 65%,#fff));box-shadow:inset 0 1px rgba(255,255,255,.42),0 8px 24px color-mix(in srgb,var(--gate-accent,#48a7ff) 20%,transparent);cursor:grab;will-change:transform}.privileged-slider-handle:active{cursor:grabbing}.privileged-slider-handle b{font-size:19px;letter-spacing:-.2em;transform:translateX(-2px)}.privileged-slider>em{position:absolute;right:12px;top:50%;color:#52636b;font-size:8px;font-style:normal;font-variant-numeric:tabular-nums;transform:translateY(-50%)}.privileged-slider.dragging{border-color:var(--gate-accent,#48a7ff);box-shadow:inset 0 3px 12px rgba(0,0,0,.35),0 0 25px color-mix(in srgb,var(--gate-accent,#48a7ff) 14%,transparent)}.privileged-slider.unlocking .privileged-slider-handle{animation:unlockHandle .7s ease-in-out infinite alternate}.privileged-slider.unlocked{border-color:#53d49c;box-shadow:0 0 30px rgba(83,212,156,.16)}.privileged-slider.unlocked .privileged-slider-fill{background:rgba(83,212,156,.22)}.privileged-slider.unlocked .privileged-slider-label{color:#53d49c}@keyframes unlockHandle{to{filter:brightness(1.2);box-shadow:0 0 30px var(--gate-accent,#48a7ff)}}.privileged-slider.compact{--gate-accent:#58b8ff;margin-top:18px}.privileged-gate>footer{position:relative;display:flex;justify-content:space-between;gap:12px;padding:13px clamp(20px,5vw,40px);border-top:1px solid rgba(255,255,255,.07);color:#53656e;background:rgba(0,0,0,.16);font-size:7px;font-weight:850;letter-spacing:.1em}
.security-settings{display:grid;gap:14px}.security-hero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;overflow:hidden;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--security-accent) 15%,transparent),transparent 36%),var(--surface)}.security-hero.root{--security-accent:#ffad45}.security-hero.sudo{--security-accent:#58b8ff}.security-hero>span{width:74px;height:74px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--security-accent) 35%,var(--border));border-radius:23px;color:var(--security-accent);background:color-mix(in srgb,var(--security-accent) 10%,var(--surface-2));font-size:31px;font-weight:900;box-shadow:0 15px 35px color-mix(in srgb,var(--security-accent) 12%,transparent)}.security-hero h2,.security-hero p{margin:0}.security-hero p{margin-top:6px;color:var(--muted);line-height:1.5}.security-hero code{color:var(--security-accent)}.security-facts{display:flex;flex-wrap:wrap;gap:8px}.security-facts span{padding:8px 10px;border:1px solid var(--border);border-radius:10px;color:var(--muted);background:var(--surface-2);font-size:11px}.security-facts i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok)}.sudo-password-card{--gate-accent:#58b8ff}
@media(max-width:600px){.privileged-boot{padding:0}.privileged-gate{min-height:100vh;border:0;border-radius:0}.privileged-gate>header{grid-template-columns:1fr;padding-top:max(28px,env(safe-area-inset-top))}.privileged-emblem{width:70px;height:70px;border-radius:23px}.privileged-emblem>span{font-size:29px}.privileged-status-row{padding-inline:18px}.privileged-gate form{padding:20px 18px}.privileged-gate>footer{display:grid}.privileged-slider{height:60px}.privileged-slider-handle{width:50px;height:50px}.security-hero{grid-template-columns:1fr}.security-hero>span{width:60px;height:60px}}

/* v0.28.9 experimental animated home backgrounds */
.route-home{overflow:hidden}.route-home>.home-animated-bg~*{position:relative;z-index:1}
.home-animated-bg{--home-bg-duration:18s;position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none;background:color-mix(in srgb,var(--bg) 92%,transparent);opacity:.92}
.home-animated-bg.speed-slow{--home-bg-duration:30s}.home-animated-bg.speed-fast{--home-bg-duration:10s}
.home-animated-bg>div,.home-animated-bg>span,.home-animated-bg>b,.home-bg-particles>i{position:absolute;display:block}
.home-bg-core,.home-bg-grid{inset:0}.home-bg-particles{inset:0}.home-bg-particles>i{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--s) * 1px);height:calc(var(--s) * 1px)}
.home-animated-bg>span,.home-animated-bg>b{display:none}
.home-bg-preview{position:relative;min-height:190px;margin:16px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:20px;background:var(--bg);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.home-bg-preview .home-animated-bg{z-index:0;inset:0;opacity:1}.home-bg-preview>div:last-child{position:absolute;z-index:3;left:16px;bottom:14px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(12px)}
.home-bg-preview small,.home-bg-preview b{display:block}.home-bg-preview small{color:var(--accent);font-size:7px;font-weight:900;letter-spacing:.16em}.home-bg-preview b{margin-top:3px;font-size:12px}
.experimental-background-card{position:relative;overflow:hidden}.experimental-background-card::after{content:"LAB";position:absolute;right:-8px;top:48px;color:var(--accent);font-size:80px;font-weight:950;opacity:.025;transform:rotate(90deg)}
.experimental-warning{position:relative;z-index:1;display:grid;gap:3px;margin-top:14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--warn) 35%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--warn) 7%,var(--surface-2))}
.experimental-warning b{color:var(--warn);font-size:11px}.experimental-warning span{color:var(--muted);font-size:10px;line-height:1.45}.experimental-switch{grid-column:1/-1}.experimental-switch:has(input:disabled){opacity:.6}.experimental-switch>i{width:8px;height:8px;margin-left:auto;border-radius:50%;background:var(--muted);box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 8%,transparent)}
.experimental-background-card.is-unlocked .experimental-switch>i{background:var(--accent);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 65%,transparent)}.experimental-unlock{position:relative;z-index:2;width:100%;margin-top:14px;border-color:color-mix(in srgb,var(--accent) 36%,var(--border));color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}

/* Fiber routes */
.scene-fiber .home-bg-core{background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 26%),radial-gradient(circle at 84% 75%,color-mix(in srgb,var(--accent-2) 16%,transparent),transparent 30%)}
.scene-fiber>span{display:block;width:130%;height:2px;left:-20%;top:calc(18% + var(--fiber-y,0%));background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 42%,transparent);opacity:.42;transform:rotate(var(--fiber-r,-11deg));animation:homeFiber var(--home-bg-duration) linear infinite}
.scene-fiber>span:nth-of-type(2){--fiber-y:28%;--fiber-r:8deg;animation-delay:-7s;opacity:.26}.scene-fiber>span:nth-of-type(3){--fiber-y:58%;--fiber-r:-5deg;animation-delay:-13s;opacity:.32}
.scene-fiber .home-bg-particles>i{border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:homeSignal calc(var(--home-bg-duration) * .7) ease-in-out infinite;animation-delay:calc(var(--i) * -.41s)}
@keyframes homeFiber{0%{transform:translateX(-20%) rotate(var(--fiber-r))}50%{filter:hue-rotate(22deg);opacity:.7}100%{transform:translateX(20%) rotate(var(--fiber-r))}}@keyframes homeSignal{50%{opacity:.12;transform:scale(.25)}}

/* Aurora */
.scene-aurora .home-bg-core{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 45%,color-mix(in srgb,var(--accent-2) 9%,transparent))}
.scene-aurora>span{display:block;left:-15%;top:-30%;width:65%;height:150%;border-radius:50%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 32%,transparent),transparent);filter:blur(30px);mix-blend-mode:screen;animation:homeAurora var(--home-bg-duration) ease-in-out infinite alternate}
.scene-aurora>span:nth-of-type(2){left:30%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent);animation-delay:-8s;animation-direction:alternate-reverse}.scene-aurora>span:nth-of-type(3){left:68%;width:38%;opacity:.6;animation-delay:-14s}
.scene-aurora .home-bg-particles>i{display:none}@keyframes homeAurora{to{transform:translate(18%,8%) rotate(14deg) scaleX(1.25)}}

/* Particles and stars */
.scene-particles .home-bg-core,.scene-stars .home-bg-core{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%)}
.scene-particles .home-bg-particles>i{border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 calc(var(--s) * 1px) color-mix(in srgb,var(--accent) 70%,transparent);opacity:.45;animation:homeFloat calc(var(--home-bg-duration) + var(--i) * .4s) ease-in-out infinite alternate}
.scene-stars{background:color-mix(in srgb,var(--bg) 94%,#02050d)}.scene-stars .home-bg-particles>i{border-radius:50%;background:#fff;box-shadow:0 0 8px color-mix(in srgb,var(--accent) 75%,#fff);opacity:calc(.25 + var(--s) * .055);animation:homeTwinkle calc(2s + var(--i) * .15s) ease-in-out infinite alternate}
@keyframes homeFloat{to{transform:translate(var(--drift),var(--rise)) scale(1.4);opacity:.12}}@keyframes homeTwinkle{to{opacity:.1;transform:scale(.45)}}

/* Expanding waves and Wi-Fi radar */
.scene-waves .home-bg-core,.scene-signal .home-bg-core{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 48%)}
.scene-waves>b,.scene-signal>b{display:block;left:50%;top:45%;width:120px;height:120px;margin:-60px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;animation:homeWave var(--home-bg-duration) ease-out infinite;opacity:0}
.scene-waves>b:nth-of-type(2),.scene-signal>b:nth-of-type(2){animation-delay:calc(var(--home-bg-duration) / -3)}.scene-waves>b:nth-of-type(3),.scene-signal>b:nth-of-type(3){animation-delay:calc(var(--home-bg-duration) * -2 / 3)}
.scene-waves .home-bg-particles>i{display:none}.scene-signal .home-bg-particles>i{border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);animation:homeTwinkle calc(1.8s + var(--i) * .12s) infinite alternate}
.scene-signal .home-bg-grid{left:50%;top:45%;right:auto;bottom:auto;width:48%;height:1px;transform-origin:left;background:linear-gradient(90deg,var(--accent),transparent);animation:homeRadar calc(var(--home-bg-duration) * .65) linear infinite}
@keyframes homeWave{0%{opacity:.6;transform:scale(.15)}100%{opacity:0;transform:scale(8)}}@keyframes homeRadar{to{transform:rotate(360deg)}}

/* Matrix and rain */
.scene-matrix .home-bg-core{background:linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent),transparent 35%)}.scene-matrix .home-bg-particles>i,.scene-rain .home-bg-particles>i{top:-18%;width:2px;height:clamp(35px,8vh,90px);border-radius:3px;background:linear-gradient(transparent,var(--accent));box-shadow:0 7px 11px color-mix(in srgb,var(--accent) 35%,transparent);opacity:.35;animation:homeRain calc(var(--home-bg-duration) * .45 + var(--i) * .1s) linear infinite;animation-delay:calc(var(--i) * -.53s)}
.scene-matrix .home-bg-particles>i{width:calc(3px + var(--s) * .25px);background:repeating-linear-gradient(to bottom,var(--accent) 0 5px,transparent 5px 10px);filter:drop-shadow(0 0 5px var(--accent))}
.scene-rain .home-bg-core{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-2) 11%,transparent),transparent 58%)}.scene-rain .home-bg-particles>i{transform:rotate(10deg);background:linear-gradient(transparent,color-mix(in srgb,var(--accent-2) 72%,#fff))}
@keyframes homeRain{to{top:112%;opacity:.05}}

/* Blueprint */
.scene-blueprint .home-bg-core{background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 30%)}.scene-blueprint .home-bg-grid{opacity:.22;background-image:linear-gradient(color-mix(in srgb,var(--accent) 45%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 45%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent-2) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 22%,transparent) 1px,transparent 1px);background-size:48px 48px,48px 48px,12px 12px,12px 12px;animation:homeGrid var(--home-bg-duration) linear infinite}.scene-blueprint .home-bg-particles>i{border:1px solid var(--accent);background:var(--bg);transform:rotate(45deg);animation:homeTwinkle calc(3s + var(--i) * .1s) infinite alternate}
@keyframes homeGrid{to{background-position:48px 48px,48px 48px,12px 12px,12px 12px}}

/* Plasma and nebula */
.scene-plasma .home-bg-core{inset:-45%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 24%,transparent),transparent 18%,color-mix(in srgb,var(--accent-2) 22%,transparent) 37%,transparent 58%,color-mix(in srgb,var(--accent) 20%,transparent));filter:blur(38px);animation:homePlasma var(--home-bg-duration) linear infinite}.scene-plasma .home-bg-particles>i{display:none}
.scene-nebula .home-bg-core{background:radial-gradient(ellipse at 18% 20%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 32%),radial-gradient(ellipse at 78% 70%,color-mix(in srgb,var(--accent-2) 20%,transparent),transparent 37%),radial-gradient(ellipse at 56% 38%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 24%);filter:blur(12px);animation:homeNebula var(--home-bg-duration) ease-in-out infinite alternate}.scene-nebula .home-bg-particles>i{border-radius:50%;background:#fff;box-shadow:0 0 7px var(--accent);opacity:.35;animation:homeTwinkle calc(2s + var(--i) * .13s) infinite alternate}
@keyframes homePlasma{to{transform:rotate(360deg) scale(1.08)}}@keyframes homeNebula{to{transform:translate(4%,-3%) scale(1.12);filter:blur(20px) hue-rotate(18deg)}}

/* Snow */
.scene-snow .home-bg-core{background:linear-gradient(155deg,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 55%)}.scene-snow .home-bg-particles>i{top:-8%;border-radius:50%;background:color-mix(in srgb,#fff 80%,var(--accent));box-shadow:0 0 7px color-mix(in srgb,var(--accent-2) 45%,transparent);opacity:.65;animation:homeSnow calc(var(--home-bg-duration) * .7 + var(--i) * .15s) linear infinite;animation-delay:calc(var(--i) * -.7s)}
@keyframes homeSnow{to{top:108%;transform:translateX(var(--drift)) rotate(240deg);opacity:.18}}

.reduce-motion .home-animated-bg *{animation:none!important}.reduce-motion .home-animated-bg{opacity:.45}
@media(max-width:600px){.home-bg-preview{min-height:160px}.experimental-background-card .form-grid{grid-template-columns:1fr}.experimental-background-card .field,.experimental-switch{grid-column:1}.home-animated-bg{opacity:.72}}

/* v0.28.9 unified accent system and interface telemetry */
.page-head{position:relative}.page-head::after{content:"";position:absolute;right:0;bottom:-10px;width:min(180px,28vw);height:1px;background:linear-gradient(90deg,transparent,var(--route-tint,var(--accent)));opacity:.35}
.page-head-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.page-head-meta span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--border);border-radius:7px;color:var(--muted);background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:7px;font-weight:850;letter-spacing:.1em}.page-head-meta i{width:5px;height:5px;border-radius:50%;background:var(--route-tint,var(--accent));box-shadow:0 0 8px color-mix(in srgb,var(--route-tint,var(--accent)) 70%,transparent);animation:telemetryPulse calc(2.2s * var(--fx-speed,1)) ease-in-out infinite}
@keyframes telemetryPulse{50%{opacity:.32;transform:scale(.65)}}
.ui-detail-frame{position:relative}.ui-detail-frame::after{content:"";position:absolute;z-index:2;right:8px;top:8px;width:16px;height:16px;border-top:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 42%,transparent);border-right:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 42%,transparent);border-radius:0 6px 0 0;pointer-events:none;opacity:.7}.ui-detail-frame::before{content:"";position:absolute;z-index:2;left:8px;bottom:8px;width:10px;height:10px;border-left:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 22%,transparent);border-bottom:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 22%,transparent);border-radius:0 0 0 4px;pointer-events:none}

.weather-verdict{--verdict-color:var(--accent);position:relative;grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;overflow:hidden;padding:12px 14px;border:1px solid color-mix(in srgb,var(--verdict-color) 36%,var(--border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--verdict-color) 13%,var(--surface-2)),color-mix(in srgb,var(--verdict-color) 3%,var(--surface-2)));box-shadow:inset 3px 0 var(--verdict-color)}
.weather-verdict::after{content:"";position:absolute;right:-18px;top:-22px;width:90px;height:90px;border:1px solid color-mix(in srgb,var(--verdict-color) 17%,transparent);border-radius:50%;box-shadow:0 0 0 12px color-mix(in srgb,var(--verdict-color) 3%,transparent),0 0 0 25px color-mix(in srgb,var(--verdict-color) 2%,transparent)}
.weather-verdict>i{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--verdict-color) 38%,var(--border));border-radius:11px;color:var(--verdict-color);background:color-mix(in srgb,var(--verdict-color) 9%,var(--surface));font-size:18px;font-style:normal;font-weight:950;box-shadow:0 0 18px color-mix(in srgb,var(--verdict-color) 10%,transparent)}
.weather-verdict>div{min-width:0}.weather-verdict small,.weather-verdict b,.weather-verdict span{display:block}.weather-verdict small{color:var(--verdict-color);font-size:7px;font-weight:900;letter-spacing:.14em}.weather-verdict b{margin-top:2px}.weather-verdict span{margin-top:2px;color:var(--muted);font-size:11px}.weather-verdict>em{position:relative;z-index:2;color:var(--verdict-color);font-size:8px;font-style:normal;font-weight:950;letter-spacing:.14em}
.weather-verdict.warn{--verdict-color:var(--warn)}.weather-verdict.bad{--verdict-color:var(--danger)}

.weather-pro-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 18%,var(--border));box-shadow:0 22px 55px rgba(0,0,0,.1)}.weather-pro-hero::before{content:"METEO / FIELD OPS";position:absolute;right:18px;top:13px;color:var(--route-tint,var(--accent));font-size:7px;font-weight:950;letter-spacing:.16em;opacity:.48}.weather-pro-icon{position:relative!important;width:90px;height:90px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 25%,var(--border));border-radius:28px;background:color-mix(in srgb,var(--route-tint,var(--accent)) 8%,var(--surface-2));font-size:52px!important}.weather-pro-icon>i{position:absolute;inset:-6px;border:1px dashed color-mix(in srgb,var(--route-tint,var(--accent)) 26%,transparent);border-radius:33px;animation:secureOrbit calc(18s * var(--fx-speed,1)) linear infinite}.weather-pro-now{min-width:0}.weather-data-line{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.weather-data-line span,.weather-data-line b{padding:4px 6px;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:7px;letter-spacing:.09em}.weather-data-line b{color:var(--route-tint,var(--accent));border-color:color-mix(in srgb,var(--route-tint,var(--accent)) 28%,var(--border))}
.weather-metric-grid>div{position:relative;overflow:hidden;min-height:94px;padding:16px 13px 12px}.weather-metric-grid>div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--route-tint,var(--accent)),var(--accent-2));transform:scaleX(var(--metric-fill,.5));transform-origin:left;opacity:.55}.weather-metric-grid em{position:absolute;right:9px;top:8px;color:var(--route-tint,var(--accent));font-size:7px;font-style:normal;font-weight:900;letter-spacing:.12em;opacity:.55}.weather-metric-grid>div>i{position:absolute;right:-16px;bottom:-23px;width:60px;height:60px;border:1px solid color-mix(in srgb,var(--route-tint,var(--accent)) 10%,transparent);border-radius:50%}
.weather-hourly-section>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.weather-hourly-section>header small,.weather-week-title small{color:var(--route-tint,var(--accent));font-size:7px;font-weight:900;letter-spacing:.15em}.weather-hourly-section>header>span{color:var(--muted);font-size:9px}.weather-hourly article{position:relative;overflow:hidden;border:1px solid transparent;transition:.18s}.weather-hourly article:hover{border-color:color-mix(in srgb,var(--route-tint,var(--accent)) 30%,var(--border));transform:translateY(-2px)}.weather-hourly article>i{position:absolute;right:6px;top:6px;width:4px;height:4px;border-radius:50%;background:var(--route-tint,var(--accent));box-shadow:0 0 7px var(--route-tint,var(--accent));opacity:var(--hour-opacity,.5)}
.weather-week-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:25px 0 12px}.weather-week-title h2{margin:3px 0 0}.weather-week-title>span{color:var(--muted);font-size:9px}.weather-pro-day{overflow:hidden}.weather-pro-day header{position:relative}.weather-pro-day header>em{margin-left:auto;color:var(--route-tint,var(--accent));font-size:8px;font-style:normal;font-weight:900;letter-spacing:.12em;opacity:.55}.weather-day-bars{margin:11px 0 8px}.weather-day-bars>i{display:block;width:var(--value);height:3px;border-radius:99px;background:linear-gradient(90deg,var(--route-tint,var(--accent)),var(--accent-2));box-shadow:0 0 9px color-mix(in srgb,var(--route-tint,var(--accent)) 22%,transparent)}.weather-day-bars span{display:block;margin-top:5px;color:var(--muted);font-size:8px}

/* Any positive/online state follows the user's accent instead of a fixed green. */
.privileged-status-row i{background:var(--gate-accent);box-shadow:0 0 9px color-mix(in srgb,var(--gate-accent) 65%,transparent)}.privileged-gate-hint.ok,.privileged-slider.unlocked .privileged-slider-label{color:var(--gate-accent);background:transparent;box-shadow:none}
.privileged-slider.unlocked{border-color:var(--gate-accent);box-shadow:0 0 30px color-mix(in srgb,var(--gate-accent) 16%,transparent)}.privileged-slider.unlocked .privileged-slider-fill{background:color-mix(in srgb,var(--gate-accent) 22%,transparent)}
.security-facts i,.archive-lock-orb i,.archive-security-label span,.connection-pill i,.brand-mark::after,.system-ribbon i.live,.ribbon-signal>i>em,.fx-toggle:has(input:checked)>i{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 62%,transparent)}
.connection-pill{border-color:color-mix(in srgb,var(--accent) 25%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.archive-pin-submit.saved{background:var(--accent);border-color:var(--accent)}.archive-pin-hint.ok,.status.ok{color:var(--accent)}.result.ok{border-left-color:var(--accent)}

@media(max-width:600px){.page-head-meta span:nth-child(3){display:none}.weather-verdict{grid-template-columns:auto minmax(0,1fr)}.weather-verdict>em{display:none}.weather-pro-icon{width:68px;height:68px;border-radius:22px;font-size:39px!important}.weather-pro-hero::before{display:none}.weather-data-line span:nth-last-child(-n+2){display:none}.weather-week-title{align-items:flex-start}.weather-week-title>span{display:none}}

/* v0.29.0 semantic safety colors and differentiated haptics */
.status.ok,.archive-pin-hint.ok{color:var(--ok)}.result.ok{border-left-color:var(--ok)}
.weather-verdict{--verdict-color:var(--ok)}
.security-facts i,.archive-lock-orb i,.archive-security-label span,.connection-pill i,.brand-mark::after,.system-ribbon i.live,.ribbon-signal>i>em{background:var(--ok);box-shadow:0 0 10px color-mix(in srgb,var(--ok) 62%,transparent)}
.connection-pill{border-color:color-mix(in srgb,var(--ok) 25%,var(--border));background:color-mix(in srgb,var(--ok) 7%,var(--surface))}.archive-pin-submit.saved{background:var(--ok);border-color:var(--ok)}
.presence-badge.available,.presence-badge.busy{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 28%,var(--border));background:color-mix(in srgb,var(--ok) 7%,var(--surface-2))}
.presence-badge.available i,.presence-badge.busy i{box-shadow:0 0 9px color-mix(in srgb,var(--ok) 78%,transparent);animation:semanticOnline 2s ease-in-out infinite}
.presence-badge.dnd{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface-2))}
@keyframes semanticOnline{50%{opacity:.48;transform:scale(.72)}}

.engineering-warning-list{display:grid;gap:8px}.engineering-warning{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;overflow:hidden;padding:12px 13px;border:1px solid color-mix(in srgb,var(--danger) 55%,var(--border));border-radius:13px;color:#ffd9dd;background:linear-gradient(105deg,color-mix(in srgb,var(--danger) 15%,var(--surface-2)),color-mix(in srgb,var(--danger) 4%,var(--surface-2)));box-shadow:inset 3px 0 var(--danger);animation:dangerPulse 1.25s ease-in-out infinite}
.engineering-warning>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--danger) 60%,transparent);border-radius:9px;color:#fff;background:color-mix(in srgb,var(--danger) 26%,transparent);font-style:normal;font-weight:950;box-shadow:0 0 15px color-mix(in srgb,var(--danger) 35%,transparent)}
.engineering-warning>span{font-size:12px;font-weight:700;line-height:1.45}.engineering-clear{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid color-mix(in srgb,var(--ok) 28%,var(--border));border-radius:13px;color:var(--ok);background:color-mix(in srgb,var(--ok) 6%,var(--surface-2))}.engineering-clear i{font-style:normal;font-weight:950}

.result.bad,.status.bad,.btn.danger,.error-box,.toast.error,.weather-verdict.bad{border-color:color-mix(in srgb,var(--danger) 58%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 8%,transparent),0 0 24px color-mix(in srgb,var(--danger) 16%,transparent);animation:dangerPulse 1.25s ease-in-out infinite}
.result.bad{border-left-color:var(--danger);background:linear-gradient(115deg,color-mix(in srgb,var(--danger) 9%,var(--surface)),var(--surface) 42%)}
.result.ok .kicker{color:var(--ok)}.result.warn .kicker{color:var(--warn)}.result.bad .kicker{color:var(--danger)}
.status.bad{color:#fff;background:color-mix(in srgb,var(--danger) 20%,var(--surface-2))}
.btn.danger{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 35%,#26060b),color-mix(in srgb,var(--danger-strong) 22%,#170408))}
.toast.error{background:linear-gradient(135deg,#351016,#1c0a0d);color:#fff}
.error-box{background:linear-gradient(115deg,color-mix(in srgb,var(--danger) 18%,#1b090d),#16090c);color:#ffd9dd}
.input-error{border-color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 7%,var(--bg))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 13%,transparent),0 0 22px color-mix(in srgb,var(--danger) 22%,transparent)!important;animation:dangerPulse .75s ease-in-out 2}
@keyframes dangerPulse{0%,100%{filter:saturate(.94);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 7%,transparent),0 0 13px color-mix(in srgb,var(--danger) 10%,transparent)}50%{filter:saturate(1.18);box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 18%,transparent),0 0 31px color-mix(in srgb,var(--danger) 34%,transparent)}}

.modal-card:has(.weather-danger-alert){width:min(650px,100%);overflow:hidden;border-color:color-mix(in srgb,var(--danger) 62%,#3c151b);background:radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--danger) 28%,transparent),transparent 45%),linear-gradient(155deg,#220b10,#0f090b 70%);box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 55px color-mix(in srgb,var(--danger) 26%,transparent);animation:dangerModalPulse 1.2s ease-in-out infinite}
.modal-card:has(.weather-danger-alert) .modal-close{border-color:color-mix(in srgb,var(--danger) 42%,transparent);color:#fff;background:color-mix(in srgb,var(--danger) 18%,#18090c)}
.weather-danger-alert{padding:14px clamp(4px,2vw,16px) 4px;color:#fff;text-align:center}.weather-danger-siren{position:relative;width:92px;height:92px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid color-mix(in srgb,var(--danger) 70%,#fff);border-radius:29px;color:#fff;background:radial-gradient(circle at 35% 28%,#ff8390,var(--danger) 43%,#8c101f);box-shadow:inset 0 1px rgba(255,255,255,.4),0 0 35px color-mix(in srgb,var(--danger) 48%,transparent)}.weather-danger-siren>span{font-size:49px;font-weight:950}.weather-danger-siren>i{position:absolute;inset:-9px;border:1px solid color-mix(in srgb,var(--danger) 65%,transparent);border-radius:35px;animation:dangerRing 1.15s ease-out infinite}.weather-danger-siren>i:last-child{animation-delay:.55s}
.weather-danger-code{color:#ff9aa4;font-size:8px;font-weight:950;letter-spacing:.2em}.weather-danger-alert h2{margin:8px 0 5px;color:#fff;font-size:clamp(31px,8vw,52px);letter-spacing:-.045em;text-shadow:0 0 25px color-mix(in srgb,var(--danger) 58%,transparent)}.weather-danger-alert>p{max-width:510px;margin:0 auto;color:#ffc6cc;line-height:1.5}.weather-danger-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.weather-danger-facts>span{padding:12px 8px;border:1px solid color-mix(in srgb,var(--danger) 24%,rgba(255,255,255,.1));border-radius:13px;background:rgba(255,255,255,.035)}.weather-danger-facts small,.weather-danger-facts b{display:block}.weather-danger-facts small{color:#b9878d;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.weather-danger-facts b{margin-top:5px;font-size:14px}.weather-danger-rule{padding:13px;border:1px solid color-mix(in srgb,var(--danger) 44%,transparent);border-radius:13px;color:#ffd5d9;background:color-mix(in srgb,var(--danger) 11%,transparent);font-size:12px;font-weight:750;line-height:1.45}.weather-danger-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:17px}
@keyframes dangerRing{0%{opacity:.8;transform:scale(.82)}100%{opacity:0;transform:scale(1.32)}}@keyframes dangerModalPulse{50%{border-color:var(--danger);box-shadow:0 35px 100px rgba(0,0,0,.62),0 0 80px color-mix(in srgb,var(--danger) 38%,transparent)}}
.reduce-motion .result.bad,.reduce-motion .status.bad,.reduce-motion .btn.danger,.reduce-motion .error-box,.reduce-motion .toast.error,.reduce-motion .weather-verdict.bad,.reduce-motion .engineering-warning,.reduce-motion .modal-card:has(.weather-danger-alert),.reduce-motion .weather-danger-siren>i{animation:none!important}
@media(max-width:600px){.weather-danger-alert{padding-top:7px}.weather-danger-siren{width:72px;height:72px;border-radius:23px}.weather-danger-siren>span{font-size:38px}.weather-danger-facts{grid-template-columns:1fr}.weather-danger-facts>span{display:flex;align-items:center;justify-content:space-between}.weather-danger-facts b{margin:0}.weather-danger-actions{display:grid}.weather-danger-actions .btn{width:100%}}