:root{--bg:#0c1116;--bg2:#0a0f13;--panel:#141c23;--panel2:#101820;--line:#243039;--line2:#2e3c47;--ink:#e8eef2;--mut:#8a99a5;--mut2:#5f6e79;--gold:#ffc233;--gold-dim:#9a7414;--us:#e8402e;--opp:#2e7dd6;--radius:12px;--shadow:0 10px 30px #00000073;--font:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--display:"Saira Condensed", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 700px at 75% -10%, #16222c 0%, transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.app{flex-direction:column;min-height:100vh;display:flex}header.top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:linear-gradient(#141c23e6,#101820e6);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;margin-right:6px;display:flex}.brand .pip{background:var(--gold);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 4px #ffc23329}.brand b{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:19px;font-weight:700;line-height:1}.brand span{letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-top:3px;font-size:10.5px;display:block}.titleField{flex:240px;min-width:180px}.titleField input{background:var(--panel2);border:1px solid var(--line);width:100%;color:var(--ink);font-size:15px;font-weight:600;font-family:var(--font);border-radius:10px;padding:9px 12px}.titleField input:focus{border-color:var(--gold-dim);outline:none;box-shadow:0 0 0 3px #ffc2331f}.top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.savedwrap{align-items:center;gap:6px;display:flex}select.saved{background:var(--panel2);border:1px solid var(--line);color:var(--ink);max-width:190px;font-size:13px;font-family:var(--font);border-radius:9px;padding:8px 10px}select.formationselect{width:100%;max-width:100%}button{font-family:var(--font)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:7px;padding:9px 13px;font-size:13.5px;font-weight:600;transition:border-color .12s,background .12s,transform 40ms;display:inline-flex}.btn:hover{border-color:var(--line2);background:#18222b}.btn:active{transform:translateY(1px)}.btn svg{flex:none;width:16px;height:16px}.btn.gold{color:#231a02;background:linear-gradient(#ffce4f,#f4b21f);border-color:#caa028;font-weight:800}.btn.gold:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.work{align-items:flex-start;gap:16px;padding:16px 18px 22px;display:flex}.col-tools{flex:0 0 232px;max-width:232px}.col-stage{flex:auto;min-width:0}.col-notes{flex-direction:column;flex:0 0 268px;gap:16px;max-width:268px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.group{border-bottom:1px solid var(--line);padding:13px 13px 15px}.group:last-child{border-bottom:none}.glabel{letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:0 0 10px;font-size:10.5px;font-weight:700}.toolgrid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.tool{aspect-ratio:1;cursor:pointer;background:var(--panel2);border:1px solid var(--line);color:var(--mut);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;padding:4px 2px;transition:all .12s;display:flex;overflow:hidden}.tool svg{width:20px;height:20px}.tool .tl{letter-spacing:0;text-transform:uppercase;text-align:center;max-width:100%;font-size:8px;font-weight:700;line-height:1.05}.tool:hover{color:var(--ink);border-color:var(--line2)}.tool.active{color:#231a02;background:linear-gradient(#ffce4f,#f4b21f);border-color:#caa028;box-shadow:0 0 0 3px #ffc23324}.swatches{flex-wrap:wrap;gap:9px;display:flex}.sw{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:30px;height:30px;transition:all .12s}.sw:hover{transform:scale(1.08)}.sw.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff2e}.stackbtns{flex-direction:column;gap:8px;display:flex}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chip{cursor:pointer;text-align:center;background:var(--panel2);border:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:700;font-family:var(--display);letter-spacing:.04em;border-radius:10px;padding:11px 8px;transition:all .12s}.chip:hover{border-color:var(--gold-dim);color:var(--gold)}.mini{font-size:12px;font-family:var(--font);letter-spacing:0;padding:9px 8px;font-weight:600}.stagewrap{background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;position:relative}.stagewrap:fullscreen{background:#06090c;justify-content:center;align-items:center;padding:24px;display:flex}.pitchbox{aspect-ratio:1050/680;width:100%;max-width:1050px;margin:0 auto;position:relative}svg.pitch{touch-action:none;cursor:crosshair;border-radius:8px;width:100%;height:100%;display:block;overflow:hidden}svg.pitch.sel{cursor:default}.token{cursor:grab}.token:active{cursor:grabbing}.hint{color:var(--mut2);flex-wrap:wrap;justify-content:center;gap:14px;margin:11px 4px 0;font-size:12px;display:flex}.hint b{color:var(--mut);font-weight:600}.textentry{z-index:20;color:#fff;border:1px solid var(--gold);font:600 14px var(--font);background:#0c1116;border-radius:6px;outline:none;min-width:90px;padding:4px 7px;position:absolute}.legend{gap:16px;margin-bottom:12px;display:flex}.legitem{color:var(--mut);align-items:center;gap:8px;font-size:12.5px;display:flex}.dot{border:2px solid #fff;border-radius:50%;width:14px;height:14px}textarea.notes{resize:vertical;background:var(--panel2);border:1px solid var(--line);width:100%;min-height:230px;color:var(--ink);font:14px/1.55 var(--font);border-radius:10px;padding:11px 12px}textarea.notes:focus{border-color:var(--gold-dim);outline:none;box-shadow:0 0 0 3px #ffc2331f}.savenote{color:var(--mut2);margin-top:9px;font-size:11px;line-height:1.4}.presence{align-items:center;gap:6px;margin-right:4px;display:flex}.statusdot{background:var(--mut2);border-radius:50%;flex:none;width:9px;height:9px}.statusdot[data-status=połączono]{background:#a3e635}.statusdot[data-status=łączenie…]{background:var(--gold)}.statusdot[data-status=rozłączono]{background:var(--us)}.statuslabel{color:var(--mut);margin-right:2px;font-size:11px}.peer{color:#0c1116;border:2px solid var(--panel);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:10px;font-weight:800;display:inline-flex}.peer:first-of-type{margin-left:0}.switchrow{color:var(--ink);cursor:pointer;align-items:flex-start;gap:9px;font-size:13px;line-height:1.35;display:flex}.switchrow input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer;flex:none;margin-top:2px}.switchrow .sub{color:var(--mut)}.presenterline{color:var(--mut);margin:11px 0 0;font-size:13px}.presenterline b{color:var(--ink)}.peerlist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.peerlist li{color:var(--ink);align-items:center;gap:8px;font-size:13px;display:flex}.peerlist .pdot{border:1px solid #ffffff40;border-radius:50%;flex:none;width:11px;height:11px}.peerlist .pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.peerlist .me{color:var(--mut2);font-size:11px}.peerlist .crown{color:var(--gold);margin-left:auto}.readonly-banner{border:1px solid var(--gold-dim);color:var(--gold);text-align:center;background:#ffc2331f;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:12.5px;font-weight:600}.chip.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:disabled{opacity:.4;cursor:not-allowed}.viewtabs{gap:6px;padding:12px 18px 0;display:flex}.viewtab{background:var(--panel);border:1px solid var(--line);color:var(--mut);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border-radius:9px;padding:7px 16px;transition:all .12s}.viewtab:hover{color:var(--ink);border-color:var(--line2)}.viewtab.active{color:#231a02;background:linear-gradient(#ffce4f,#f4b21f);border-color:#caa028}.videowrap{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-width:1280px;margin:0 auto;position:relative;overflow:hidden}.videowrap .videoel{width:100%;height:100%;display:block}.videowrap .overlay{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.videoempty{color:var(--mut);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}@media (width<=1080px){.work{flex-direction:column}.col-tools,.col-notes{flex:auto;width:100%;max-width:100%}.toolgrid{grid-template-columns:repeat(8,1fr)}.swatches{justify-content:flex-start}}@media (width<=560px){.toolgrid{grid-template-columns:repeat(4,1fr)}.brand span{display:none}}