:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eceee8;background:#0b0c10;--bg:#0b0c10;--panel:#11131a;--panel2:#171a21;--line:#2b2e38;--muted:#858b98;--ink:#f1f1ea;--acid:#d7ff4d;--cyan:#84f5e8;--alert:#ff625f;--amber:#f6c35b;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{min-width:320px;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.hidden{display:none!important}.tab-view{display:none}.tab-view.active{display:block}
.app-shell{min-height:100vh;display:grid;grid-template-columns:92px 1fr;grid-template-rows:72px 1fr 34px;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#0b0c10;background-size:34px 34px}
.top-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(11,12,16,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;transform:rotate(-2deg)}.brand-mark span{font-weight:800;font-size:20px}.brand-mark i{font-family:var(--mono);font-style:normal;font-size:11px;background:var(--acid);color:#111;width:100%;height:100%;display:grid;place-items:center}.brand-lockup strong{display:block;font-size:14px;letter-spacing:.12em}.brand-lockup small{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:3px;letter-spacing:.08em}.system-state{font-family:var(--mono);font-size:10px;letter-spacing:.14em;border:1px solid var(--line);padding:9px 13px;display:flex;gap:8px;align-items:center}.pulse-dot{width:7px;height:7px;background:#657080;display:inline-block;border-radius:50%}.system-state.armed{color:var(--acid);border-color:#5d6e2b}.system-state.armed .pulse-dot{background:var(--acid);box-shadow:0 0 18px var(--acid);animation:pulse 1.4s infinite}.system-state.amber{color:var(--amber);border-color:#755e2b}.system-state.amber .pulse-dot{background:var(--amber);animation:pulse .8s infinite}@keyframes pulse{50%{opacity:.25}}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.ghost{border:1px solid #343945;background:transparent;color:#818895}.ghost.compact{font-family:var(--mono);font-size:8px;padding:8px 10px}.ghost:hover{color:var(--ink);border-color:#59606e}
.side-rail{grid-row:2;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:#0c0e13}.side-rail nav{display:flex;flex-direction:column}.side-rail nav button{background:transparent;border:0;border-bottom:1px solid var(--line);color:#707784;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.2s}.side-rail nav button span{font-size:19px}.side-rail nav button small{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.side-rail nav button:hover,.side-rail nav button.active{color:var(--ink);background:#161820}.side-rail nav button.active{box-shadow:inset 3px 0 0 var(--acid)}.rail-code{font-family:var(--mono);font-size:9px;line-height:1.7;color:#454b57;padding:14px;text-align:center}.workspace{grid-column:2;grid-row:2;min-width:0;padding:24px}.bottom-rail{grid-column:1/-1;border-top:1px solid var(--line);background:#0a0b0f;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:var(--mono);font-size:8px;color:#59606c;letter-spacing:.08em}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.75fr);gap:18px;max-width:1540px;margin:0 auto}.hero-card{border:1px solid var(--line);background:rgba(17,19,26,.94);min-height:580px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 55%,rgba(255,255,255,.025) 55% 56%,transparent 56%)}.card-tag{position:absolute;top:18px;left:18px;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:#707784}.signal-card{padding:74px 42px 32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:40px;align-items:center}.hero-copy h1{margin:0 0 20px;font-size:clamp(42px,5vw,78px);letter-spacing:-.065em;line-height:.93;font-weight:700;max-width:650px}.hero-copy h1 em{font-style:normal;color:var(--acid)}.hero-copy p{color:#a0a5af;font-size:14px;line-height:1.8;max-width:520px}.call-config{border:1px solid #343844;background:#0c0e13;padding:18px;display:flex;flex-direction:column;gap:16px;box-shadow:13px 13px 0 #08090d}.call-config label,.timer-form label,.add-contact label,.auth-card label{font-family:var(--mono);font-size:9px;color:#777e8c;letter-spacing:.09em;display:flex;flex-direction:column;gap:8px}input,textarea,select{width:100%;color:var(--ink);background:#151821;border:1px solid #343845;padding:12px 13px;border-radius:0}textarea{resize:vertical;min-height:130px;line-height:1.6}select{appearance:none}.split-control{display:grid;grid-template-columns:1.5fr .7fr;gap:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid #343845}.segmented button{border:0;background:#151821;color:#777e8c;padding:11px;font-size:10px}.segmented button.selected{background:var(--ink);color:#111}.voice-strip{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border:1px dashed #3b404c;padding:12px}.voice-bars{color:var(--cyan);font-family:var(--mono);letter-spacing:2px;white-space:nowrap}.voice-strip strong,.voice-strip small{display:block}.voice-strip strong{font-size:9px;letter-spacing:.07em}.voice-strip small{color:#777e8c;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.voice-strip button{width:34px;height:34px;border-radius:50%;border:1px solid #454b59;background:transparent;color:var(--ink)}.big-switch{min-height:95px;border:0;background:var(--acid);color:#111;text-align:left;display:grid;grid-template-columns:14px 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:18px;position:relative}.switch-light{width:10px;height:10px;background:#111;border-radius:50%;grid-row:1/3;align-self:center;box-shadow:0 0 0 5px rgba(0,0,0,.08)}.big-switch strong{font-family:var(--mono);font-size:12px;letter-spacing:.04em}.big-switch small{font-size:10px;opacity:.62;margin-top:4px}.big-switch:hover{filter:brightness(1.08);transform:translateY(-1px)}
.instrument-card{padding:74px 28px 28px;display:flex;flex-direction:column}.instrument-face{flex:1;background:#0c0e13;border:1px solid #2f333d;padding:22px;display:flex;flex-direction:column;gap:12px}.status-ring{width:min(245px,80%);aspect-ratio:1;margin:10px auto 22px;border-radius:50%;border:1px solid #434957;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 18px #11141a,inset 0 0 0 19px #343947}.status-ring:before,.status-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;border:1px dashed #414653}.status-ring:after{inset:34px;border-color:#2c313b}.status-ring div{text-align:center;z-index:1}.status-ring span{display:block;font-family:var(--mono);font-size:25px;color:var(--acid)}.status-ring small{display:block;margin-top:6px;font-family:var(--mono);font-size:8px;color:#69717e;letter-spacing:.1em}.meter-row{border-top:1px solid #2f333d;padding:12px 2px 0;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:9px;color:#707784}.meter-row b{color:var(--ink);font-size:12px}.mini-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mini-actions button,.utility-card button{border:1px solid #3a3f4a;background:#151821;color:#d9dbe0;font-family:var(--mono);font-size:9px;padding:12px}.mini-actions button:hover,.utility-card button:hover{border-color:var(--acid)}.danger-outline{color:#ff8b89!important;border-color:#5b3435!important}
.ticker{max-width:1540px;margin:18px auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:43px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-family:var(--mono);font-size:9px;color:#777e8c}.ticker b{background:var(--cyan);color:#0c1515;padding:6px 9px}.ticker i{font-style:normal;color:var(--acid)}.utility-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.utility-card{border:1px solid var(--line);background:#11131a;padding:24px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}.utility-card .num{font-family:var(--mono);color:var(--acid);font-size:10px;border:1px solid #50582d;padding:5px 7px}.utility-card h3{font-size:23px;letter-spacing:-.03em;margin:30px 0 8px}.utility-card p{color:#858b98;font-size:12px;line-height:1.75;flex:1}
.module-head{display:grid;grid-template-columns:1fr minmax(300px,480px);gap:30px;padding:40px 0 34px;align-items:end;max-width:1300px;margin:auto}.module-head span,.panel-kicker,.eyebrow{font-family:var(--mono);font-size:9px;color:var(--acid);letter-spacing:.15em}.module-head h1{font-size:clamp(48px,7vw,96px);letter-spacing:-.07em;line-height:.85;margin:12px 0 0}.module-head p{color:#8d939f;line-height:1.75;font-size:13px;margin:0;padding-bottom:4px}.timer-console,.circle-grid,.announce-layout,.event-log,.process-strip{max-width:1300px;margin-left:auto;margin-right:auto}.timer-console{border:1px solid var(--line);background:#11131a;display:grid;grid-template-columns:.8fr 1.2fr;min-height:420px}.timer-readout{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0c0e13;border-right:1px solid var(--line)}.timer-readout span{font-family:var(--mono);color:var(--acid);font-size:clamp(58px,9vw,130px);letter-spacing:-.1em;transform:translateX(-.05em)}.timer-readout small{font-family:var(--mono);color:#66707c;font-size:9px;letter-spacing:.12em;margin-top:10px;max-width:80%;text-align:center}.timer-form{padding:34px;display:flex;flex-direction:column;gap:22px;justify-content:center}.chip-row{display:flex;gap:7px}.chip-row button{border:1px solid #363b46;background:#151821;color:#8b919c;padding:10px 14px;font-family:var(--mono);font-size:10px}.chip-row button.on{background:var(--acid);color:#111;border-color:var(--acid)}.primary{border:0;background:var(--acid);color:#111;font-family:var(--mono);font-weight:600;letter-spacing:.04em;padding:13px 16px}.primary.huge{min-height:72px;font-size:13px}.primary.wide{width:100%}.active-timer-controls{padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.safe-check,.panic-check{border:1px solid #3d4450;background:#0e1015;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--ink);min-height:300px}.safe-check span,.panic-check span{width:90px;height:90px;display:grid;place-items:center;border-radius:50%;font-size:38px;margin-bottom:24px}.safe-check span{background:var(--acid);color:#111}.panic-check span{background:var(--alert);color:#111}.safe-check b,.panic-check b{font-family:var(--mono);font-size:13px;letter-spacing:.06em}.safe-check small,.panic-check small{color:#707784;font-size:10px;margin-top:7px}.process-strip{border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:14px 22px;font-family:var(--mono)}.process-strip div{display:flex;align-items:center;gap:8px}.process-strip b{color:var(--acid);font-size:9px}.process-strip span{color:#757c89;font-size:9px}.process-strip i{color:#3f4550;font-style:normal}
.circle-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px}.contact-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-ticket{min-height:86px;border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:55px 1fr auto auto;gap:14px;align-items:center;padding:0 16px;background:#11131a}.contact-ticket.off{opacity:.42}.ticket-index{font-family:var(--mono);color:#626975;font-size:10px}.contact-ticket strong,.contact-ticket span{display:block}.contact-ticket strong{font-size:15px}.contact-ticket span{font-family:var(--mono);color:#6f7682;font-size:9px;margin-top:4px}.channel-badge{font-family:var(--mono);font-size:8px;border:1px solid #343945;color:#79808d;padding:6px 8px}.contact-ticket button{border:1px solid #4d5730;color:var(--acid);background:transparent;font-family:var(--mono);font-size:8px;padding:8px 10px}.panel-dashed{border:1px dashed #3c414d;padding:22px;background:#0e1015}.add-contact{display:flex;flex-direction:column;gap:16px}.setup-note{max-width:1300px;margin:18px auto 0;border-left:3px solid var(--amber);background:#17150f;color:#9f967f;padding:14px 16px;font-family:var(--mono);font-size:9px;line-height:1.8}.setup-note b{color:var(--amber)}.setup-note code{color:var(--ink)}
.announce-layout{display:grid;grid-template-columns:1fr .75fr;gap:18px}.composer,.announcement-feed{border:1px solid var(--line);background:#11131a;padding:22px}.preset-row{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.preset-row button{border:1px solid #3b404b;background:#151821;color:#b8bdc5;font-family:var(--mono);font-size:9px;padding:10px 11px}.preset-row button:hover{color:#111;background:var(--cyan);border-color:var(--cyan)}.composer textarea{min-height:220px;font-size:20px;letter-spacing:-.02em}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-family:var(--mono);color:#626a77;font-size:9px}.announcement-feed{padding:0;max-height:430px;overflow:auto}.announcement-feed article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;border-bottom:1px solid var(--line);padding:16px}.ann-dot{width:8px;height:8px;background:#8e95a1;border-radius:50%;margin-top:6px}.ann-dot.safe{background:var(--acid)}.ann-dot.watch{background:var(--amber)}.announcement-feed p{margin:0;font-size:12px;line-height:1.6}.announcement-feed time{font-family:var(--mono);color:#626975;font-size:8px}.empty-feed{color:#515864;display:grid;place-items:center;text-align:center;min-height:250px;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.empty-feed small{font-size:8px;letter-spacing:0}
.event-log{border-top:1px solid var(--line)}.event-row{min-height:90px;border:1px solid var(--line);border-top:0;display:grid;grid-template-columns:160px 1fr auto;gap:24px;align-items:center;padding:15px 18px;background:#11131a}.event-row.alert{box-shadow:inset 3px 0 0 var(--alert)}.event-row.warning{box-shadow:inset 3px 0 0 var(--amber)}.event-row.ok{box-shadow:inset 3px 0 0 #526229}.event-type{font-family:var(--mono);font-size:9px;text-transform:uppercase;color:#6d7480}.event-row strong{font-size:13px}.event-row p{margin:4px 0 0;color:#757c88;font-size:10px}.event-row a{display:inline-block;margin-top:5px;color:var(--cyan);font-family:var(--mono);font-size:8px;text-decoration:none}.event-row time{font-family:var(--mono);font-size:8px;color:#5d6470}
.toast{position:fixed;right:22px;bottom:54px;z-index:100;background:#e9ebe4;color:#101115;padding:14px 16px;font-family:var(--mono);font-size:9px;box-shadow:8px 8px 0 rgba(0,0,0,.45);display:flex;gap:10px;align-items:center;max-width:390px}.toast span{color:#699000}.modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(4,5,7,.82);backdrop-filter:blur(9px);padding:20px}.auth-card{width:min(470px,100%);border:1px solid #3b404c;background:#11131a;padding:28px;position:relative;box-shadow:18px 18px 0 #050608}.auth-card h2{font-size:34px;line-height:1;letter-spacing:-.05em;margin:14px 0}.auth-card p{color:#858c98;font-size:11px;line-height:1.7}.auth-card form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.x-button{position:absolute;right:13px;top:12px;width:34px;height:34px;background:transparent;color:#9da2ab;border:1px solid #343945;font-size:20px}.text-button{border:0;background:transparent;color:var(--cyan);font-family:var(--mono);font-size:9px;padding:14px 0 0}.auth-message{color:var(--amber);font-family:var(--mono);font-size:9px;line-height:1.5}
.call-overlay{position:fixed;inset:0;z-index:500;min-height:100dvh;color:#fff;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.call-overlay.ios-call{background:radial-gradient(circle at 70% 10%,#4d4a57 0,#25262e 28%,#101116 65%,#07080b 100%)}.call-overlay.android-call{background:linear-gradient(160deg,#172227,#0a1115 55%,#08100e)}.call-noise{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 3px)}.call-topbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,env(safe-area-inset-left));font-size:13px;font-weight:600;z-index:1}.call-stage{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:9vh;z-index:1}.call-avatar{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#d8dbdf,#808690);color:#1b1d22;font-weight:700;font-size:30px;box-shadow:0 18px 55px rgba(0,0,0,.35)}.android-call .call-avatar{width:102px;height:102px}.call-name{margin-top:24px;font-size:36px;letter-spacing:-.02em;font-weight:500}.call-sub{margin-top:8px;font-size:15px;opacity:.68}.ring-hint{margin-top:18px;font-size:13px;opacity:.42}.call-actions{min-height:180px;display:flex;align-items:center;justify-content:space-around;width:min(450px,100%);margin:0 auto max(32px,env(safe-area-inset-bottom));z-index:1}.call-btn{border:0;background:transparent;color:white;display:flex;flex-direction:column;align-items:center;gap:10px}.call-btn span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-size:31px}.call-btn small{font-size:12px;color:white}.call-btn.decline span{background:#ff493f}.call-btn.accept span{background:#34c759;transform:rotate(-45deg)}.call-btn.centered{margin:auto}.call-home-indicator{width:130px;height:5px;background:#fff;border-radius:10px;opacity:.88;position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:2}.in-call-grid{width:min(420px,90vw);display:grid;grid-template-columns:repeat(3,1fr);gap:25px 10px;margin-top:64px}.in-call-grid button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;gap:8px;align-items:center;font-size:10px}.in-call-grid button span{width:62px;height:62px;background:rgba(255,255,255,.13);border-radius:50%;display:grid;place-items:center;font-size:20px}
.quick-exit:after{content:"LISTA ZAKUPÓW\A\A mleko\A chleb\A makaron\A pomidory\A kawa\A baterie";white-space:pre;position:fixed;inset:0;z-index:1000;background:#faf7ef;color:#222;padding:60px 24px;font:20px/2 Georgia,serif}
@media(max-width:1100px){.app-shell{grid-template-columns:72px 1fr}.signal-card{grid-template-columns:1fr}.hero-card{min-height:auto}.hero-grid{grid-template-columns:1fr}.signal-card{padding-top:85px}.instrument-card{min-height:520px}.utility-grid{grid-template-columns:1fr}.timer-console{grid-template-columns:1fr}.timer-readout{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.circle-grid,.announce-layout{grid-template-columns:1fr}.top-rail{grid-template-columns:1fr auto}.system-state{display:none}}
@media(max-width:720px){.app-shell{display:block;padding-bottom:78px}.top-rail{height:62px;display:flex;justify-content:space-between;padding:0 12px}.brand-lockup small{display:none}.top-actions .ghost:first-child{display:none}.side-rail{position:fixed;z-index:50;bottom:0;left:0;right:0;height:70px;border:1px solid var(--line);display:block}.side-rail nav{display:grid;grid-template-columns:repeat(5,1fr);height:100%}.side-rail nav button{height:100%;border-bottom:0;border-right:1px solid var(--line)}.side-rail nav button.active{box-shadow:inset 0 3px 0 var(--acid)}.rail-code{display:none}.workspace{padding:12px}.bottom-rail{display:none}.hero-grid{gap:12px}.signal-card{padding:68px 18px 18px;gap:24px}.hero-copy h1{font-size:48px}.call-config{box-shadow:7px 7px 0 #08090d}.instrument-card{padding:65px 18px 18px}.ticker{grid-template-columns:1fr;gap:8px;padding:10px 0}.ticker i{display:none}.utility-grid{gap:12px}.module-head{grid-template-columns:1fr;padding:30px 0 24px;gap:18px}.module-head h1{font-size:58px}.timer-readout span{font-size:72px}.timer-form{padding:20px}.active-timer-controls{grid-template-columns:1fr;padding:18px}.process-strip{display:none}.contact-ticket{grid-template-columns:38px 1fr auto}.channel-badge{display:none}.preset-row{display:grid;grid-template-columns:1fr 1fr}.event-row{grid-template-columns:1fr auto;gap:10px}.event-type{grid-column:1/-1}.split-control{grid-template-columns:1fr}.call-name{font-size:32px}}