*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--bg: #06080d;--bg-elev: #0e131c;--bg-card: #131a26;--bg-card-hover: #1a2336;--bg-input: #0b1018;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8edf5;--text-dim: #9aa3b3;--text-faint: #5a6273;--success: #00e5b8;--warning: #ffba3c;--danger: #ff3b6b;--info: #4d8cff;--accent: #00e5b8;--accent-2: #4d8cff;--accent-soft: rgba(0, 229, 184, .12);--accent-strong: rgba(0, 229, 184, .32);--glow: 0 0 24px rgba(0, 229, 184, .4);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, .1, 1);--dur-fast: .16s;--dur: .26s;--dur-slow: .42s;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55)}html,body{height:100%;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}html{font-size:16px;scroll-behavior:smooth}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.55;color:var(--text);background:var(--bg);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,var(--accent-soft) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(77,140,255,.06) 0%,transparent 70%);background-attachment:fixed;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:contain;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:background-image var(--dur-slow) var(--ease)}input,textarea{user-select:text;-webkit-user-select:text;font-family:inherit;color:inherit;background:transparent;border:none;outline:none}button{font-family:inherit;color:inherit;background:none;border:none;cursor:pointer;outline:none}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}.mono,code,kbd,.id-pill,.id-mono{font-family:JetBrains Mono,Courier New,monospace;font-feature-settings:"liga" 0,"calt" 0;letter-spacing:.02em}.screen{position:fixed;inset:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);z-index:10;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen.active{opacity:1;pointer-events:auto}#screen-boot{justify-content:center;align-items:center}.scanlines{position:fixed;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 2px,rgba(255,255,255,.012) 3px,transparent 4px);opacity:.5}body[data-fx-scanlines=off] .scanlines{display:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);min-height:60px;background:#06080dc7;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar__back{width:40px;height:40px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.topbar__back:hover{background:var(--bg-card);color:var(--text)}.topbar__back:active{transform:scale(.94)}.topbar__title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);font-weight:700;font-size:.9375rem;min-width:0;flex:1;justify-content:center}.topbar__title--start{justify-content:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:48px;padding:12px 22px;border-radius:var(--radius);font-size:.9375rem;font-weight:600;letter-spacing:.01em;border:1px solid var(--border);background:var(--bg-card);color:var(--text);transition:transform var(--dur-fast) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease);position:relative;overflow:hidden}.btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.4)}.btn--primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--accent-2)));color:#04130f;border-color:transparent;box-shadow:0 6px 24px var(--accent-strong);font-weight:700}.btn--primary:hover{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white))}.btn--ghost{background:transparent}.btn--ghost:hover{background:var(--bg-card)}.btn--danger{background:#ff3b6b1a;border-color:#ff3b6b59;color:var(--danger)}.btn--danger:hover{background:#ff3b6b2e}.btn--block{width:100%}.btn--lg{min-height:56px;font-size:1rem;padding:14px 28px}.btn--sm{min-height:36px;font-size:.8125rem;padding:8px 14px}.btn--icon{width:40px;height:40px;padding:0;min-height:40px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-5);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease)}.card--glass{background:linear-gradient(160deg,#ffffff08,#ffffff03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card--soft{padding:var(--s-4);border-radius:var(--radius)}.card--interactive{cursor:pointer}.card--interactive:hover{background:var(--bg-card-hover);border-color:var(--border-strong);transform:translateY(-2px)}.card--interactive:active{transform:translateY(0)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-size:.8125rem;color:var(--text-dim);font-weight:500}.field__input,.field__textarea{width:100%;min-height:48px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9375rem;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field__input:focus,.field__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field__input::placeholder,.field__textarea::placeholder{color:var(--text-faint)}.field__textarea{resize:vertical;min-height:84px;line-height:1.5;font-family:inherit}.field__hint{font-size:.75rem;color:var(--text-faint)}.field__error{font-size:.75rem;color:var(--danger);display:flex;align-items:center;gap:6px}.switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;flex-shrink:0}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{width:100%;height:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;position:relative;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.switch__track:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.switch input:checked+.switch__track{background:var(--accent-soft);border-color:var(--accent)}.switch input:checked+.switch__track:after{transform:translate(-20px);background:var(--accent);box-shadow:0 0 12px var(--accent)}[dir=rtl] .switch input:checked+.switch__track:after{transform:translate(-20px)}.seg{display:flex;gap:4px;padding:4px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius)}.seg__btn{flex:1;padding:10px 12px;border-radius:calc(var(--radius) - 4px);font-size:.8125rem;font-weight:500;color:var(--text-dim);transition:background var(--dur) var(--ease),color var(--dur) var(--ease);min-height:38px;display:flex;align-items:center;justify-content:center}.seg__btn:hover{color:var(--text)}.seg__btn[aria-pressed=true],.seg__btn.is-active{background:var(--bg-card-hover);color:var(--accent);font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border);color:var(--text-dim)}.pill--accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pill--warn{background:#ffba3c1f;border-color:#ffba3c59;color:var(--warning)}.pill--danger{background:#ff3b6b1f;border-color:#ff3b6b59;color:var(--danger)}.pill--info{background:#4d8cff1f;border-color:#4d8cff59;color:var(--info)}.pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill__dot--pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.divider{height:1px;background:var(--border);margin:var(--s-3) 0}.spacer-1{height:var(--s-1)}.spacer-2{height:var(--s-2)}.spacer-3{height:var(--s-3)}.spacer-4{height:var(--s-4)}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-card-hover);border:1px solid var(--border-strong);color:var(--text);padding:12px 20px;border-radius:var(--radius);font-size:.875rem;font-weight:500;z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);max-width:90vw}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast--error{border-color:var(--danger);color:var(--danger)}.toast--success{border-color:var(--success);color:var(--success)}.boot{display:flex;flex-direction:column;align-items:center;gap:var(--s-5);padding:var(--s-8)}.boot__mark{position:relative;width:88px;height:88px}.boot__mark-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin 1.2s linear infinite}.boot__mark-core{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent-soft),transparent 75%);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent);text-shadow:0 0 16px var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.boot__title{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.32em;color:var(--text)}.boot__subtitle{font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.18em;color:var(--text-dim)}.boot__status{font-size:.875rem;color:var(--text-dim);margin-top:var(--s-4)}.boot-error{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--s-6);background:#000000bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;animation:fadeIn .22s ease-out}.boot-error__card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);text-align:center}.boot-error__icon{font-size:2.25rem;color:var(--warning);line-height:1}.boot-error__title{font-size:1.0625rem;font-weight:700}.boot-error__detail{font-size:.875rem;color:var(--text-dim);line-height:1.55;word-break:break-word}.boot-error__actions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-2)}body[data-role=civilian]{--accent: #00e5b8;--accent-2: #4d8cff;--accent-soft: rgba(0, 229, 184, .12);--accent-strong: rgba(0, 229, 184, .32);--glow: 0 0 24px rgba(0, 229, 184, .4)}body[data-role=hacker]{--accent: #ff3b6b;--accent-2: #ff7847;--accent-soft: rgba(255, 59, 107, .12);--accent-strong: rgba(255, 59, 107, .32);--glow: 0 0 24px rgba(255, 59, 107, .4)}body[data-role=police]{--accent: #4d8cff;--accent-2: #7cc4ff;--accent-soft: rgba(77, 140, 255, .12);--accent-strong: rgba(77, 140, 255, .32);--glow: 0 0 24px rgba(77, 140, 255, .4)}body[data-role=mesh]{--accent: #b87cff;--accent-2: #d4a3ff;--accent-soft: rgba(184, 124, 255, .12);--accent-strong: rgba(184, 124, 255, .32);--glow: 0 0 24px rgba(184, 124, 255, .4)}.screen-pad{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-4);flex:0 0 auto}.screen-pad--lg{padding:var(--s-5) var(--s-4) calc(var(--s-6) + env(safe-area-inset-bottom));gap:var(--s-5)}.h1{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.h2{font-size:1.125rem;font-weight:700}.lead{font-size:.9375rem;color:var(--text-dim);line-height:1.6}.entry{display:flex;flex-direction:column;gap:var(--s-6)}.entry__brand{text-align:center;padding:var(--s-6) 0 var(--s-3)}.entry__title{font-family:JetBrains Mono,monospace;font-size:1.75rem;font-weight:700;letter-spacing:.25em;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}.entry__subtitle{font-size:.875rem;color:var(--text-dim);letter-spacing:.08em}.entry__list{display:grid;gap:var(--s-3)}.entry-card{display:grid;grid-template-columns:56px 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:start;font-family:inherit;color:inherit;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.entry-card:not(:disabled):hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-soft)}.entry-card:not(:disabled):active{transform:translateY(0)}.entry-card:disabled{opacity:.4;cursor:not-allowed}.entry-card__icon{width:56px;height:56px;border-radius:var(--radius);background:var(--accent-soft);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--accent);flex-shrink:0}.entry-card__body{display:flex;flex-direction:column;gap:4px;min-width:0}.entry-card__title{font-weight:700;font-size:1.0625rem}.entry-card__desc{font-size:.8125rem;color:var(--text-dim);line-height:1.5}.entry-card__chev{color:var(--text-faint);font-size:1.25rem;transition:color var(--dur) var(--ease),transform var(--dur) var(--ease)}.entry-card:hover .entry-card__chev{color:var(--accent);transform:translate(-4px)}.entry-card__soon{font-family:JetBrains Mono,monospace;font-size:.625rem;letter-spacing:.15em;padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text-faint);border:1px solid var(--border)}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}@media (max-width: 380px){.role-grid{grid-template-columns:1fr}}.role-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-5) var(--s-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:start;font-family:inherit;color:inherit;position:relative;overflow:hidden;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);min-height:168px}.role-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -10%,var(--card-accent-soft, transparent),transparent 60%);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease)}.role-card:hover:before{opacity:1}.role-card:hover{background:var(--bg-card-hover);border-color:var(--card-accent, var(--accent));transform:translateY(-2px);box-shadow:0 12px 32px var(--card-accent-soft, var(--accent-soft))}.role-card:active{transform:translateY(0)}.role-card__icon{width:44px;height:44px;border-radius:var(--radius);background:var(--card-accent-soft, var(--accent-soft));border:1px solid var(--card-accent, var(--accent));color:var(--card-accent, var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.5rem}.role-card__title{font-weight:700;font-size:1.0625rem;color:var(--text)}.role-card__desc{font-size:.75rem;color:var(--text-dim);line-height:1.5;flex:1}.role-card[data-role=civilian]{--card-accent: #00e5b8;--card-accent-soft: rgba(0, 229, 184, .12)}.role-card[data-role=hacker]{--card-accent: #ff3b6b;--card-accent-soft: rgba(255, 59, 107, .12)}.role-card[data-role=police]{--card-accent: #4d8cff;--card-accent-soft: rgba(77, 140, 255, .12)}.role-card[data-role=mesh]{--card-accent: #b87cff;--card-accent-soft: rgba(184, 124, 255, .12)}.role-card[disabled],.role-card.is-disabled{opacity:.45;cursor:not-allowed}.role-card__soon{position:absolute;top:12px;inset-inline-end:12px;font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.15em;padding:2px 8px;border-radius:var(--radius-pill);background:var(--bg-input);color:var(--text-faint);border:1px solid var(--border)}.perm{display:flex;flex-direction:column;gap:var(--s-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-5)}.perm__row{display:grid;grid-template-columns:36px 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.perm__row[data-status=ok]{border-color:#00e5b859}.perm__row[data-status=warn]{border-color:#ffba3c59}.perm__row[data-status=fail]{border-color:#ff3b6b59}.perm__dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;background:var(--bg-card-hover);color:var(--text-faint)}.perm__row[data-status=ok] .perm__dot{background:#00e5b82e;color:var(--success)}.perm__row[data-status=warn] .perm__dot{background:#ffba3c2e;color:var(--warning)}.perm__row[data-status=fail] .perm__dot{background:#ff3b6b2e;color:var(--danger)}.perm__title{font-weight:600;font-size:.9375rem}.perm__detail{font-size:.75rem;color:var(--text-dim);margin-top:2px}.perm__action{font-size:.75rem;font-weight:600;color:var(--accent);padding:6px 10px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent)}.perm__action:hover{background:var(--accent-strong)}.perm__note{font-size:.8125rem;color:var(--text-dim);padding:var(--s-3);background:var(--bg-input);border-radius:var(--radius);border:1px solid var(--border)}.perm__note[data-severity=ok]{border-color:#00e5b84d}.perm__note[data-severity=warn]{border-color:#ffba3c4d}.perm__note[data-severity=fail]{border-color:#ff3b6b4d}.id-pill{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.9375rem;letter-spacing:.08em;color:var(--text)}.id-pill__copy{width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);background:transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.id-pill__copy:hover{background:var(--bg-card);color:var(--accent)}.app{display:flex;flex-direction:column;flex:1;min-height:0}.app__main{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);padding-bottom:calc(var(--s-12) + 120px + env(safe-area-inset-bottom))}.id-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;border-radius:var(--radius-pill);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent);font-weight:700;font-size:.8125rem;cursor:pointer;transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.id-chip:hover{filter:brightness(1.15);transform:translateY(-1px)}.id-chip:active{transform:scale(.98)}.id-chip__icon{font-size:.9375rem;line-height:1}.id-chip__name{color:var(--text);font-weight:600}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 1.4s ease-in-out infinite}.signal-card{position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 8%,var(--bg-card)),var(--bg-card) 70%);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:var(--radius-xl);padding:var(--s-4) var(--s-4) var(--s-3);overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:0 8px 32px #00000040,0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}.signal-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(120% 80% at 50% -20%,var(--accent-soft),transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease)}.signal-card:has(.signal-dot.is-listening):before{opacity:.85}.signal-card:has(.signal-dot.is-tx):before{opacity:1;background:radial-gradient(120% 80% at 50% -20%,rgba(255,186,60,.22),transparent 50%)}.signal-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:2px 4px 12px;position:relative;z-index:1}.signal-card__title{display:inline-flex;align-items:center;gap:12px;font-size:.9375rem;font-weight:700;letter-spacing:.01em}.signal-card__toggle{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);font-size:1rem;transition:all var(--dur) var(--ease)}.signal-card__toggle.is-on{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 50%,var(--accent-2)));border-color:transparent;color:#04130f;box-shadow:0 4px 20px var(--accent-strong)}.signal-card__toggle:hover{transform:scale(1.06)}.signal-card__toggle:active{transform:scale(.94)}.signal-card__toggle:disabled{opacity:.4;cursor:not-allowed;transform:none}.signal-card__canvas{display:block;width:100%;height:108px;border-radius:var(--radius);background:linear-gradient(180deg,#00000059,#0000001f);position:relative;z-index:1}.signal-card__foot{display:flex;justify-content:space-between;align-items:center;padding:10px 4px 0;font-size:.75rem;position:relative;z-index:1}.signal-card__health{display:flex;align-items:center;gap:8px;padding:8px 4px 0;position:relative;z-index:1;font-size:.6875rem}.signal-card__health-bar{flex:1;height:6px;border-radius:999px;background:var(--bg-input);overflow:hidden}.signal-card__health-fill{height:100%;width:0%;background:var(--text-faint);transition:width .22s ease-out,background .28s ease}.signal-card__health-fill[data-band=good]{background:linear-gradient(90deg,var(--success),color-mix(in srgb,var(--success) 60%,var(--accent-2)))}.signal-card__health-fill[data-band=mid]{background:linear-gradient(90deg,var(--warning),#ff9544)}.signal-card__health-fill[data-band=low]{background:linear-gradient(90deg,var(--danger),#ff7080)}.signal-card__health-pct{color:var(--text-dim);font-weight:700;min-width:40px;text-align:end}.signal-card__health-snr{color:var(--text-faint)}.signal-card__calib{margin-top:10px;padding:8px 12px;border-radius:var(--radius);font-size:.75rem;font-weight:600;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);animation:msg-enter .28s var(--ease) backwards;position:relative;z-index:1}.signal-card__calib[data-tone=success]{border-color:#00e5b866;color:var(--success);background:#00e5b80f}.signal-card__calib[data-tone=warn]{border-color:#ffba3c66;color:var(--warning);background:#ffba3c0f}.signal-card__calib[data-tone=error]{border-color:#ff3b6b66;color:var(--danger);background:#ff3b6b0f}.signal-card__calib[data-tone=info]{border-color:var(--border);color:var(--text-dim)}.signal-dot{width:12px;height:12px;border-radius:50%;background:var(--text-faint);display:inline-block;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);position:relative}.signal-dot.is-on,.signal-dot.is-listening{background:var(--success);box-shadow:0 0 16px var(--success),0 0 32px color-mix(in srgb,var(--success) 50%,transparent);animation:signal-pulse 1.6s ease-in-out infinite}.signal-dot.is-tx{background:var(--warning);box-shadow:0 0 18px var(--warning),0 0 36px color-mix(in srgb,var(--warning) 50%,transparent);animation:signal-pulse .55s ease-in-out infinite}@keyframes signal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.status-bar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.feed{display:flex;flex-direction:column;gap:var(--s-3)}.feed__empty{padding:var(--s-10) var(--s-4);text-align:center;color:var(--text-faint);font-size:.875rem;border:1px dashed var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.msg{display:flex;flex-direction:column;gap:8px;padding:12px 16px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;animation:msg-enter .32s var(--ease) backwards;box-shadow:0 2px 8px #0000002e;max-width:92%}@keyframes msg-enter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.msg--mine{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--bg-card)),color-mix(in srgb,var(--accent) 10%,var(--bg-card)));border-color:color-mix(in srgb,var(--accent) 40%,transparent);align-self:flex-end;box-shadow:0 4px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.msg--role-hacker{border-color:color-mix(in srgb,#ff3b6b 50%,transparent);background:linear-gradient(135deg,rgba(255,59,107,.1),rgba(255,59,107,.03) 60%,var(--bg-card));box-shadow:0 4px 18px #ff3b6b2e}.msg--role-hacker .msg__from{color:#ff3b6b}.msg--role-police{border-color:color-mix(in srgb,#4d8cff 50%,transparent);background:linear-gradient(135deg,rgba(77,140,255,.1),rgba(77,140,255,.03) 60%,var(--bg-card))}.msg--role-police .msg__from{color:#4d8cff}.msg--role-mesh{border-color:color-mix(in srgb,#b87cff 45%,transparent);background:linear-gradient(135deg,rgba(184,124,255,.1),rgba(184,124,255,.03) 60%,var(--bg-card))}.msg--role-mesh .msg__from{color:#b87cff}.msg--locked{border-color:#ffba3c66;background:linear-gradient(135deg,rgba(255,186,60,.06),var(--bg-card) 70%)}.msg--system{border-style:dashed;background:var(--bg-elev)}.msg--spoofed{border-color:var(--danger);box-shadow:0 4px 18px #ff3b6b40}.msg--inspect{border-color:var(--info);background:linear-gradient(135deg,rgba(77,140,255,.06),var(--bg-card) 70%)}.msg__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.7rem}.msg__from{font-weight:700;color:var(--text);font-size:.875rem;letter-spacing:.01em}.msg__role-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-pill);font-size:.625rem;font-weight:700;letter-spacing:.06em;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.msg__role-tag[data-role=hacker]{background:#ff3b6b29;color:#ff3b6b;border-color:#ff3b6b66}.msg__role-tag[data-role=police]{background:#4d8cff29;color:#4d8cff;border-color:#4d8cff66}.msg__role-tag[data-role=civilian]{background:#00e5b824;color:#00e5b8;border-color:#00e5b85c}.msg__role-tag[data-role=mesh]{background:#b87cff29;color:#b87cff;border-color:#b87cff66}.msg__id{font-family:JetBrains Mono,monospace;color:var(--text-faint);font-size:.6875rem;letter-spacing:.04em}.msg__time{color:var(--text-faint);margin-inline-start:auto;font-family:JetBrains Mono,monospace;font-size:.6875rem}.msg__body{font-size:.9375rem;line-height:1.6;color:var(--text);word-break:break-word;white-space:pre-wrap}.msg__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.msg__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--radius-pill);font-size:.625rem;font-weight:700;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.msg__chip--locked{background:#ffba3c1f;color:var(--warning);border-color:#ffba3c66}.msg__chip--enc{background:#00e5b81f;color:var(--success);border-color:#00e5b866}.msg__chip--ttl{background:#4d8cff1f;color:var(--info);border-color:#4d8cff66}.msg__chip--target{background:#b87cff1f;color:#b87cff;border-color:#b87cff66}.msg__chip--ultra{background:#ff78471f;color:#ff7847;border-color:#ff784766}.msg__chip--spoof{background:#ff3b6b1f;color:var(--danger);border-color:#ff3b6b66}.msg__inspect{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;background:#4d8cff24;border:1px solid rgba(77,140,255,.4);color:var(--info);margin-inline-start:auto;transition:all var(--dur-fast) var(--ease)}.msg__inspect:hover{background:#4d8cff42;transform:translateY(-1px)}.msg__inspect:active{transform:translateY(0)}.msg__inspect-result{margin-top:4px;padding:8px 12px;border-radius:var(--radius-sm);font-size:.7rem;background:var(--bg-input);border:1px solid var(--border);font-family:JetBrains Mono,monospace;color:var(--text-dim);font-weight:700;letter-spacing:.05em}.msg__inspect-result--spoofed{border-color:var(--danger);color:var(--danger);background:#ff3b6b1a;box-shadow:inset 0 0 0 1px #ff3b6b4d}.msg__inspect-result--clean{border-color:var(--success);color:var(--success);background:#00e5b81a}.msg__expiring{color:var(--warning);font-variant-numeric:tabular-nums}.msg__quote{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-inline-start:3px solid color-mix(in srgb,var(--accent) 50%,transparent);background:#ffffff08;border-radius:var(--radius-sm);font-size:.75rem}.msg__quote-from{color:var(--accent);font-weight:700}.msg__quote-body{color:var(--text-dim)}.msg__actions{display:flex;gap:4px;margin-top:4px;align-self:flex-end;opacity:.5;transition:opacity var(--dur-fast) var(--ease)}.msg:hover .msg__actions{opacity:1}.msg__action,.msg__reaction-pick{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;transition:all var(--dur-fast) var(--ease)}.msg__action:hover,.msg__reaction-pick:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.msg__action:active,.msg__reaction-pick:active{transform:translateY(0)}.msg__reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.msg__reactions:empty{display:none}.msg__reaction{padding:3px 8px;border-radius:var(--radius-pill);background:var(--bg-input);border:1px solid var(--border);font-size:.875rem;animation:msg-enter .22s var(--ease)}.msg__reaction.is-mine{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.msg--burn{border-color:#ff3b6b73;box-shadow:0 4px 18px #ff3b6b2e}.msg--burning{animation:burn-pulse 1.2s ease-in-out infinite}@keyframes burn-pulse{0%,to{box-shadow:0 4px 18px #ff3b6b2e}50%{box-shadow:0 4px 28px #ff3b6b8c}}.composer{position:fixed;inset-inline-start:0;inset-inline-end:0;bottom:0;z-index:20;background:linear-gradient(180deg,#06080d00,#06080dd9 30%,#06080dfa);padding:var(--s-4) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom));pointer-events:none}.composer__inner{pointer-events:auto;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 5%,var(--bg-card)),var(--bg-card) 70%);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:var(--radius-xl);padding:var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);box-shadow:0 10px 32px #0006;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.composer__quote{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:#ffffff0a;border-inline-start:3px solid var(--accent);border-radius:var(--radius-sm);font-size:.75rem}.composer__quote-meta{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-weight:600}.composer__quote-body{color:var(--text-dim)}.composer__quote-x{width:24px;height:24px;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-size:.875rem}.composer__quote-x:hover{background:var(--bg-input);color:var(--text)}.composer__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.composer__chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:700;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.composer__chip:hover{transform:translateY(-1px);background:var(--bg-card-hover);color:var(--text)}.composer__chip:active{transform:translateY(0)}.composer__chip.is-active{background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--accent) 6%,transparent));border-color:var(--accent);color:var(--accent)}.composer__chip-close{margin-inline-start:4px;font-size:.875rem;opacity:.7}.composer__row{display:flex;align-items:flex-end;gap:var(--s-2)}.composer__input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;resize:none;font-size:.9375rem;font-family:inherit;color:var(--text);min-height:48px;max-height:140px;line-height:1.55;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.composer__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.composer__send{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--accent-2)));color:#04130f;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 6px 22px var(--accent-strong);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur-fast) var(--ease)}.composer__send:disabled{background:var(--bg-input);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.composer__send:not(:disabled):hover{transform:scale(1.08);box-shadow:0 10px 32px var(--accent-strong)}.composer__send:not(:disabled):active{transform:scale(.95)}.composer__meta{display:flex;justify-content:space-between;font-size:.6875rem;color:var(--text-faint);font-family:JetBrains Mono,monospace;padding:0 4px}.composer__progress{height:4px;background:var(--bg-input);border-radius:2px;overflow:hidden;position:relative}.composer__progress-fill{position:absolute;inset-inline-start:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .1s linear;box-shadow:0 0 8px var(--accent-strong)}.composer__more{width:44px;height:44px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;font-size:1.0625rem;transition:all var(--dur) var(--ease)}.composer__more:hover,.composer__more.is-open{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}body[data-role=mesh] .composer{display:none}.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.diag-cell{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.diag-cell__label{font-size:.625rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.diag-cell__value{font-size:1rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.diag-h3{margin:16px 0 8px;font-size:.875rem;font-weight:700;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.diag-peers{display:flex;flex-direction:column;gap:6px}.diag-peer{display:grid;grid-template-columns:20px 1fr auto auto;gap:10px;align-items:center;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem}.diag-peer__dot[data-online="1"]{color:var(--success)}.diag-peer__dot[data-online="0"]{color:var(--text-faint)}.diag-peer__name{font-weight:600}.diag-peer__id{font-size:.6875rem;color:var(--text-faint)}.diag-peer__snr{font-size:.6875rem;color:var(--text-dim)}.diag-table{width:100%;border-collapse:collapse;font-size:.8125rem}.diag-table th,.diag-table td{padding:6px 8px;text-align:start;border-bottom:1px solid var(--border)}.diag-table th{color:var(--text-dim);font-weight:600}.diag-toolbar{display:flex;gap:6px;margin:8px 0 12px}.diag-log{max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:.75rem}.diag-log-row{display:grid;grid-template-columns:70px 16px 80px 1fr 80px;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);align-items:center}.diag-log-row[data-status=failed]{border-color:#ff3b6b66}.diag-log-row[data-status=delivered]{border-color:#00e5b866}.diag-log-row__time{color:var(--text-faint)}.diag-log-row__role{font-weight:600}.diag-log-row__body{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag-log-row__status{color:var(--text-dim);text-align:end}.lab-info{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);margin:8px 0 12px;font-size:.8125rem}.lab-info__row{display:flex;justify-content:space-between;color:var(--text-dim)}.lab-hint{padding:10px 12px;border-radius:var(--radius);background:#4d8cff14;border:1px solid rgba(77,140,255,.3);color:var(--text);font-size:.8125rem;margin-bottom:12px}.lab-progress{height:8px;border-radius:4px;background:var(--bg-input);overflow:hidden;margin:10px 0 4px}.lab-progress__fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s ease}.lab-progress__label{font-size:.6875rem;color:var(--text-dim);text-align:center}.lab-bars{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;align-items:end;padding:12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);height:130px}.lab-bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%}.lab-bar__fill{width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:2px;min-height:2px;transition:height .2s ease}.lab-bar__label{font-size:.55rem;color:var(--text-faint);text-align:center;white-space:nowrap}.sheet__panel--tall{max-height:92vh}.ai-source-badge{display:inline-block;align-self:flex-start;padding:4px 10px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:700;letter-spacing:.04em;background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);margin-bottom:6px}.ai-source-badge[data-source=cloud]{background:#4d8cff29;color:var(--info);border-color:#4d8cff66}.ai-source-badge[data-source=local]{background:#b87cff24;color:#b87cff;border-color:#b87cff66}.ai-feed{display:flex;flex-direction:column;gap:10px;min-height:240px;max-height:50vh;overflow-y:auto;padding:4px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.ai-welcome{text-align:center;padding:32px 16px;display:flex;flex-direction:column;gap:8px;align-items:center}.ai-welcome__icon{font-size:2.5rem}.ai-welcome__title{font-size:1.0625rem;font-weight:700}.ai-welcome__sub{font-size:.8125rem;color:var(--text-dim);max-width:280px}.ai-bubble{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);max-width:92%;animation:msg-enter .22s var(--ease) backwards}.ai-bubble--user{align-self:flex-end;background:linear-gradient(135deg,var(--accent-soft),var(--bg-card) 80%);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.ai-bubble--assistant{align-self:flex-start;background:linear-gradient(135deg,rgba(184,124,255,.12),var(--bg-card) 80%);border-color:#b87cff59}.ai-bubble.is-thinking .ai-bubble__body{font-size:1.25rem;letter-spacing:6px;color:var(--text-faint);animation:thinking 1.4s ease-in-out infinite}@keyframes thinking{0%,to{opacity:.3}50%{opacity:1}}.ai-bubble__head{display:flex;justify-content:space-between;align-items:center;font-size:.6875rem;color:var(--text-dim);font-weight:600}.ai-bubble__source{font-size:.625rem;color:var(--text-faint);font-family:JetBrains Mono,monospace}.ai-bubble__body{font-size:.9375rem;line-height:1.65;color:var(--text);white-space:pre-wrap;word-break:break-word}.ai-bubble__teach{align-self:flex-end;font-size:.6875rem;padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);margin-top:2px}.ai-bubble__teach:hover{color:var(--accent);border-color:var(--accent)}.ai-bubble__teach:disabled{opacity:.5;cursor:default}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.ai-sug{padding:6px 12px;border-radius:var(--radius-pill);background:var(--bg-input);border:1px solid var(--border);color:var(--text);font-size:.75rem;transition:all var(--dur-fast) var(--ease)}.ai-sug:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ai-composer{display:flex;gap:8px;align-items:flex-end}.ai-composer__input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;resize:none;font-family:inherit;font-size:.9375rem;color:var(--text);min-height:44px;max-height:120px;line-height:1.5}.ai-composer__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ai-composer__send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04130f;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px var(--accent-strong);transition:transform var(--dur-fast) var(--ease)}.ai-composer__send:disabled{background:var(--bg-input);color:var(--text-faint);box-shadow:none;cursor:not-allowed}.ai-composer__send:not(:disabled):hover{transform:scale(1.06)}.ai-toolbar{display:flex;gap:6px;justify-content:space-between}.learned-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow-y:auto;margin:8px 0 12px}.learned-item{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-size:.8125rem}.learned-item__q{font-weight:700;color:var(--accent)}.learned-item__a{grid-column:1;color:var(--text);margin-top:2px}.learned-item__del{width:28px;height:28px;background:transparent;color:var(--text-dim);border-radius:var(--radius-sm);align-self:start}.learned-item__del:hover{background:#ff3b6b26;color:var(--danger)}.enc-room{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:6px;font-size:.8125rem}.enc-room.is-active{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--bg-input) 70%)}.enc-room__body{flex:1;min-width:0}.enc-room__name{font-weight:700;color:var(--text)}.enc-room__id{font-size:.6875rem;color:var(--text-faint)}.composer__suggestions{display:flex;flex-wrap:wrap;gap:6px}.composer__suggestion{padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff0f;border:1px solid var(--border);color:var(--text);font-size:.8125rem;transition:all var(--dur-fast) var(--ease)}.composer__suggestion:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.safety-number{display:block;padding:12px 14px;background:var(--bg-input);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.0625rem;letter-spacing:.1em;color:var(--accent);text-align:center;font-weight:700;word-break:break-all}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 12px}.preset-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);font-family:inherit;text-align:start;transition:all var(--dur-fast) var(--ease)}.preset-card:hover{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--bg-input) 70%);transform:translateY(-2px)}.preset-card:active{transform:translateY(0)}.preset-card__name{font-weight:700;font-size:.9375rem}.preset-card__detail{font-size:.6875rem;color:var(--text-dim);letter-spacing:.05em}.role-controls{display:flex;flex-direction:column;gap:var(--s-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-4)}.role-controls__head{display:flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:.9375rem}.role-controls__head .pill{margin-inline-start:auto}.role-action{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur-fast) var(--ease);font-family:inherit;color:inherit;text-align:start;width:100%}.role-action:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.role-action:active{transform:scale(.98)}.role-action__icon{width:40px;height:40px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.role-action__body{flex:1;min-width:0}.role-action__title{font-weight:700;font-size:.875rem}.role-action__desc{font-size:.75rem;color:var(--text-dim);margin-top:3px;line-height:1.5}.role-action.is-on{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-soft),var(--bg-elev) 70%);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 15%,transparent)}.role-action.is-on .role-action__title{color:var(--accent)}.role-action.is-on .role-action__icon{background:var(--accent);color:#04130f;border-color:transparent}.sheet{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet[hidden]{display:none}.sheet__backdrop{position:absolute;inset:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .2s ease}.sheet__panel{position:relative;width:100%;max-width:560px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--bg-card)),var(--bg-card) 30%);border:1px solid var(--border-strong);border-bottom:none;border-top-left-radius:28px;border-top-right-radius:28px;padding:var(--s-4) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--s-3);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);max-height:88vh;overflow-y:auto;animation:sheet-up .36s var(--ease);box-shadow:0 -16px 48px #0006}@keyframes sheet-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.sheet__handle{width:48px;height:5px;background:var(--border-strong);border-radius:3px;margin:0 auto 8px}.sheet__title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.sheet__desc{font-size:.8125rem;color:var(--text-dim);margin-bottom:var(--s-2);line-height:1.6}.sheet__close{position:absolute;top:var(--s-3);inset-inline-end:var(--s-3);width:36px;height:36px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);background:transparent;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sheet__close:hover{background:var(--bg-elev);color:var(--text)}.qr-block{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-4);background:#fff;border-radius:var(--radius)}.qr-block__hint{color:#555;font-size:.75rem;font-family:JetBrains Mono,monospace;text-align:center}.skeleton{background:linear-gradient(90deg,var(--bg-card),var(--bg-card-hover),var(--bg-card));background-size:200% 100%;animation:shimmer 1.4s linear infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}.glitch:before{color:var(--accent);transform:translate(-1px);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:glitch-1 3.2s steps(1) infinite;opacity:.7}.glitch:after{color:var(--accent-2);transform:translate(1px);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:glitch-2 2.8s steps(1) infinite;opacity:.7}@keyframes glitch-1{0%,95%,to{transform:translate(0)}96%{transform:translate(-2px,-1px)}97%{transform:translate(2px,1px)}98%{transform:translate(-1px,1px)}}@keyframes glitch-2{0%,93%,to{transform:translate(0)}94%{transform:translate(2px,1px)}95%{transform:translate(-2px,-1px)}96%{transform:translate(1px,-1px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.screen.active>*{animation:screen-enter .38s cubic-bezier(.22,1,.36,1) backwards}.screen.active>*:nth-child(1){animation-delay:60ms}.screen.active>*:nth-child(2){animation-delay:.12s}.screen.active>*:nth-child(3){animation-delay:.18s}.screen.active>*:nth-child(4){animation-delay:.24s}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mode-grid .mode-card{animation:card-enter .48s cubic-bezier(.22,1,.36,1) backwards}.mode-grid .mode-card:nth-child(1){animation-delay:80ms}.mode-grid .mode-card:nth-child(2){animation-delay:.14s}.mode-grid .mode-card:nth-child(3){animation-delay:.2s}.mode-grid .mode-card:nth-child(4){animation-delay:.26s}.mode-grid .mode-card:nth-child(5){animation-delay:.32s}.mode-grid .mode-card:nth-child(6){animation-delay:.38s}@keyframes card-enter{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:shake .38s cubic-bezier(.36,.07,.19,.97)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}