:root{--bg:#060606;--fg:#f4f1ea;--muted:rgba(244,241,234,.57);--dim:rgba(244,241,234,.34);--line:rgba(244,241,234,.11);--line2:rgba(244,241,234,.18);--danger:#ff5a4f;--amber:#ffb56b;--green:#76dfa1;--blue:#8aa8ff;--panel:rgba(255,255,255,.027);--bubble:rgba(255,255,255,.058);--reply:rgba(255,90,79,.135)}
    *{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100svh;overflow-x:hidden}
    body::before{content:"";position:fixed;inset:-25vmax;pointer-events:none;background:radial-gradient(circle at 15% 25%,rgba(255,90,79,.105),transparent 20%),radial-gradient(circle at 82% 64%,rgba(94,129,255,.075),transparent 18%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.028),transparent 42%);filter:blur(30px);animation:breathe 9s ease-in-out infinite}
    @keyframes breathe{0%,100%{transform:scale(.97);opacity:.72}50%{transform:scale(1.025);opacity:1}}
    .shell{position:relative;min-height:100svh;padding:86px 34px 58px;display:grid;place-items:center;isolation:isolate}.frame{position:absolute;inset:18px;border:1px solid var(--line);pointer-events:none}.status{position:absolute;top:34px;left:38px;display:flex;align-items:center;gap:9px;color:var(--muted);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.dot{width:7px;height:7px;border-radius:50%;background:var(--danger);box-shadow:0 0 18px rgba(255,90,79,.75)}.corner{position:absolute;right:38px;bottom:33px;color:rgba(244,241,234,.23);font:500 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
    main{width:min(1220px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-content:center;gap:58px}.copy{width:100%;min-width:0;display:grid;gap:20px;justify-items:start;text-align:left}.eyebrow,.mock-label,.section-kicker,.tiny-label{margin:0;color:var(--muted);font:600 10.5px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(44px,6.8vw,86px);line-height:.9;letter-spacing:-.065em;font-weight:650;max-width:8.2ch}.sub{margin:0;max-width:485px;color:var(--muted);font-size:clamp(15px,1.8vw,18px);line-height:1.58}
    .identity{width:100%;margin-top:2px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.identity-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.identity-title{margin:4px 0 0;font-size:16px;font-weight:620;letter-spacing:-.02em}.identity-state{color:var(--dim);font:500 9.5px/1.3 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;text-align:right}.modes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:11px}.mode{appearance:none;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 9px;background:rgba(255,255,255,.025);color:rgba(244,241,234,.52);font:600 10px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.015em;cursor:pointer;transition:.16s;text-align:left;min-width:0}.mode:hover{border-color:var(--line2);color:var(--fg)}.mode.active{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.16);color:var(--fg)}.picker{position:relative}.searchbox,.custom-input{width:100%;height:48px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(0,0,0,.22);color:var(--fg);padding:0 14px;outline:none;font:500 14px/1.2 Inter,ui-sans-serif,sans-serif;transition:border .15s,box-shadow .15s}.searchbox:focus,.custom-input:focus{border-color:rgba(255,90,79,.5);box-shadow:0 0 0 3px rgba(255,90,79,.08)}.searchbox::placeholder,.custom-input::placeholder{color:rgba(244,241,234,.3)}.results{position:absolute;z-index:50;left:0;right:0;top:55px;max-height:245px;overflow:auto;padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(13,13,13,.98);box-shadow:0 18px 60px rgba(0,0,0,.5);backdrop-filter:blur(16px)}.result{width:100%;appearance:none;border:0;border-radius:10px;padding:10px 11px;background:transparent;color:rgba(244,241,234,.82);font-size:13px;text-align:left;cursor:pointer}.result:hover{background:rgba(255,255,255,.07);color:#fff}.no-results{padding:12px;color:rgba(244,241,234,.42);font-size:12px;line-height:1.4}.selected-person,.special-person{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.person-main{display:flex;align-items:center;gap:10px;min-width:0}.person-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(118,223,161,.4);flex:none}.special-person .person-dot{background:var(--danger);box-shadow:0 0 12px rgba(255,90,79,.45)}.person-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-note{margin-top:2px;color:var(--dim);font-size:10px}.clear{appearance:none;border:0;background:transparent;color:var(--dim);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:7px}.clear:hover{color:var(--fg)}.hidden{display:none!important}
    .blocked{margin-top:9px;padding:12px 13px;border:1px solid rgba(255,90,79,.3);border-radius:14px;background:rgba(255,90,79,.08);color:rgba(255,226,222,.9);font-size:12px;line-height:1.45}.blocked strong{color:#fff}.blocked .tiny-label{color:rgba(255,150,142,.78);display:block;margin-bottom:5px}.geralt-hint{margin-top:9px;padding:12px 13px;border:1px solid rgba(255,181,107,.28);border-radius:14px;background:rgba(255,181,107,.07);color:rgba(255,236,214,.88);font-size:12px;line-height:1.45}.geralt-hint strong{color:#fff}.geralt-hint .tiny-label{color:rgba(255,193,125,.8);display:block;margin-bottom:5px}
    .protocol-note{width:100%;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;padding:13px 14px;border:1px solid rgba(255,181,107,.17);border-radius:18px;background:linear-gradient(135deg,rgba(255,181,107,.055),rgba(255,255,255,.018))}.lockmark{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(255,181,107,.18);color:var(--amber);font-size:13px}.protocol-copy{margin:0;color:rgba(244,241,234,.63);font-size:11.5px;line-height:1.5}.protocol-copy strong{color:rgba(255,227,198,.95);font-weight:650}.protocol-disclaimer{display:block;margin-top:4px;color:rgba(244,241,234,.33);font-size:9.5px}
    .button-wrap{position:relative;margin-top:5px;isolation:isolate}.button-wrap::before,.button-wrap::after{content:"";position:absolute;inset:-16px;border:1px solid rgba(255,90,79,.2);border-radius:999px;animation:pulse 2.6s ease-out infinite;pointer-events:none}.button-wrap::after{animation-delay:1.3s}@keyframes pulse{0%{transform:scale(.9);opacity:0}23%{opacity:.68}100%{transform:scale(1.24);opacity:0}}#signal{position:relative;appearance:none;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:22px 34px;min-width:min(430px,82vw);overflow:hidden;background:linear-gradient(110deg,#f4f1ea 0%,#fff 48%,#ece6dc 100%);color:#080808;font:750 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 50px rgba(255,255,255,.11),0 0 0 1px rgba(255,90,79,.05)}#signal::after{content:"";position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.8) 48%,transparent 70%);transform:translateX(-120%);animation:shine 4.6s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}@keyframes shine{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}#signal:hover:not(:disabled){transform:translateY(-3px) scale(1.015);box-shadow:0 18px 70px rgba(255,255,255,.16),0 0 42px rgba(255,90,79,.12)}#signal:active:not(:disabled){transform:scale(.985)}#signal:focus-visible{outline:2px solid var(--danger);outline-offset:5px}#signal:disabled{opacity:.26;cursor:not-allowed}.button-wrap:has(#signal:disabled)::before,.button-wrap:has(#signal:disabled)::after{display:none}.micro{min-height:18px;margin:0;color:var(--muted);font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.01em}
    .mock-wrap{width:100%;min-width:0;display:grid;gap:12px}.mock-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.clock-card{display:flex;align-items:center;gap:9px;color:var(--muted);font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em}.clock-time{color:var(--fg);font-size:14px;letter-spacing:-.02em}.clock-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(118,223,161,.5)}.clock-card.night .clock-dot{background:var(--danger);box-shadow:0 0 14px rgba(255,90,79,.6)}.clock-card.night .clock-time{color:#ffd5d1}.night-alert{display:none;padding:11px 13px;border:1px solid rgba(255,90,79,.22);border-radius:15px;background:linear-gradient(135deg,rgba(255,90,79,.09),rgba(255,255,255,.018));font-size:11.5px;line-height:1.5;color:rgba(255,222,218,.84)}.night-alert.show{display:block}.night-alert strong{color:#fff}
    .phone{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.018));border-radius:32px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.phone::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:112px;height:5px;border-radius:999px;background:rgba(244,241,234,.08)}.messenger{border-radius:22px;background:rgba(6,6,6,.79);border:1px solid rgba(255,255,255,.05);overflow:hidden;backdrop-filter:blur(12px)}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,90,79,.26),rgba(93,133,255,.18));color:var(--fg);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.06em}.topcopy{min-width:0}.name{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.presence{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.3}.thread{height:360px;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at top right,rgba(255,90,79,.055),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 55%)}.stamp{align-self:center;color:rgba(244,241,234,.38);font:500 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.11em;text-transform:uppercase;margin-bottom:2px}.bubble{max-width:91%;padding:12px 13px;border-radius:18px;font-size:12.5px;line-height:1.48;letter-spacing:-.008em;position:relative;border:1px solid rgba(255,255,255,.048);animation:messageIn .34s cubic-bezier(.2,.8,.2,1)}@keyframes messageIn{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}.bubble.in{align-self:flex-start;background:var(--bubble);color:rgba(244,241,234,.95);border-top-left-radius:8px}.bubble.out{align-self:flex-end;background:var(--reply);color:rgba(255,255,255,.97);border-top-right-radius:8px}.bubble.fade-old{animation:fadeOld .24s forwards}@keyframes fadeOld{to{opacity:0;transform:translateY(-7px)}}
    .quick-area{border-top:1px solid rgba(255,255,255,.06);padding:11px 12px 13px;background:rgba(255,255,255,.014)}.quick-title{margin:0 0 8px;color:rgba(244,241,234,.34);font:500 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.quick-replies{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.quick-replies::-webkit-scrollbar{display:none}.quick{flex:none;appearance:none;border:1px solid rgba(255,255,255,.075);border-radius:999px;padding:9px 11px;background:rgba(255,255,255,.035);color:rgba(244,241,234,.72);font:600 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;cursor:pointer;transition:.15s}.quick:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.13);color:#fff}.composer{display:flex;align-items:center;gap:9px;margin-top:9px}.field{flex:1;min-height:36px;display:flex;align-items:center;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.045);color:rgba(244,241,234,.28);font-size:11px}.send{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:rgba(255,90,79,.15);color:rgba(255,255,255,.78);font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.note{padding:13px 16px 0;color:rgba(244,241,234,.46);font-size:11px;line-height:1.5}
    .exposure{display:grid;gap:8px;padding:11px 13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018)}.exposure-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.exposure-title{color:rgba(244,241,234,.42);font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.exposure-value{color:var(--fg);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.exposure-track{height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055)}.exposure-fill{height:100%;width:88%;border-radius:999px;background:linear-gradient(90deg,rgba(138,168,255,.7),rgba(255,181,107,.85),rgba(255,90,79,.95));box-shadow:0 0 18px rgba(255,90,79,.2);transition:width .55s cubic-bezier(.2,.8,.2,1)}.exposure-status{margin:0;color:rgba(244,241,234,.49);font-size:10.5px;line-height:1.35}.audit-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.96);width:min(440px,calc(100vw - 40px));padding:19px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(8,8,8,.9);box-shadow:0 30px 100px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);opacity:0;z-index:3}.audit-title{margin:0 0 12px;color:rgba(244,241,234,.48);font:650 9.5px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.audit-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid rgba(255,255,255,.055);color:rgba(244,241,234,.76);font-size:11px;line-height:1.35}.audit-row span:last-child{font:700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--green)}.audit-row.fail span:last-child{color:var(--danger)}.audit-verdict{margin:13px 0 0;padding-top:12px;border-top:1px solid rgba(255,90,79,.2);color:#fff;font:750 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;text-align:center}
    #shatterLayer{position:fixed;inset:0;z-index:99999;pointer-events:none;display:none;overflow:hidden;background:rgba(0,0,0,.04)}#shatterLayer.active{display:block}.crack-canvas{position:absolute;inset:0;width:100%;height:100%}.shard{position:absolute;width:150px;height:150px;background:linear-gradient(135deg,rgba(245,241,234,.12),rgba(255,90,79,.04),rgba(0,0,0,.55));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 18px 45px rgba(0,0,0,.25);backdrop-filter:blur(3px);will-change:transform,opacity}.flash{position:absolute;inset:0;background:white;opacity:0}
    @media(max-width:1000px){.shell{padding-top:82px}main{grid-template-columns:1fr;width:min(730px,100%);gap:36px}.copy{justify-items:center;text-align:center}h1{max-width:10ch}.sub{max-width:530px}.identity,.protocol-note{text-align:left}.mock-head{align-items:center}}
    @media(max-width:620px){.shell{padding:78px 18px 48px}.frame{inset:10px}.status{top:27px;left:27px}.corner{right:27px;bottom:24px}.modes{grid-template-columns:1fr}.identity-head{align-items:start}.mock-head{display:grid;gap:8px}.phone{padding:13px;border-radius:25px}.thread{height:335px;padding:13px}.bubble{font-size:12px;max-width:94%}#signal{min-width:min(340px,86vw);padding-inline:24px}.protocol-note{grid-template-columns:1fr}.lockmark{display:none}}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

    /* Alarm tożsamości odrzuconej */
    body.identity-rejected{--bg:#240000;background:#240000}
    body.identity-rejected::before{inset:-12vmax;background:radial-gradient(circle at 50% 46%,rgba(255,0,0,.62),transparent 22%),radial-gradient(circle at 18% 18%,rgba(150,0,0,.92),transparent 35%),radial-gradient(circle at 82% 80%,rgba(90,0,0,.96),transparent 38%),linear-gradient(135deg,#310000,#760000 48%,#260000);filter:blur(9px) saturate(1.65);animation:rejectionGlow .34s steps(2,end) infinite;opacity:1}
    body.identity-rejected::after{content:"KOMUNIKAT ODRZUCONY";position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),radial-gradient(circle at center,transparent 0 24%,rgba(95,0,0,.18) 58%,rgba(25,0,0,.5) 100%);color:rgba(255,238,235,.095);text-shadow:0 0 35px rgba(255,0,0,.7);font:900 clamp(44px,11vw,150px)/.82 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:-.065em;text-align:center;animation:rejectionFlash .42s steps(2,end) infinite}
    body.identity-rejected .shell{animation:rejectionShake .105s steps(2,end) infinite;filter:saturate(1.4) contrast(1.08)}
    body.identity-rejected .frame{border-color:rgba(255,190,184,.48);box-shadow:inset 0 0 90px rgba(255,0,0,.18),0 0 80px rgba(255,0,0,.22)}
    body.identity-rejected .dot{background:#fff;box-shadow:0 0 8px #fff,0 0 30px #ff0000,0 0 70px #ff0000;animation:rejectionBeacon .3s steps(2,end) infinite}
    body.identity-rejected .blocked{background:rgba(35,0,0,.72);border-color:rgba(255,230,226,.55);box-shadow:0 0 0 1px rgba(255,0,0,.32),0 0 42px rgba(255,0,0,.32)}
    body.identity-rejected #signal{opacity:.14;filter:grayscale(1)}
    /* Private identity probe: generic, progressive warning before a full rejection.
       The browser never receives the private person's name. */
    body.identity-suspect-private{
      --identity-warning:.28;
    }
    body.identity-suspect-private .geralt-hint{
      border-color:rgba(255,120,88,calc(.24 + var(--identity-warning)*.28));
      background:rgba(255,90,60,calc(.035 + var(--identity-warning)*.06));
      box-shadow:0 0 calc(8px + var(--identity-warning)*22px) rgba(255,70,40,calc(var(--identity-warning)*.10));
      transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
    }
    body.identity-suspect-private .frame{
      border-color:rgba(255,255,255,calc(.16 + var(--identity-warning)*.09));
      box-shadow:inset 0 0 calc(18px + var(--identity-warning)*34px) rgba(110,0,0,calc(var(--identity-warning)*.055));
      transition:border-color .22s ease,box-shadow .22s ease;
    }
    body.identity-suspect-strong .modes{
      animation:privateIdentityTremor 1.7s ease-in-out infinite;
    }
    @keyframes privateIdentityTremor{
      0%,86%,100%{transform:translate3d(0,0,0)}
      90%{transform:translate3d(-1px,.5px,0)}
      94%{transform:translate3d(1px,-.5px,0)}
      97%{transform:translate3d(-.5px,0,0)}
    }
    @keyframes rejectionShake{0%{transform:translate3d(-7px,-4px,0) rotate(-.18deg)}12%{transform:translate3d(8px,3px,0) rotate(.16deg)}25%{transform:translate3d(-3px,8px,0) rotate(-.10deg)}37%{transform:translate3d(6px,-7px,0) rotate(.20deg)}50%{transform:translate3d(-9px,2px,0) rotate(-.16deg)}62%{transform:translate3d(4px,7px,0) rotate(.11deg)}75%{transform:translate3d(9px,-2px,0) rotate(.17deg)}87%{transform:translate3d(-5px,-8px,0) rotate(-.12deg)}100%{transform:translate3d(0,0,0)}}
    @keyframes rejectionGlow{0%,100%{transform:scale(1);opacity:.96}50%{transform:scale(1.035);opacity:1}}
    @keyframes rejectionFlash{0%,100%{opacity:.82}50%{opacity:1}}
    @keyframes rejectionBeacon{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}
    @media (prefers-reduced-motion:reduce){body.identity-rejected .shell,body.identity-rejected::before,body.identity-rejected::after,body.identity-rejected .dot{animation:none!important}}

  
    /* Kontrowersyjny: deszcz smutno-zirytowanych emoji */
    #controversialEmojiLayer{
      position:fixed;
      inset:0;
      z-index:7800;
      overflow:hidden;
      pointer-events:none;
      contain:layout paint;
    }
    .controversial-emoji{
      position:absolute;
      left:var(--x);
      top:var(--y);
      opacity:0;
      user-select:none;
      will-change:transform,opacity,filter;
      font-size:clamp(24px,calc(22px + var(--s) * 1px),58px);
      filter:drop-shadow(0 8px 14px rgba(0,0,0,.34));
      transform:translate3d(-50%,-50%,0) rotate(var(--r0)) scale(.35);
      animation:controversialEmojiBurst var(--dur) cubic-bezier(.16,.76,.2,1) var(--delay) forwards;
    }
    @keyframes controversialEmojiBurst{
      0%{
        opacity:0;
        transform:translate3d(-50%,-50%,0) rotate(var(--r0)) scale(.28);
        filter:blur(7px) drop-shadow(0 8px 14px rgba(0,0,0,.2));
      }
      14%{
        opacity:.96;
        filter:blur(0) drop-shadow(0 8px 14px rgba(0,0,0,.34));
      }
      72%{
        opacity:.9;
      }
      100%{
        opacity:0;
        transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) rotate(var(--r1)) scale(var(--scale));
        filter:blur(1.2px) drop-shadow(0 14px 18px rgba(0,0,0,.22));
      }
    }
    @media (prefers-reduced-motion:reduce){
      .controversial-emoji{
        animation:controversialEmojiReduced 1.4s ease-out var(--delay) forwards!important;
      }
      @keyframes controversialEmojiReduced{
        0%{opacity:0}
        18%,72%{opacity:.9}
        100%{opacity:0}
      }
    }


    /* v3: language, theme, feedback, Codex reset signal */
    :root{
      --surface:#0b0b0b;--surface2:#111;--surface3:#171717;--control:rgba(255,255,255,.035);
      --control2:rgba(255,255,255,.075);--input-bg:rgba(0,0,0,.22);--screen:rgba(6,6,6,.83);
      --overlay:rgba(5,5,5,.82);--result-bg:rgba(13,13,13,.98);--bubbleText:rgba(244,241,234,.94);
      --shadow:rgba(0,0,0,.55);--nightText:rgba(255,222,218,.84);--protocolText:rgba(244,241,234,.63)
    }
    html[data-theme="light"]{
      --bg:#f3f0e9;--fg:#171512;--muted:rgba(23,21,18,.62);--dim:rgba(23,21,18,.39);
      --line:rgba(23,21,18,.12);--line2:rgba(23,21,18,.21);--panel:rgba(255,255,255,.68);
      --bubble:rgba(23,21,18,.07);--reply:rgba(191,50,42,.12);--surface:#fbfaf7;--surface2:#fff;
      --surface3:#f4f1eb;--control:rgba(23,21,18,.035);--control2:rgba(23,21,18,.075);
      --input-bg:rgba(255,255,255,.75);--screen:rgba(253,252,249,.94);--overlay:rgba(248,246,240,.92);
      --result-bg:rgba(253,252,248,.985);--bubbleText:rgba(23,21,18,.92);--shadow:rgba(40,30,20,.17);
      --nightText:#742b26;--protocolText:rgba(23,21,18,.66)
    }
    html[data-theme="light"] body::before{background:radial-gradient(circle at 15% 25%,rgba(255,90,79,.10),transparent 20%),radial-gradient(circle at 82% 64%,rgba(94,129,255,.10),transparent 18%),radial-gradient(circle at 50% 50%,rgba(0,0,0,.018),transparent 42%)}
    html[data-theme="light"] .identity{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.42));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
    html[data-theme="light"] .mode{border-color:rgba(23,21,18,.09);background:rgba(255,255,255,.43);color:rgba(23,21,18,.58)}
    html[data-theme="light"] .mode.active{background:rgba(23,21,18,.075);border-color:rgba(23,21,18,.17);color:var(--fg)}
    html[data-theme="light"] .searchbox,html[data-theme="light"] .custom-input{border-color:rgba(23,21,18,.12);background:var(--input-bg);color:var(--fg)}
    html[data-theme="light"] .searchbox::placeholder,html[data-theme="light"] .custom-input::placeholder{color:rgba(23,21,18,.34)}
    html[data-theme="light"] .results{background:var(--result-bg);border-color:rgba(23,21,18,.12);box-shadow:0 18px 60px var(--shadow)}
    html[data-theme="light"] .result{color:rgba(23,21,18,.82)}html[data-theme="light"] .result:hover{background:rgba(23,21,18,.065);color:#000}
    html[data-theme="light"] .selected-person,html[data-theme="light"] .special-person{border-color:rgba(23,21,18,.1);background:rgba(255,255,255,.5)}
    html[data-theme="light"] .protocol-copy{color:var(--protocolText)}html[data-theme="light"] .protocol-disclaimer{color:rgba(23,21,18,.39)}
    html[data-theme="light"] .phone{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(245,242,235,.9));box-shadow:0 28px 80px var(--shadow),inset 0 1px 0 #fff}
    html[data-theme="light"] .messenger{background:var(--screen);border-color:rgba(23,21,18,.06)}
    html[data-theme="light"] .topbar,html[data-theme="light"] .quick-area{background:rgba(255,255,255,.52);border-color:rgba(23,21,18,.07)}
    html[data-theme="light"] .bubble.in{background:rgba(23,21,18,.065);color:var(--bubbleText);border-color:rgba(23,21,18,.045)}
    html[data-theme="light"] .bubble.out{background:rgba(255,90,79,.13);color:#391815;border-color:rgba(255,90,79,.08)}
    html[data-theme="light"] .quick{background:rgba(23,21,18,.035);border-color:rgba(23,21,18,.08);color:rgba(23,21,18,.73)}
    html[data-theme="light"] .quick:hover{background:rgba(23,21,18,.075);color:#000}
    html[data-theme="light"] .field{background:rgba(23,21,18,.035);border-color:rgba(23,21,18,.05);color:rgba(23,21,18,.38)}
    html[data-theme="light"] .exposure,html[data-theme="light"] .codex-signal{background:rgba(255,255,255,.45);border-color:rgba(23,21,18,.09)}
    html[data-theme="light"] .exposure-title,html[data-theme="light"] .codex-title{color:rgba(23,21,18,.49)}
    html[data-theme="light"] .exposure-status,html[data-theme="light"] .codex-detail{color:rgba(23,21,18,.58)}
    html[data-theme="light"] .exposure-track,html[data-theme="light"] .codex-track{background:rgba(23,21,18,.08)}
    html[data-theme="light"] .night-alert{color:#6c2e29;background:linear-gradient(135deg,rgba(255,90,79,.09),rgba(255,255,255,.45))}
    html[data-theme="light"] .night-alert strong{color:#3f1916}
    html[data-theme="light"] .audit-card{background:rgba(249,247,241,.94);border-color:rgba(23,21,18,.17);box-shadow:0 30px 100px rgba(30,20,10,.25)}
    html[data-theme="light"] .audit-title{color:rgba(23,21,18,.5)}html[data-theme="light"] .audit-row{color:rgba(23,21,18,.78);border-color:rgba(23,21,18,.07)}html[data-theme="light"] .audit-verdict{color:#191613}

    .utility-bar{position:absolute;z-index:120;top:29px;right:38px;display:flex;gap:8px;align-items:center}
    .utility-group{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px)}
    .utility-btn{appearance:none;border:0;border-radius:999px;min-width:31px;height:28px;padding:0 9px;background:transparent;color:var(--dim);font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;cursor:pointer;transition:.15s}
    .utility-btn:hover{color:var(--fg);background:var(--control)}.utility-btn.active{background:var(--control2);color:var(--fg)}
    .feedback-trigger{width:31px;padding:0;font-size:13px}
    .codex-signal{display:grid;gap:7px;padding:11px 13px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018)}
    .codex-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.codex-title{color:rgba(244,241,234,.42);font:600 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.codex-bias{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fg)}
    .codex-track{height:4px;border-radius:999px;background:rgba(255,255,255,.055);overflow:hidden}.codex-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--amber),var(--danger));transition:width .6s cubic-bezier(.2,.8,.2,1)}
    .codex-detail{margin:0;color:rgba(244,241,234,.49);font-size:10.5px;line-height:1.4}.codex-detail strong{color:var(--fg);font-weight:650}.codex-disclaimer{display:block;margin-top:2px;color:var(--dim);font-size:9.2px;line-height:1.4}
    .quick.spam-lock{opacity:.48;pointer-events:none}
    dialog.feedback-dialog{width:min(480px,calc(100vw - 30px));border:1px solid var(--line2);border-radius:24px;padding:0;background:var(--surface);color:var(--fg);box-shadow:0 34px 120px var(--shadow)}
    dialog.feedback-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(7px)}
    .feedback-panel{padding:21px;display:grid;gap:14px}.feedback-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.feedback-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.035em}.feedback-close{appearance:none;border:0;width:32px;height:32px;border-radius:50%;background:var(--control);color:var(--fg);cursor:pointer}
    .feedback-panel label{display:grid;gap:7px;color:var(--muted);font-size:11px}.feedback-panel select,.feedback-panel textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:var(--input-bg);color:var(--fg);padding:11px 12px;font:500 13px/1.45 Inter,ui-sans-serif,sans-serif;outline:none}.feedback-panel textarea{min-height:118px;resize:vertical}.feedback-panel select:focus,.feedback-panel textarea:focus{border-color:rgba(255,90,79,.45);box-shadow:0 0 0 3px rgba(255,90,79,.07)}
    .feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-submit{appearance:none;border:0;border-radius:999px;padding:11px 16px;background:var(--fg);color:var(--bg);font-weight:750;cursor:pointer}.feedback-status{margin:0;color:var(--muted);font-size:10.5px;line-height:1.4;min-height:15px}
    .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}
    @media(max-width:760px){.utility-btn{min-width:40px;padding:0 9px}}

  
    .lookup-note{margin:8px 2px 0;color:var(--dim);font-size:10px;line-height:1.45}
    .alias-card{margin-top:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:11px 12px;border:1px solid rgba(118,223,161,.18);border-radius:14px;background:linear-gradient(135deg,rgba(118,223,161,.055),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
    .alias-card.pending{border-color:rgba(255,181,107,.2);background:rgba(255,181,107,.045)}
    .alias-card.unknown{border-color:rgba(255,90,79,.22);background:rgba(255,90,79,.045)}
    .alias-card .tiny-label{display:block;margin-bottom:4px;color:rgba(118,223,161,.7);font-size:8.5px}
    .alias-card.pending .tiny-label{color:rgba(255,181,107,.8)}
    .alias-card.unknown .tiny-label{color:rgba(255,120,112,.82)}
    .alias-name{font-size:15px;letter-spacing:-.02em}
    .reroll{flex:none;border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.025)}
    html[data-theme="light"] .alias-card{background:rgba(42,134,85,.045);border-color:rgba(42,134,85,.16)}
    html[data-theme="light"] .lookup-note{color:rgba(23,21,18,.44)}

  
    .lookup-note[data-state="checking"]{color:var(--warning)}
    .lookup-note[data-state="ok"]{color:var(--green)}
    .lookup-note[data-state="error"]{color:var(--danger)}
    .lookup-note[data-state="unknown"]{color:var(--muted)}

  
    /* v6 privacy center */
    .privacy-consent{display:flex;align-items:flex-start;gap:9px;max-width:500px;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.45}
    .privacy-consent input{width:15px;height:15px;margin:1px 0 0;accent-color:var(--danger);flex:none}
    .privacy-consent label{cursor:pointer}
    .privacy-consent button{appearance:none;border:0;background:none;color:var(--fg);padding:0;font:inherit;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;cursor:pointer}
    .privacy-link{position:absolute;left:38px;bottom:30px;z-index:20;appearance:none;border:0;background:transparent;color:rgba(244,241,234,.34);font:500 9px/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:5px}
    .privacy-link:hover{color:var(--fg)}
    html[data-theme="light"] .privacy-link{color:rgba(23,21,18,.42)}
    dialog.privacy-dialog{width:min(760px,calc(100vw - 28px));max-height:min(86vh,860px);border:1px solid var(--line2);border-radius:26px;padding:0;background:var(--surface);color:var(--fg);box-shadow:0 34px 130px var(--shadow)}
    dialog.privacy-dialog::backdrop{background:rgba(0,0,0,.52);backdrop-filter:blur(8px)}
    .privacy-panel{padding:24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:17px;max-height:min(86vh,860px)}
    .privacy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:sticky;top:0;background:linear-gradient(var(--surface) 80%,transparent);z-index:2;padding-bottom:8px}
    .privacy-head h2{margin:4px 0 0;font-size:25px;letter-spacing:-.04em}
    .privacy-close{appearance:none;border:0;width:34px;height:34px;border-radius:50%;background:var(--control);color:var(--fg);cursor:pointer;flex:none}
    .privacy-body{display:grid;gap:18px;color:var(--muted);font-size:12.5px;line-height:1.65;overflow:auto;overscroll-behavior:contain;padding-right:8px;min-height:0}
    .privacy-section{display:grid;gap:7px}
    .privacy-section h3{margin:0;color:var(--fg);font-size:12px;letter-spacing:.01em}
    .privacy-section p{margin:0}
    .privacy-section ul{margin:0;padding-left:19px;display:grid;gap:5px}
    .privacy-section strong{color:var(--fg);font-weight:650}
    .privacy-meta{display:flex;flex-wrap:wrap;gap:7px}
    .privacy-pill{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--dim);font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.05em}
    .privacy-legal-note{padding:11px 12px;border:1px solid rgba(255,181,107,.18);border-radius:13px;background:rgba(255,181,107,.04);color:var(--muted)}
    @media(max-width:620px){.privacy-link{left:22px;bottom:18px}.privacy-panel{padding:19px}.privacy-body{font-size:12px}.privacy-consent{max-width:92vw}}

  
    .privacy-consent-copy{display:inline;min-width:0}
    .privacy-consent-copy label{cursor:pointer}
    .privacy-consent-copy button{appearance:none;border:0;background:none;color:var(--fg);padding:0;font:inherit;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;cursor:pointer}
    .privacy-consent-copy button:hover{text-decoration-color:currentColor}

  
    .privacy-consent-card{
      width:100%;max-width:none;margin-top:0;padding:12px 14px;
      border:1px solid var(--line);border-radius:14px;
      background:rgba(255,255,255,.025);align-items:flex-start
    }
    .privacy-consent-card:has(input:checked){
      border-color:rgba(118,223,161,.22);background:rgba(118,223,161,.045)
    }
    .privacy-consent-card .tiny-label{display:block;margin:0 0 5px;color:var(--dim);font-size:8.5px}
    .privacy-consent-card input{margin-top:3px}
    .extension-strip{
      display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
      gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:15px;
      background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.012))
    }
    .extension-icon{
      width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
      border:1px solid var(--line);background:var(--control);
      font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace
    }
    .extension-copy{display:grid;gap:2px;min-width:0}
    .extension-copy strong{font-size:12px;color:var(--fg)}
    .extension-meta{font-size:9.5px;color:var(--dim);line-height:1.35}
    .extension-download{
      display:inline-flex;align-items:center;justify-content:center;min-height:36px;
      padding:0 12px;border-radius:999px;border:1px solid var(--line2);
      background:var(--fg);color:var(--bg);text-decoration:none;
      font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
      letter-spacing:.06em;text-transform:uppercase;white-space:nowrap
    }
    .extension-download:hover{transform:translateY(-1px)}
    html[data-theme="light"] .privacy-consent-card,
    html[data-theme="light"] .extension-strip{background:rgba(23,21,18,.025)}
    @media(max-width:620px){
      .extension-strip{grid-template-columns:auto minmax(0,1fr)}
      .extension-download{grid-column:1/-1;width:100%}
    }

  
    .privacy-consent-card{
      position:relative;
      grid-template-columns:auto minmax(0,1fr);
      cursor:pointer;
      transition:border-color .16s ease,background .16s ease,transform .16s ease
    }
    .privacy-consent-card:hover{
      border-color:var(--line2);
      background:rgba(255,255,255,.038)
    }
    .privacy-consent-native{
      position:absolute!important;
      width:1px!important;height:1px!important;
      opacity:0!important;
      pointer-events:none!important
    }
    .privacy-check{
      width:30px;height:30px;border-radius:10px;
      border:1px solid var(--line2);
      background:var(--control);
      display:grid;place-items:center;
      flex:none;cursor:pointer;
      transition:all .16s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
    }
    .privacy-check-mark{
      opacity:0;
      transform:scale(.55);
      color:#07110b;
      font:900 16px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      transition:opacity .14s ease,transform .14s ease
    }
    .privacy-consent-card.is-checked .privacy-check{
      background:#76dfa1;
      border-color:#76dfa1;
      box-shadow:0 0 0 4px rgba(118,223,161,.08),0 0 28px rgba(118,223,161,.14)
    }
    .privacy-consent-card.is-checked .privacy-check .privacy-check-mark{
      opacity:1;
      transform:scale(1)
    }
    .privacy-consent-card:focus-visible .privacy-check{
      outline:2px solid var(--fg);
      outline-offset:3px
    }
    .privacy-consent-line{
      display:inline;
      color:var(--muted);
      font-size:11px;
      line-height:1.5
    }
    .privacy-consent-line #privacyConsentText{cursor:pointer}
    .privacy-consent-line button{
      appearance:none;border:0;background:none;color:var(--fg);padding:0;
      font:inherit;text-decoration:underline;text-decoration-color:var(--line2);
      text-underline-offset:3px;cursor:pointer
    }
    .privacy-consent-line button:hover{text-decoration-color:currentColor}
    .privacy-consent-card.is-checked{
      border-color:rgba(118,223,161,.28)!important;
      background:rgba(118,223,161,.055)!important
    }
    .privacy-consent-card.is-checked .tiny-label{
      color:rgba(118,223,161,.82)
    }
    html[data-theme="light"] .privacy-check{
      background:rgba(23,21,18,.04)
    }
    @media(max-width:620px){
      .privacy-check{width:28px;height:28px;border-radius:9px}
    }

  
    .privacy-consent-card:focus-visible{
      outline:2px solid var(--fg);
      outline-offset:3px
    }

  
    /* v7.1 layout polish */
    .hero-copy{
      width:min(1180px,calc(100vw - 96px));
      max-width:none;
    }
    .hero h1,
    .hero-title{
      max-width:11.8ch;
      text-wrap:balance;
      overflow-wrap:normal;
      word-break:normal;
      hyphens:none;
    }
    @media (min-width:1180px){
      .hero h1,
      .hero-title{
        max-width:10.8ch;
      }
    }
    @media (max-width:900px){
      .hero-copy{
        width:min(100%,calc(100vw - 48px));
      }
      .hero h1,
      .hero-title{
        max-width:12.6ch;
      }
    }
    @media (max-width:620px){
      .hero-copy{
        width:100%;
      }
      .hero h1,
      .hero-title{
        max-width:100%;
        text-wrap:pretty;
      }
    }

    /* Extension card must align with the full main-column width. */
    .extension-strip{
      width:100%;
      max-width:none;
      justify-self:stretch;
      box-sizing:border-box;
    }

  
    .full-width-card{width:100%;max-width:none;justify-self:stretch}
  
    /* v7.2 night-aware theme recommendation */
    .theme-recommendation-wrap{
      display:flex;
      align-items:center;
      min-width:0
    }
    .dark-recommendation{
      display:inline-flex;
      align-items:center;
      gap:5px;
      max-width:min(310px,32vw);
      padding:7px 9px;
      border:1px solid rgba(255,181,107,.18);
      border-radius:999px;
      background:rgba(255,181,107,.045);
      color:var(--dim);
      font:650 8.5px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
      letter-spacing:.055em;
      text-transform:uppercase;
      white-space:normal;
      animation:darkRecommendationIn .22s ease both
    }
    .dark-recommendation::before{
      content:"◐";
      color:var(--warning);
      font-size:10px;
      flex:none
    }
    .dark-recommendation.hidden{display:none}
    .dark-recommendation button{
      appearance:none;
      border:0;
      background:none;
      color:var(--fg);
      padding:0;
      font:inherit;
      cursor:pointer;
      text-decoration:underline;
      text-underline-offset:2px
    }
    @keyframes darkRecommendationIn{
      from{opacity:0;transform:translateY(-3px)}
      to{opacity:1;transform:none}
    }
    @media(max-width:760px){
      .theme-recommendation-wrap{
        order:10;
        width:100%;
      }
      .dark-recommendation{
        max-width:none;
        width:100%;
        justify-content:center;
        text-align:center
      }
    }

  
    /* v7.3 exact backend/extension flow */
    .protocol-note{grid-template-columns:auto minmax(0,1fr)}
    .protocol-stack{display:grid;gap:10px;min-width:0}
    .protocol-copy code{
      padding:.08em .38em;border:1px solid var(--line);border-radius:6px;
      background:rgba(255,255,255,.025);color:var(--fg);
      font:600 .88em/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace
    }
    .protocol-flow{
      display:flex;align-items:center;flex-wrap:wrap;gap:6px;
      color:var(--dim);
      font:650 8.5px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
      letter-spacing:.055em;text-transform:uppercase
    }
    .protocol-flow span{
      padding:5px 7px;border:1px solid var(--line);border-radius:999px;
      background:rgba(255,255,255,.02);white-space:nowrap
    }
    .protocol-flow i{font-style:normal;color:var(--amber);opacity:.72}
    .protocol-modes{
      display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--dim);
      font:550 9px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace
    }
    .protocol-modes b{color:var(--fg);font-weight:750}
    html[data-theme="light"] .protocol-flow span{background:rgba(23,21,18,.025)}
    @media(max-width:620px){
      .protocol-flow{gap:5px}
      .protocol-flow i{display:none}
      .protocol-flow span{font-size:8px}
      .protocol-modes{display:grid;gap:5px}
    }

  
    /* ================================================================
       v8.4 · MOBILE UTILITY DRAWER + SAFE VIEWPORT GUTTERS
       ================================================================ */
    .utility-mobile-toggle{
      display:none;
      appearance:none;
      width:40px;height:40px;min-width:40px;
      padding:0;
      border:1px solid var(--line);
      border-radius:999px;
      background:var(--control);
      color:var(--fg);
      cursor:pointer;
      place-items:center;
      font:750 17px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
      transition:background .16s,border-color .16s,transform .16s
    }
    .utility-mobile-toggle:hover{border-color:var(--line2);background:var(--control2)}
    .utility-mobile-toggle:active{transform:scale(.96)}

    @media(max-width:760px){
      :root{--mobile-utility-height:48px}

      .shell{
        padding-top:calc(64px + var(--mobile-utility-height) + env(safe-area-inset-top))!important;
        padding-left:max(18px,env(safe-area-inset-left))!important;
        padding-right:max(18px,env(safe-area-inset-right))!important;
        transition:padding-top .22s cubic-bezier(.2,.8,.2,1)
      }

      .utility-bar{
        top:calc(12px + env(safe-area-inset-top))!important;
        right:max(12px,env(safe-area-inset-right))!important;
        left:auto;
        width:48px;
        min-height:48px;
        max-width:calc(100vw - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right)));
        display:flex;
        align-items:center;
        justify-content:center;
        gap:6px;
        padding:3px;
        border:1px solid var(--line);
        border-radius:999px;
        background:color-mix(in srgb,var(--bg) 90%,transparent);
        box-shadow:0 10px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        transition:
          left .22s cubic-bezier(.2,.8,.2,1),
          right .22s cubic-bezier(.2,.8,.2,1),
          width .22s cubic-bezier(.2,.8,.2,1),
          border-radius .22s cubic-bezier(.2,.8,.2,1),
          padding .22s cubic-bezier(.2,.8,.2,1)
      }
      .utility-mobile-toggle{display:grid;flex:none}

      .utility-bar:not(.mobile-expanded)>:not(.utility-mobile-toggle){
        display:none!important
      }

      .utility-bar.mobile-expanded{
        left:max(12px,env(safe-area-inset-left));
        right:max(12px,env(safe-area-inset-right))!important;
        width:auto;
        min-height:48px;
        justify-content:flex-start;
        flex-wrap:wrap;
        align-content:center;
        padding:7px;
        border-radius:22px
      }

      .utility-bar.mobile-expanded .utility-mobile-toggle{
        order:90;
        margin-left:auto
      }

      .utility-bar.mobile-expanded .utility-group{
        min-width:0;
        max-width:100%
      }

      .utility-bar.mobile-expanded #langGroup{
        flex:1 1 174px
      }
      .utility-bar.mobile-expanded #langGroup .utility-btn{
        flex:1 1 0
      }

      .utility-bar.mobile-expanded #themeGroup{
        flex:1 1 148px
      }
      .utility-bar.mobile-expanded #themeGroup .utility-btn{
        flex:1 1 0
      }

      .utility-bar.mobile-expanded .tc-game-btn-wrap{
        flex:0 0 auto
      }

      .utility-bar.mobile-expanded .theme-recommendation-wrap{
        order:100;
        flex:1 0 100%;
        width:100%;
        margin-top:1px
      }

      .utility-bar.mobile-expanded .dark-recommendation{
        width:100%;
        max-width:none;
        justify-content:center;
        text-align:center
      }

      .status{
        top:calc(28px + var(--mobile-utility-height) + env(safe-area-inset-top))!important;
        left:max(18px,env(safe-area-inset-left))!important;
        right:max(18px,env(safe-area-inset-right));
        max-width:none!important;
        width:auto;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        transition:top .22s cubic-bezier(.2,.8,.2,1)
      }

      /* Keep the frame itself away from rounded / notched physical edges. */
      .frame{
        left:max(10px,env(safe-area-inset-left));
        right:max(10px,env(safe-area-inset-right))
      }
    }

    @media(max-width:420px){
      .utility-bar.mobile-expanded{
        gap:5px;
        padding:6px
      }
      .utility-bar.mobile-expanded #langGroup,
      .utility-bar.mobile-expanded #themeGroup{
        flex-basis:100%
      }
      .utility-bar.mobile-expanded .tc-game-btn-wrap{
        margin-left:0
      }
    }

/* v9.3 CSP hardening helpers */
.initial-dim{opacity:.18}
.feedback-intro{font-size:13px!important;margin:0!important}
.feedback-privacy{min-height:0!important}