:root{--bg: #f3f6fb;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--primary: #2563eb;--primary-dark: #1d4ed8;--ok: #047857;--warn: #b45309;font-family:Segoe UI,SF Pro Display,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body,#root{margin:0;min-height:100%}button,input{font:inherit}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-bg{background:radial-gradient(circle at top right,#dbeafe,#f8fafc 45%)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;width:min(440px,100%);box-shadow:0 12px 40px #0f172a0f}.login-card h1{margin:4px 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--primary);font-weight:700;margin:0}.muted{color:var(--muted)}.warn{color:var(--warn)}.ok{color:var(--ok)}.people-grid{display:grid;gap:8px;margin:16px 0}.person-chip{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}.person-chip.active{border-color:var(--primary);background:#eff6ff;box-shadow:0 0 0 3px #2563eb26}.person-chip span{color:var(--muted);font-size:13px}label{display:grid;gap:6px;font-weight:600;margin:12px 0}input.search,label input,.topic-add input,label textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}label textarea{min-height:88px;resize:vertical;font:inherit}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:32px;letter-spacing:.28em;text-align:center;font-weight:700;padding:16px 12px!important}.btn{border:0;border-radius:12px;padding:11px 16px;cursor:pointer;font-weight:700}.btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn.primary.big{width:100%;padding:16px;font-size:18px}.btn.secondary{background:#eef2ff;color:#1d4ed8}.btn.danger{background:#fee2e2;color:#be123c}.btn.ghost{background:transparent;color:var(--muted)}.btn:disabled{opacity:.55}.app-shell{min-height:100dvh;padding-bottom:84px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f3f6fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{border:0;background:none;font-weight:800;color:var(--primary-dark)}.topbar-right{display:flex;gap:8px;align-items:center}.who{font-size:13px;color:var(--muted)}.main{padding:16px;max-width:920px;margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.tabbar button{border:0;background:none;color:var(--muted);font-size:12px;font-weight:700}.tabbar button.active{color:var(--primary-dark)}.tiles{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}.tile{min-height:96px;border:0;border-radius:22px;padding:22px 20px;text-align:left;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.tile-copy{display:grid;gap:6px;min-width:0}.tile strong{font-size:22px;line-height:1.2}.tile span,.tile em{opacity:.92}.tile span{font-size:15px}.tile em{font-style:normal;font-size:34px;font-weight:800;line-height:1}.tile.blue{background:linear-gradient(160deg,#2563eb,#1d4ed8)}.tile.navy{background:linear-gradient(160deg,#1e3a8a,#2563eb)}.tile.teal{background:linear-gradient(160deg,#0f766e,#14b8a6)}.tile.amber{background:linear-gradient(160deg,#d97706,#f59e0b)}.tile.rose{background:linear-gradient(160deg,#e11d48,#fb7185)}.tile.orange{background:linear-gradient(160deg,#c2410c,#fb923c)}.tile.slate{background:linear-gradient(160deg,#334155,#64748b)}.tile.green{background:linear-gradient(160deg,#047857,#34d399)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.list{display:grid;gap:10px;margin-top:14px}.list-card{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.list-card span{display:block;margin-top:4px}.list-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:0 0 auto}.list-card-side em{font-style:normal;color:var(--muted);font-weight:650;white-space:nowrap}.btn.compact{min-height:36px;padding:6px 12px;font-size:14px}.btn.danger.big{width:100%;padding:16px;font-size:18px}.topic-card{flex-direction:column;align-items:stretch}.topic-card .row-actions{margin-top:10px}.list-card-main{flex:1;border:0;background:transparent;text-align:left;padding:0;min-width:0}.topic-desc{display:block;margin-top:6px;font-weight:500;color:var(--text);white-space:pre-wrap}.topic-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}.archive-pills{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}.archive-pills button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px}.archive-pills button.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.archive-pills button.marker-square{width:44px;height:44px;min-width:44px;padding:0;border-radius:8px;border-width:2px;color:#fff;font-size:22px;font-weight:800;line-height:1}.archive-pills button.marker-square.czerwony{background:#dc2626;border-color:#b91c1c;color:#fff}.archive-pills button.marker-square.szary{background:#9ca3af;border-color:#6b7280;color:#fff}.archive-pills button.marker-square.active{box-shadow:0 0 0 3px #0f172a}.name-with-marker{display:inline-flex;align-items:center;gap:8px}.marker-dot{width:14px;height:14px;border-radius:3px;flex:0 0 auto;display:inline-block}.marker-dot.czerwony{background:#dc2626}.marker-dot.szary{background:#9ca3af}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px}.pages,.topics{display:grid;gap:8px}.page-check{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;font-weight:650}.page-check input[type=checkbox]{width:22px;height:22px;accent-color:#16a34a;flex:0 0 auto}.page-check>span{flex:1;min-width:0}.row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:4px}.page-check.on{border-color:#86efac;background:#f0fdf4}.named-check{align-items:center;flex-wrap:wrap}.name-input{flex:1;border:0!important;background:transparent!important;padding:0!important;font-weight:650;min-width:120px}.name-input:focus{background:#fff!important;border:1px solid var(--line)!important;border-radius:8px;padding:6px 8px!important}.check-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.btn-inline{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font-weight:700;font-size:14px;min-height:32px;cursor:pointer}.item-minus{flex:0 0 auto;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:#fee2e2;color:#be123c;font-size:20px;line-height:1;font-weight:700;cursor:pointer;display:grid;place-items:center}.save-bar{position:sticky;bottom:84px;padding-top:16px;display:grid;gap:10px}.topic-add{display:flex;gap:8px}.qr-generator,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0 18px}.selected-people{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.chip-remove{border:1px solid var(--line);background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:10px 14px;font-weight:700}.pick-list{display:grid;gap:8px;margin:10px 0 16px;max-height:280px;overflow:auto}.qr-preview-label{font-weight:800;font-size:18px;color:var(--primary-dark);margin:8px 0 12px}.qr-box{background:#fff;border-radius:16px;padding:16px;text-align:center;border:1px solid var(--line);margin:16px 0}.qr-box img{width:min(240px,100%)}.qr-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.qr-reader{border-radius:16px;overflow:hidden;background:#000;min-height:240px}@media print{.topbar,.tabbar,.qr-generator,.list,.qr-actions,.muted{display:none!important}.qr-box{border:0;box-shadow:none}}@media(max-width:640px){.grid2,.grid3{grid-template-columns:1fr}html{-webkit-text-size-adjust:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.center-screen{padding:16px;padding-top:calc(16px + env(safe-area-inset-top))}.login-card{padding:22px 16px;border-radius:20px;width:100%}.login-card h1{font-size:32px}.code-input{font-size:32px;min-height:64px}.topbar{padding:calc(12px + env(safe-area-inset-top)) 14px 12px}.brand{font-size:18px}.who{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:14px 14px 12px}h2{font-size:26px;margin:8px 0 10px}h3{font-size:20px}.muted{font-size:16px;line-height:1.45}.tiles{gap:14px}.tile{min-height:104px;padding:24px 20px}.tile strong{font-size:24px}.tile span{font-size:16px}.tile em{font-size:40px}.list{gap:12px}.list-card{min-height:72px;padding:18px 16px;border-radius:18px}.list-card strong{font-size:18px}.list-card span{font-size:15px}.page-check,.person-chip{min-height:64px;padding:16px;font-size:17px}.person-chip{padding:16px 18px}.person-chip strong{font-size:18px}.person-chip span{font-size:15px}.archive-pills{gap:10px}.archive-pills button{min-height:52px;padding:14px 18px;font-size:16px}.archive-pills button.marker-square{width:52px;height:52px;min-width:52px;min-height:52px;padding:0;border-radius:10px;font-size:26px}.btn,.btn.primary,.btn.secondary,.btn.danger{min-height:56px;font-size:17px}.btn.primary.big,.btn.danger.big{padding:18px;font-size:20px;min-height:60px}.btn.danger.compact{min-height:40px;font-size:15px;padding:8px 12px}.item-minus{width:32px;height:32px;min-width:32px;min-height:32px;font-size:22px}.topic-add{flex-direction:column}.qr-preview-label{font-size:20px}.qr-actions{flex-direction:column}.qr-actions .btn,.qr-actions a.btn{width:100%;text-align:center}.tabbar{grid-template-columns:repeat(5,1fr);padding:8px 4px calc(12px + env(safe-area-inset-bottom))}.tabbar button{font-size:12px;min-height:56px;line-height:1.2;padding:8px 2px}input.search,label input,.topic-add input,.name-input,.code-input,label textarea{font-size:18px;min-height:54px;padding:14px 16px;border-radius:14px}label{font-size:16px}.save-bar{bottom:88px}.app-shell{padding-bottom:96px}}.install-wrap{margin-top:14px}.install-wrap.compact{margin-top:10px;margin-bottom:8px}.install-btn{width:100%}.install-sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:end center;z-index:40;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.install-sheet-card{width:min(480px,100%);background:#fff;border-radius:20px;padding:20px}.install-sheet-card ol{padding-left:20px;line-height:1.5}@media(display-mode:standalone){.install-wrap{display:none}}