.desktop-only-nav{display:none}.chat-workspace-main{width:100%;min-width:0}.chat-workspace{display:block!important;grid-template-columns:minmax(0,1fr)!important}.calendar-panel{display:flex;flex-direction:column;min-height:0;height:100%}.calendar-days{min-height:0;flex:1}
/* Shared top spacing keeps the creator and the first active tool aligned. */
html[data-platform="desktop"] .desktop-chat-layout{--creator-top-gap:8px}
html[data-platform="desktop"] .desktop-chat-content .creator-strip{margin-top:var(--creator-top-gap)}
@media(min-width:1151px){html[data-platform="desktop"] .desktop-chat-layout>.live-tool-panel{top:var(--creator-top-gap);max-height:calc(100% - var(--creator-top-gap))}}
html[data-platform="desktop"] .desktop-only-nav{display:grid}html[data-platform="desktop"] .round-nav{gap:8px}html[data-platform="desktop"] .round-nav button{flex:0 0 auto;display:grid;place-items:center;line-height:0}html[data-platform="desktop"] .round-nav button>svg,html[data-platform="desktop"] .icon-action>svg{display:block;margin:0;vertical-align:middle}
html[data-platform="desktop"],html[data-platform="desktop"] body{width:100%;height:100%;min-height:0;overflow:hidden}
html[data-platform="desktop"] .app{width:100%;height:100dvh;min-height:0;display:flex;overflow:visible;flex-direction:column;padding-bottom:16px}
html[data-platform="desktop"] .topbar{flex:0 0 92px}
html[data-platform="desktop"] .tab.active{min-height:0;flex:1}
html[data-platform="desktop"] #chat.tab.active{height:auto!important;min-height:0;flex:1;overflow:hidden;background:var(--bg)}
html[data-platform="desktop"] #chat .creator-strip{margin-bottom:0}
html[data-platform="desktop"] .chat-workspace{height:auto;min-height:0;flex:1;margin-top:13px;overflow:hidden;background:var(--bg)}
html[data-platform="desktop"] .chat-workspace-main,html[data-platform="desktop"] .workspace-panel{height:100%;min-height:0;overflow:hidden}
html[data-platform="desktop"] .chat-main-column{height:100%;min-height:0;overflow:hidden}
html[data-platform="desktop"] .chat-main-column .chat-card{height:auto;min-height:0!important;flex:1;overflow:hidden}
html[data-platform="desktop"] .chat-main-column .chat-feed,html[data-platform="desktop"] .chat-main-column .empty{height:auto;min-height:0;overflow:auto;flex:1}
html[data-platform="desktop"] #archive.workspace-panel.page{height:100%;min-height:0;overflow:hidden}
html[data-platform="desktop"] #archive .page-title,html[data-platform="desktop"] #archive .archive-search-mobile{flex:0 0 auto}
html[data-platform="desktop"] #archive .archive-mobile-workspace{min-height:0;display:flex;flex:1;overflow:hidden;flex-direction:column}html[data-platform="desktop"] #archive .archive-list{min-height:0;overflow:auto}html[data-platform="desktop"] #archive .archive-detail-mobile:not([hidden]){min-height:0;display:flex;flex:1;overflow:hidden;flex-direction:column}html[data-platform="desktop"] #archive .archive-detail-mobile>header,html[data-platform="desktop"] #archive .archive-summary-mobile,html[data-platform="desktop"] #archive .archive-filters,html[data-platform="desktop"] #archive #archiveBack{flex:0 0 auto}html[data-platform="desktop"] #archive .archive-messages-mobile{min-height:0;flex:1;overflow:auto}
html[data-platform="desktop"] .notes-backdrop,html[data-platform="desktop"] .notes-dialog,html[data-platform="desktop"] .calendar-panel,html[data-platform="desktop"] .radio-panel{height:100%;min-height:0;overflow:hidden}
html[data-platform="desktop"] .calendar-days{grid-template-rows:repeat(6,minmax(58px,1fr));overflow:auto}
html[data-platform="desktop"] .calendar-day{min-height:0}
html[data-platform="desktop"] .radio-list{min-height:0;overflow:auto}

/* Desktopowy układ jak w panelu ustawień: stała nawigacja po lewej,
   nazwa obok ikony i zawartość aktywnej funkcji w obszarze po prawej. */
html[data-platform="desktop"]{--desktop-main-nav-width:240px}
html[data-platform="desktop"] .app{display:grid;grid-template-columns:var(--desktop-main-nav-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden}
html[data-platform="desktop"] .topbar{grid-column:1;grid-row:1;min-width:0;height:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;padding:18px 10px;border:0;border-right:1px solid var(--line);background:color-mix(in srgb,var(--panel) 97%,var(--bg));overflow:hidden auto}
html[data-platform="desktop"] .topbar .brand{flex:0 0 auto;width:100%;min-width:0;padding:2px 8px 12px;border-bottom:1px solid var(--line)}
html[data-platform="desktop"] .topbar .brand-mark{width:38px;height:38px}
html[data-platform="desktop"] .topbar .brand strong{font-size:14px}
html[data-platform="desktop"] .topbar .brand small{font-size:9px}
html[data-platform="desktop"] .round-nav{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:3px;width:100%}
html[data-platform="desktop"] .round-nav::before{content:"Program";display:block;padding:2px 10px 6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
html[data-platform="desktop"] .round-nav button{position:relative;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px;width:100%;height:36px;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);box-shadow:none;font:inherit;font-size:12px;font-weight:750;line-height:1;text-align:left}
html[data-platform="desktop"] .round-nav button::after{content:attr(aria-label);display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-platform="desktop"] .round-nav button>svg{position:static!important;inset:auto!important;flex:0 0 18px;width:18px;height:18px;margin:0!important}
html[data-platform="desktop"] .round-nav button:hover{background:color-mix(in srgb,var(--cyan) 9%,var(--panel2));color:var(--cyan)}
html[data-platform="desktop"] .round-nav button.active{background:color-mix(in srgb,var(--cyan) 16%,var(--panel2));color:var(--cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 22%,transparent)}
html[data-platform="desktop"] .account-dock{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;width:100%;margin-top:auto;padding:7px 8px 0;border-top:1px solid var(--line)}
html[data-platform="desktop"] .account-dock[hidden],html:not([data-platform="desktop"]) .account-dock{display:none!important}
html[data-platform="desktop"] .account-dock-avatar,.account-avatar-preview{display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--cyan);font-weight:800}
html[data-platform="desktop"] .account-dock-avatar{width:28px;height:28px;font-size:11px}
html[data-platform="desktop"] .account-dock-avatar span,html[data-platform="desktop"] .account-dock-avatar span svg{width:17px;height:17px}
html[data-platform="desktop"] .account-dock-avatar span svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html[data-platform="desktop"] .account-dock-avatar img,.account-avatar-preview img{width:100%;height:100%;object-fit:cover}
html[data-platform="desktop"] .account-dock b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html[data-platform="desktop"] .account-dock button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
html[data-platform="desktop"] .account-dock button:hover{background:color-mix(in srgb,var(--cyan) 10%,var(--panel2));color:var(--cyan)}
html[data-platform="desktop"] .account-dock button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-platform="desktop"] .account-dock{position:relative}
html[data-platform="desktop"] .account-dock #accountDockName{cursor:pointer}
html[data-platform="desktop"] .account-dock #accountDockName:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:3px}
html[data-platform="desktop"] .account-quick-menu{position:absolute;z-index:220;left:8px;right:8px;bottom:52px;display:grid;gap:3px;padding:10px;border:1px solid color-mix(in srgb,var(--cyan) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 18px 55px #000b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-platform="desktop"] .account-quick-menu[hidden],html:not([data-platform="desktop"]) .account-quick-menu{display:none!important}
html[data-platform="desktop"] .account-quick-menu>header{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:4px 5px 7px}
html[data-platform="desktop"] .account-menu-avatar{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));border-radius:50%;background:var(--panel2);color:var(--cyan);font-size:13px;font-weight:900}
html[data-platform="desktop"] .account-menu-avatar img{width:100%;height:100%;object-fit:cover}
html[data-platform="desktop"] .account-quick-menu header>span:last-child{min-width:0;display:grid;gap:3px}
html[data-platform="desktop"] .account-quick-menu header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
html[data-platform="desktop"] .account-quick-menu header small{color:var(--muted);font-size:9px}
html[data-platform="desktop"] .account-menu-divider{height:1px;margin:3px 2px;background:var(--line)}
html[data-platform="desktop"] .account-menu-limits{display:grid;gap:7px;padding:7px 7px 8px}
html[data-platform="desktop"] .account-menu-limits>strong{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
html[data-platform="desktop"] .account-menu-limits>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}
html[data-platform="desktop"] .account-menu-limits em{color:var(--muted);font-style:normal}
html[data-platform="desktop"] .account-menu-limits b{color:var(--cyan);font-variant-numeric:tabular-nums}
html[data-platform="desktop"] .account-menu-limits .account-limit-reset-button{width:100%;min-height:30px;margin-top:3px;border:1px solid var(--line);border-radius:9px;background:var(--theme-control);color:var(--text);font-size:10px;font-weight:800;cursor:pointer}
html[data-platform="desktop"] .account-menu-limits .account-limit-reset-button:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 22%,transparent)}
html[data-platform="desktop"] .account-menu-limits .account-limit-reset-button:disabled{opacity:.42;cursor:not-allowed}
html[data-platform="desktop"] .account-quick-menu>.account-limits-toggle{justify-content:space-between}
html[data-platform="desktop"] .account-limits-toggle>span:first-child{display:flex;align-items:center;gap:9px}
html[data-platform="desktop"] .account-limits-toggle .account-limits-chevron{font-size:18px;line-height:1;transition:transform .15s ease}
html[data-platform="desktop"] .account-limits-toggle[aria-expanded="true"] .account-limits-chevron{transform:rotate(90deg)}
html[data-platform="desktop"] .account-quick-menu>button{width:100%;min-height:36px;display:flex;align-items:center;gap:9px;border:0;border-radius:9px;background:transparent;color:var(--text);padding:8px 9px;text-align:left;font-size:11px;font-weight:750;cursor:pointer}
html[data-platform="desktop"] .account-quick-menu>button:hover{background:color-mix(in srgb,var(--cyan) 10%,var(--panel2));color:var(--cyan)}
html[data-platform="desktop"] .account-quick-menu>button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-platform="desktop"] #accountMenuLogout:hover{background:color-mix(in srgb,#ff526f 11%,var(--panel2));color:#ff7189}
html[data-platform="desktop"] .support-qr-card{position:relative;width:174px;flex:0 0 auto;align-self:center;margin-top:auto;padding:10px 10px 9px;border:1px solid color-mix(in srgb,var(--cyan) 32%,var(--line));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 8%,var(--panel)),color-mix(in srgb,var(--pink) 7%,var(--panel2)));box-shadow:0 10px 26px color-mix(in srgb,var(--bg) 48%,transparent);text-align:center;overflow:hidden}
html[data-platform="desktop"] .support-qr-card[hidden],html:not([data-platform="desktop"]) .support-qr-card{display:none!important}
html[data-platform="desktop"] .support-qr-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:7px;padding:3px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg) 32%,var(--panel2))}
html[data-platform="desktop"] .support-qr-switch button{min-width:0;padding:5px 4px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:9px;font-weight:800;line-height:1;cursor:pointer}
html[data-platform="desktop"] .support-qr-switch button.active{background:color-mix(in srgb,var(--cyan) 18%,var(--panel2));color:var(--cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 32%,transparent)}
html[data-platform="desktop"] .support-qr-switch button:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}
html[data-platform="desktop"] .support-qr-link{display:block;color:inherit;text-decoration:none;outline:0}
html[data-platform="desktop"] .support-qr-link:focus-visible{border-radius:10px;box-shadow:0 0 0 2px var(--cyan)}
html[data-platform="desktop"] .support-qr-frame{width:152px;height:152px;padding:5px;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px #0001,0 5px 16px #0003}
html[data-platform="desktop"] .support-qr-card img{display:block;width:142px;height:142px;object-fit:contain;image-rendering:auto;user-select:none}
html[data-platform="desktop"] .support-qr-card b{display:block;margin-top:8px;color:var(--text);font-size:10px;line-height:1.25}
html[data-platform="desktop"] .support-qr-card small{display:block;margin-top:2px;color:var(--muted);font-size:8px;line-height:1.2}
html[data-platform="desktop"] .support-qr-action{display:block;margin-top:7px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--cyan) 42%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--cyan) 12%,var(--panel2));color:var(--cyan);font-size:9px;font-weight:800;line-height:1.15;transition:background .15s ease,transform .15s ease}
html[data-platform="desktop"] .support-qr-link:hover .support-qr-action{background:color-mix(in srgb,var(--cyan) 21%,var(--panel2));transform:translateY(-1px)}
html[data-platform="desktop"] .support-qr-card:not([hidden])+.account-dock{margin-top:0}
html[data-platform="desktop"] .topbar.settings-mode>.support-qr-card{display:none!important}
:root[data-theme="white-titanium"] .support-qr-card{box-shadow:0 10px 24px #6b655d24}
:root[data-theme="rose-gold-glass"] .support-qr-card,:root[data-theme="rose-glass"] .support-qr-card{border-color:color-mix(in srgb,var(--pink) 46%,var(--line))}
:root[data-theme="miami-vice"] .support-qr-card{background:linear-gradient(145deg,color-mix(in srgb,var(--pink) 18%,var(--panel)),color-mix(in srgb,var(--cyan) 17%,var(--panel2)));box-shadow:0 10px 28px #ff68c62c}
@media(max-height:760px){html[data-platform="desktop"] .support-qr-card{width:150px;padding:8px}html[data-platform="desktop"] .support-qr-frame{width:132px;height:132px}html[data-platform="desktop"] .support-qr-card img{width:122px;height:122px}}
@media(max-height:650px){html[data-platform="desktop"] .support-qr-card{display:none!important}}
html[data-platform="desktop"] .tab.active{grid-column:2;grid-row:1;width:100%;max-width:none!important;height:100%!important;min-width:0;min-height:0;margin:0;padding:26px 30px 18px;overflow:hidden}
html[data-platform="desktop"] #settings.tab.active,html[data-platform="desktop"] #about.tab.active{padding-top:30px}
html[data-platform="desktop"] #chat.tab.active{padding-top:18px}
html[data-platform="desktop"] .chat-tool-rail{display:none!important}
html[data-platform="desktop"] .timer-backdrop{inset:0 0 0 var(--desktop-main-nav-width);place-items:stretch;padding:0;background:var(--bg);backdrop-filter:none}
html[data-platform="desktop"] .timer-dialog{width:100%;max-width:none;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;background:var(--bg);box-shadow:none;padding:30px clamp(24px,8vw,150px)}
html[data-platform="desktop"] .timer-dialog>header{flex:0 0 auto;border:1px solid var(--line);border-radius:18px 18px 0 0;background:var(--panel)}
html[data-platform="desktop"] .timer-dialog>.timer-display,html[data-platform="desktop"] .timer-dialog>.timer-inputs,html[data-platform="desktop"] .timer-dialog>.timer-help,html[data-platform="desktop"] .timer-dialog>.giveaway-form{width:100%;max-width:820px;margin-left:auto;margin-right:auto}
html[data-platform="desktop"] .timer-dialog>footer{margin-top:auto;border:1px solid var(--line);border-radius:0 0 18px 18px;background:var(--panel)}
@media(max-width:900px){html[data-platform="desktop"]{--desktop-main-nav-width:190px}html[data-platform="desktop"] .tab.active{padding-inline:18px}html[data-platform="desktop"] .timer-dialog{padding-inline:24px}}
html[data-platform="desktop"] #settings.tab.active{overflow:auto;scrollbar-width:none}html[data-platform="desktop"] #settings.tab.active::-webkit-scrollbar{width:0;height:0}html[data-platform="desktop"] #about.tab.active{overflow:auto;scrollbar-width:none}html[data-platform="desktop"] #about.tab.active::-webkit-scrollbar{width:0;height:0}
html[data-platform="desktop"] #settings.tab.active{display:flex;flex-direction:column;overflow:hidden}html[data-platform="desktop"] #settings .page-title{flex:0 0 auto}html[data-platform="desktop"] #settings .settings-layout{flex:1;min-height:0;align-items:stretch}html[data-platform="desktop"] #settings .settings-index{position:relative;top:auto;height:max-content;max-height:100%;overflow:auto}html[data-platform="desktop"] #settings .settings-content{min-height:0;overflow:auto;padding-right:5px;scrollbar-gutter:stable}
.note-rich-editor{min-height:0;flex:1;overflow:auto;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:11px 12px;outline:0;line-height:1.55;white-space:pre-wrap}.note-rich-editor:focus{border-color:var(--cyan)}.note-rich-editor:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.note-rich-editor ul,.note-rich-editor ol{margin:6px 0;padding-left:24px}.note-rich-editor p{margin:0 0 7px}
.calendar-panel{position:relative}.calendar-modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(7px)}.calendar-modal[hidden]{display:none}.calendar-modal-dialog{width:min(620px,100%);max-height:100%;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.calendar-modal-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.calendar-modal-dialog>header h3,.calendar-modal-dialog>header p{margin:0}.calendar-modal-dialog>header p{margin-top:4px;color:var(--muted);font-size:10px}.calendar-modal-actions{display:flex;align-items:center;gap:8px}.calendar-modal-dialog>header button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--text);font-size:22px;line-height:0}.calendar-modal-dialog .calendar-form{padding:16px}.calendar-day-events{display:grid;gap:8px;padding:14px}.calendar-day-events>button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-left:4px solid var(--event-color);border-radius:14px;background:var(--panel2);color:var(--text);padding:12px;text-align:left}.calendar-day-events>button:hover{border-color:color-mix(in srgb,var(--cyan) 55%,var(--line));background:color-mix(in srgb,var(--cyan) 8%,var(--panel2))}.calendar-day-events span{display:grid;gap:4px}.calendar-day-events small{color:var(--muted)}.calendar-day-events i{color:var(--cyan);font-style:normal;font-size:10px}.calendar-day-empty{padding:22px;text-align:center;color:var(--muted)}
html[data-platform="desktop"] .calendar-actions button,html[data-platform="desktop"] .calendar-modal-dialog>footer button,html[data-platform="desktop"] .calendar-form-actions button,html[data-platform="desktop"] .calendar-settings-actions button,html[data-platform="desktop"] .calendar-settings-actions label,html[data-platform="desktop"] [data-settings-add-category],html[data-platform="desktop"] [data-settings-save-categories]{min-height:40px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:9px 15px;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.1);transition:border-color .15s,background .15s,color .15s,transform .15s}html[data-platform="desktop"] .calendar-actions button:hover,html[data-platform="desktop"] .calendar-modal-dialog>footer button:hover,html[data-platform="desktop"] .calendar-form-actions button:hover,html[data-platform="desktop"] .calendar-settings-actions button:hover,html[data-platform="desktop"] .calendar-settings-actions label:hover,html[data-platform="desktop"] [data-settings-add-category]:hover,html[data-platform="desktop"] [data-settings-save-categories]:hover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--panel2));color:var(--cyan);transform:translateY(-1px)}html[data-platform="desktop"] .calendar-actions .primary,html[data-platform="desktop"] .calendar-modal-dialog>footer .primary,html[data-platform="desktop"] .calendar-form-actions .primary,html[data-platform="desktop"] [data-settings-save-categories]{border-color:var(--line);background:var(--panel2);color:var(--text)}html[data-platform="desktop"] .calendar-nav button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);box-shadow:0 5px 16px rgba(0,0,0,.1)}html[data-platform="desktop"] .calendar-nav button:hover{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--panel2));color:var(--cyan)}
.category-manager{gap:10px}.category-row{grid-template-columns:70px minmax(120px,1fr) 45px 105px 105px auto 38px;margin:0;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);box-shadow:0 7px 22px color-mix(in srgb,var(--bg) 24%,transparent)}.category-row input{height:40px;border-radius:10px!important;background:color-mix(in srgb,var(--panel) 82%,transparent)!important}.category-row input[type=color]{padding:5px!important}.category-row>.danger{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;background:color-mix(in srgb,var(--pink) 10%,var(--panel));color:var(--pink);font-size:20px}.category-all-day{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:700;white-space:nowrap}.category-all-day input{width:18px;height:18px;accent-color:var(--cyan)}
@media(max-width:820px){.category-row{grid-template-columns:64px minmax(100px,1fr) 40px 90px 90px 34px}.category-all-day{grid-column:2/6}.category-row>.danger{grid-column:6;grid-row:1}}
@media(max-width:560px){.category-row{grid-template-columns:58px minmax(80px,1fr) 38px 34px}.category-row input[type=time]{grid-column:span 2}.category-all-day{grid-column:1/4}.category-row>.danger{grid-column:4;grid-row:1}}

/* Jednolity język akcji: takie same przyciski SVG w każdym module desktopowym. */
html[data-platform="desktop"] .icon-action{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 40px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--muted);padding:0;box-shadow:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}
html[data-platform="desktop"] .icon-action{position:relative;line-height:0}html[data-platform="desktop"] .icon-action svg{position:absolute;inset:0;width:19px;height:19px;margin:auto;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transform:none}html[data-platform="desktop"] .round-nav button{position:relative}html[data-platform="desktop"] .round-nav button>svg{position:absolute;inset:0;margin:auto;transform:none}
html[data-platform="desktop"] .timer-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:#05070a99;backdrop-filter:blur(4px)}html[data-platform="desktop"] .timer-backdrop[hidden]{display:none}.timer-dialog{width:min(100%,430px);border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 24px 80px #0009;overflow:hidden}.timer-dialog header{min-height:76px;padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.timer-dialog h2{margin:0;font-size:18px}.timer-dialog header p,.timer-help{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.timer-display{margin:22px 18px 16px;border:1px solid color-mix(in srgb,var(--cyan) 40%,var(--line));border-radius:16px;background:var(--panel2);color:var(--cyan);font-variant-numeric:tabular-nums;font-size:42px;line-height:1;text-align:center;padding:24px 12px;letter-spacing:.06em;font-weight:800}.timer-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 18px}.timer-inputs label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.timer-inputs input{width:100%;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:11px;outline:0;font-variant-numeric:tabular-nums}.timer-inputs input:focus{border-color:var(--cyan)}.timer-help{padding:0 18px;min-height:36px}.timer-dialog footer{display:flex;gap:9px;justify-content:flex-end;padding:16px 18px;border-top:1px solid var(--line)}.timer-dialog footer button{min-height:40px;border-radius:11px;padding:0 14px;font-weight:800;cursor:pointer}.timer-primary{border:1px solid color-mix(in srgb,var(--cyan) 65%,var(--line));background:color-mix(in srgb,var(--cyan) 16%,var(--panel2));color:var(--cyan)}.timer-alarm-stop{border:1px solid color-mix(in srgb,var(--pink) 60%,var(--line));background:color-mix(in srgb,var(--pink) 16%,var(--panel2));color:var(--pink)}.timer-dialog button:disabled{opacity:.48;cursor:default}
html[data-platform="desktop"] .giveaway-form{display:grid;gap:13px;padding:20px 18px}.giveaway-form label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.giveaway-form input,.giveaway-form select{border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--text);padding:11px;outline:0}.giveaway-form input:focus,.giveaway-form select:focus{border-color:var(--cyan)}html[data-platform="desktop"] #chat.tab.active:has(.desktop-chat-layout.tools-open){overflow:visible}html[data-platform="desktop"] .desktop-chat-layout{height:100%;min-height:0;display:block;position:relative}html[data-platform="desktop"] .desktop-chat-layout.tools-open{display:block}html[data-platform="desktop"] .desktop-chat-content{height:100%;min-height:0;display:flex;flex-direction:column}html[data-platform="desktop"] .desktop-chat-content .creator-strip{flex:0 0 auto}html[data-platform="desktop"] .desktop-chat-content .chat-workspace{min-height:0;flex:1}html[data-platform="desktop"] .live-tool-panel{position:absolute;z-index:5;top:0;right:calc(100% + 14px);width:250px;max-height:100%;min-width:0;overflow:auto;display:grid;align-content:start;gap:10px;padding-right:2px}.live-tool-panel[hidden]{display:none}.live-tool-card{border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden}.live-tool-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:12px}.live-tool-card header span{display:flex;align-items:center;gap:7px;font-weight:850}.live-tool-card header svg{width:16px;height:16px}.live-tool-card header b{font-variant-numeric:tabular-nums;color:var(--text)}.live-tool-close{width:28px;height:28px;margin-left:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted);display:grid;place-items:center;padding:0;cursor:pointer}.live-tool-close:hover{color:var(--pink);border-color:var(--pink)}.live-tool-close svg{width:14px!important;height:14px!important}.live-tool-card p,.live-tool-card strong{display:block;margin:10px 12px;color:var(--muted);font-size:11px;line-height:1.4}.live-tool-card strong{color:var(--text)}.live-tool-card ol{max-height:250px;overflow:auto;margin:0;padding:0 12px 12px 30px;color:var(--text);font-size:12px}.live-tool-card li{padding:5px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.live-tool-card li:last-child{border-bottom:0}@media(max-width:1150px){html[data-platform="desktop"] .live-tool-panel{right:auto;left:0;top:calc(100% + 12px)}}
html[data-platform="desktop"] .icon-action:hover,html[data-platform="desktop"] .icon-action:focus-visible{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 11%,var(--panel2));color:var(--cyan);outline:0;transform:translateY(-1px)}
html[data-platform="desktop"] .icon-action.primary{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 50%,var(--line))}
html[data-platform="desktop"] .icon-action.danger{color:var(--pink);border-color:color-mix(in srgb,var(--pink) 42%,var(--line))}
html[data-platform="desktop"] .page-title .icon-action{align-self:center}
html[data-platform="desktop"] .notes-toolbar{grid-template-columns:minmax(160px,1fr) repeat(3,40px)}
html[data-platform="desktop"] .notes-toolbar .icon-action{height:36px;flex-basis:36px;border-radius:10px}

/* Kalendarz: każda kategoria jest kartą aplikacji, nie zbiorem systemowych pól. */
html[data-platform="desktop"] .calendar-settings-card{background:color-mix(in srgb,var(--panel) 90%,transparent);border-color:var(--line)}
html[data-platform="desktop"] .calendar-settings-card .setting-row{background:transparent}
html[data-platform="desktop"] .category-manager{gap:10px;margin-top:12px;padding-top:0;border-top:0}
html[data-platform="desktop"] .category-row{width:100%;min-width:0;display:grid;grid-template-columns:minmax(58px,.62fr) minmax(118px,1.45fr) minmax(50px,.52fr) minmax(84px,.9fr) minmax(84px,.9fr) minmax(82px,.78fr) 40px;gap:8px;align-items:end;margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel2) 92%,var(--bg));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 4%,transparent)}
html[data-platform="desktop"] .category-field{display:grid;gap:5px;min-width:0;color:var(--muted)}
html[data-platform="desktop"] .category-field small{font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
html[data-platform="desktop"] .category-row input{width:100%;height:38px;border:1px solid var(--line)!important;border-radius:10px!important;background:color-mix(in srgb,var(--panel) 76%,transparent)!important;color:var(--text);padding:7px 9px!important;box-shadow:none!important}
html[data-platform="desktop"] .category-row input:focus{border-color:var(--cyan)!important;outline:0}
html[data-platform="desktop"] .category-row input[type=color]{min-width:48px;padding:4px!important;cursor:pointer}
html[data-platform="desktop"] .category-all-day{height:38px;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap}
html[data-platform="desktop"] .category-all-day input{width:18px;height:18px;padding:0!important;accent-color:var(--cyan)}
html[data-platform="desktop"] .category-manager{width:min(100%,980px);margin-inline:auto}html[data-platform="desktop"] .category-manager-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:12px 0 4px;padding:12px 0 0;border-top:1px solid var(--line)}html[data-platform="desktop"] .calendar-settings-actions{display:flex;align-items:stretch;justify-content:flex-start;gap:10px;flex-wrap:nowrap;padding-top:8px}
html[data-platform="desktop"] .calendar-settings-actions label.icon-action input{display:none}
html[data-platform="desktop"] .calendar-actions .icon-action,.calendar-modal-dialog>footer .icon-action{width:42px;height:42px}
html[data-platform="desktop"] .calendar-nav .icon-action{width:40px;height:40px}
html[data-platform="desktop"] .calendar-form-actions .icon-action{width:40px;height:40px}
html[data-platform="desktop"] .calendar-day-events i{display:grid;place-items:center;color:var(--cyan)}
html[data-platform="desktop"] .calendar-day-events i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9}
/* Jednolita powierzchnia robocza oraz łagodniejsze, iOS-owe karty kalendarza. */
html[data-platform="desktop"] #chat,html[data-platform="desktop"] #chat.tab.active,html[data-platform="desktop"] .chat-workspace-main,html[data-platform="desktop"] .workspace-panel,html[data-platform="desktop"] .chat-main-column,html[data-platform="desktop"] .chat-workspace{background:transparent!important}
html[data-platform="desktop"] .calendar-panel{border-radius:24px;background:color-mix(in srgb,var(--panel) 94%,var(--bg));box-shadow:0 18px 45px color-mix(in srgb,var(--bg) 28%,transparent)}
html[data-platform="desktop"] .calendar-days{gap:8px;padding:9px 16px 16px}
html[data-platform="desktop"] .calendar-week{gap:8px;padding:0 16px}
html[data-platform="desktop"] .calendar-day{border-radius:16px;border-color:color-mix(in srgb,var(--line) 88%,transparent);background:color-mix(in srgb,var(--panel2) 92%,transparent);padding:9px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 5%,transparent)}

/* Spójny system ustawień wzorowany na desktopowym panelu Codex. */
html[data-platform="desktop"] #settings.tab.active{padding:0!important;background:var(--desktop-surface,var(--bg))!important}
html[data-platform="desktop"] #settings>.page-title{display:none!important}
html[data-platform="desktop"] #settings .settings-layout{height:100%;min-height:0;display:block!important}
html[data-platform="desktop"] #settings .settings-content{
  width:100%!important;max-width:none!important;height:100%;margin:0!important;
  padding:70px 18px 96px!important;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable
}
html[data-platform="desktop"] #settings .settings-section{
  width:min(768px,100%);max-width:768px;margin:0 auto 48px;scroll-margin-top:28px
}
html[data-platform="desktop"] #settings .settings-section.settings-category-hidden{display:none!important}
html[data-platform="desktop"] #settings .settings-section>.settings-group{width:100%;max-width:none;margin:0}
html[data-platform="desktop"] #settings .settings-section>.group-head,
html[data-platform="desktop"] #settings .settings-group>.group-head{margin:0 0 14px;padding:0}
html[data-platform="desktop"] #settings .group-head h2{margin:0;font-size:15px;line-height:1.3;font-weight:720;color:var(--text)}
html[data-platform="desktop"] #settings .group-head p{margin:5px 0 0;font-size:11px;line-height:1.45;color:var(--muted)}
html[data-platform="desktop"] #settings .settings-card{
  width:100%;margin:0;border:1px solid var(--line);border-radius:16px;
  background:var(--panel)!important;box-shadow:none;overflow:hidden
}
html[data-platform="desktop"] #settings .settings-card.gift-sounds-card{overflow:visible}
html[data-platform="desktop"] .account-profile-card>form{display:grid;gap:14px;padding:18px}
html[data-platform="desktop"] .account-profile-card>form+form{border-top:1px solid var(--line)}
html[data-platform="desktop"] .account-avatar-editor{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px}
html[data-platform="desktop"] .account-avatar-preview{width:72px;height:72px;font-size:24px}
html[data-platform="desktop"] .account-avatar-editor>div{display:grid;gap:5px}
html[data-platform="desktop"] .account-avatar-editor small,.account-email{color:var(--muted);font-size:11px;line-height:1.45}
html[data-platform="desktop"] .account-avatar-actions{display:flex;gap:8px;margin-top:7px}
html[data-platform="desktop"] .account-avatar-actions label,html[data-platform="desktop"] .account-avatar-actions button,html[data-platform="desktop"] .account-profile-card form>button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:8px 12px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}
html[data-platform="desktop"] .account-profile-card form>button[type="submit"]{justify-self:end;background:color-mix(in srgb,var(--cyan) 14%,var(--panel2));border-color:color-mix(in srgb,var(--cyan) 42%,var(--line));color:var(--cyan)}
html[data-platform="desktop"] .account-field{display:grid;gap:6px;color:var(--text);font-size:11px;font-weight:700}
html[data-platform="desktop"] .account-field input{width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:9px 11px;outline:0}
html[data-platform="desktop"] .account-field input:focus{border-color:var(--cyan)}
html[data-platform="desktop"] .account-email-field input[readonly]{background:color-mix(in srgb,var(--panel2) 72%,var(--muted) 28%);color:var(--muted);border-color:color-mix(in srgb,var(--line) 78%,var(--muted) 22%);cursor:default}
html[data-platform="desktop"] .account-password-form>b{font-size:13px}
html[data-platform="desktop"] .account-password-form+.setting-row{border-top:1px solid var(--line)!important}
html[data-platform="desktop"] #settings .setting-row{
  width:100%;min-height:74px;margin:0;padding:14px 16px;display:flex;align-items:center;
  justify-content:space-between;gap:24px;border:0;border-bottom:1px solid var(--line);background:transparent!important
}
html[data-platform="desktop"] #settings .setting-row:last-child{border-bottom:0}
html[data-platform="desktop"] #settings .setting-row>span{min-width:0;flex:1}
html[data-platform="desktop"] #settings .setting-row b{font-size:13px;line-height:1.35;font-weight:700;color:var(--text)}
html[data-platform="desktop"] #settings .setting-row small{margin-top:4px;font-size:11px;line-height:1.4;font-weight:400;color:var(--muted)}
html[data-platform="desktop"] #settings .setting-row.stack{min-height:0;align-items:stretch;gap:12px;padding-top:15px;padding-bottom:15px}

html[data-platform="desktop"] #settings .switch{
  appearance:none!important;width:34px!important;height:20px!important;min-width:34px!important;
  flex:0 0 34px!important;margin:0 0 0 auto!important;border:0!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--muted) 38%,var(--panel2))!important;box-shadow:none!important;cursor:pointer
}
html[data-platform="desktop"] #settings .switch::after{
  width:16px!important;height:16px!important;left:2px!important;top:2px!important;
  background:var(--panel)!important;box-shadow:0 1px 3px color-mix(in srgb,var(--bg) 42%,transparent)
}
html[data-platform="desktop"] #settings .switch:checked{background:var(--accent)!important}
html[data-platform="desktop"] #settings .switch:checked::after{transform:translateX(14px)!important;background:#fff!important}

html[data-platform="desktop"] #settings .range-row>input[type="range"]{
  appearance:none;width:230px;min-width:230px;max-width:230px;height:18px;margin:0 0 0 auto;
  flex:0 0 230px;background:transparent;accent-color:var(--accent);cursor:pointer
}
html[data-platform="desktop"] #settings input[type="range"]::-webkit-slider-runnable-track{
  height:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,var(--panel2))
}
html[data-platform="desktop"] #settings input[type="range"]::-webkit-slider-thumb{
  appearance:none;width:15px;height:15px;margin-top:-5.5px;border:2px solid var(--panel);
  border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,var(--line))
}
html[data-platform="desktop"] #settings input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}

html[data-platform="desktop"] #settings select,
html[data-platform="desktop"] #settings input[type="text"],
html[data-platform="desktop"] #settings input[type="password"],
html[data-platform="desktop"] #settings input[type="number"],
html[data-platform="desktop"] #settings input[type="time"]{
  min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)!important;
  color:var(--text);padding:7px 10px;font:inherit;font-size:12px;outline:0;box-shadow:none
}
html[data-platform="desktop"] #settings select:focus,
html[data-platform="desktop"] #settings input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}
html[data-platform="desktop"] #settings .setting-row.stack>select{width:100%;height:38px}

html[data-platform="desktop"] #settings button:not(.switch),
html[data-platform="desktop"] #settings .calendar-transfer-action{
  min-height:36px;border-radius:9px;font:inherit;font-size:12px;font-weight:650
}
html[data-platform="desktop"] #settings .segmented{
  min-height:40px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)
}
html[data-platform="desktop"] #settings .segmented button{min-height:32px;padding:6px 10px;border-radius:7px;color:var(--muted)}
html[data-platform="desktop"] #settings .segmented button.active{background:var(--accent);color:#fff;box-shadow:none}
html[data-platform="desktop"] #settings .test-voice{width:calc(100% - 32px);height:38px;min-height:38px;margin:12px 16px;background:var(--panel2);border-color:var(--line)}
html[data-platform="desktop"] #settings .code-form{min-height:62px;padding:12px 16px;align-items:center}
html[data-platform="desktop"] #settings .code-form input{height:36px}
html[data-platform="desktop"] #settings .code-form button,
html[data-platform="desktop"] #settings .secondary{height:36px;min-height:36px;padding:0 13px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
html[data-platform="desktop"] #settings .danger-button{height:36px;min-height:36px;padding:0 13px;border-radius:9px;font-size:12px}

html[data-platform="desktop"] #settings .tts-filter-editor{padding:14px 16px;border-top:1px solid var(--line);gap:10px;background:transparent}
html[data-platform="desktop"] #settings .tts-filter-editor label b{font-size:13px}
html[data-platform="desktop"] #settings .tts-filter-editor label small,
html[data-platform="desktop"] #settings .manual-spam-summary small{font-size:11px;line-height:1.4}
html[data-platform="desktop"] #settings .tts-user-form button,
html[data-platform="desktop"] #settings .manual-spam-summary button{height:36px;padding:0 12px;font-size:12px;background:var(--panel2);color:var(--cyan)}

html[data-platform="desktop"] #settings .gift-sound-add{margin-top:0;grid-template-columns:minmax(0,1fr) auto auto}
html[data-platform="desktop"] #settings .gift-sound-add input,
html[data-platform="desktop"] #settings .gift-sound-add button,
html[data-platform="desktop"] #settings .sound-picker-toggle,
html[data-platform="desktop"] #settings .gift-sound-actions button{height:36px;min-height:36px;border-radius:9px}
html[data-platform="desktop"] #settings .gift-sound-row{min-height:66px;padding:12px 16px;gap:10px;background:transparent}
html[data-platform="desktop"] #settings .sound-picker-menu{border-radius:10px;background:var(--panel);box-shadow:0 14px 36px color-mix(in srgb,var(--bg) 42%,transparent)}

html[data-platform="desktop"] #settings .calendar-settings-card .setting-row{padding:16px}
html[data-platform="desktop"] #settings .category-manager{width:100%;max-width:none;margin:2px 0 0}
html[data-platform="desktop"] #settings .category-row{
  border:1px solid var(--line);border-radius:11px;background:var(--panel2)!important;box-shadow:none
}
html[data-platform="desktop"] #settings .calendar-transfer-action{min-height:52px!important;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
@media(max-width:760px){
  html[data-platform="desktop"] #settings .settings-content{padding:42px 18px 72px!important}
  html[data-platform="desktop"] #settings .range-row{align-items:stretch;flex-direction:column;gap:12px}
  html[data-platform="desktop"] #settings .range-row>input[type="range"]{width:100%;min-width:0;max-width:none;flex:0 0 auto;margin-left:0}
}
html[data-platform="desktop"] .calendar-event-chip{border-left:3px solid var(--event-color);border-radius:8px;padding:4px 6px;background:color-mix(in srgb,var(--event-color) 68%,var(--panel2));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
html[data-platform="desktop"] .radio-station-row{grid-template-columns:42px minmax(0,1fr) 42px}
html[data-platform="desktop"] .radio-play{border-radius:50%}
html[data-platform="desktop"] .calendar-transfer-action{width:min(360px,100%);min-height:52px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;justify-content:start!important;gap:10px!important;padding:9px 12px!important;text-align:left!important}html[data-platform="desktop"] .calendar-settings-actions .calendar-transfer-action,html[data-platform="desktop"] .category-manager-actions .calendar-transfer-action{flex:0 1 300px;width:300px;max-width:calc(50% - 5px)}html[data-platform="desktop"] .calendar-transfer-action>svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}html[data-platform="desktop"] .calendar-transfer-action>span{display:grid;gap:2px;min-width:0}html[data-platform="desktop"] .calendar-transfer-action b{font-size:11px}html[data-platform="desktop"] .calendar-transfer-action small{color:var(--muted);font-size:9px;font-weight:600}html[data-platform="desktop"] .calendar-transfer-action input{display:none}
@media(max-width:820px){html[data-platform="desktop"] .category-row{grid-template-columns:70px minmax(130px,1fr) 54px 92px 92px 40px}html[data-platform="desktop"] .category-all-day{grid-column:2/6;grid-row:2}html[data-platform="desktop"] .category-row>.danger{grid-column:6;grid-row:1}}
.message-leading-slot{width:24px;flex:0 0 24px;align-self:stretch;display:grid;place-items:center}.spam-message-check{appearance:auto;width:17px;height:17px;margin:0;accent-color:var(--pink);cursor:pointer;position:relative;z-index:3;pointer-events:auto}html[data-platform="desktop"] .spam-bulk-button:disabled{opacity:.42;cursor:not-allowed}html[data-platform="mobile"] .settings-layout{display:block}html[data-platform="mobile"] .settings-index{display:none}

/* Końcowe priorytety układu pulpitu — chronią boczny indeks przed starszymi regułami. */
html[data-platform="desktop"] .round-nav button>svg{position:static!important;inset:auto!important;display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important}
html[data-platform="desktop"] .timer-backdrop{position:fixed!important;inset:0 0 0 var(--desktop-main-nav-width)!important;z-index:120!important;display:grid!important;place-items:stretch!important;padding:0!important;background:var(--bg)!important;backdrop-filter:none!important}
html[data-platform="desktop"] .timer-backdrop[hidden]{display:none!important}
html[data-platform="desktop"] .timer-dialog{width:100%!important;max-width:none!important;height:100%!important;display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:var(--bg)!important;box-shadow:none!important;padding:30px clamp(24px,8vw,150px)!important}

/* Stabilny układ desktopowy: każda strona ma własną, wyraźną powierzchnię. */
html[data-platform="desktop"] #archive.workspace-panel.page{
  display:flex;flex-direction:column;width:100%;padding:22px;
  border:1px solid var(--line);border-radius:20px;
  background:color-mix(in srgb,var(--panel) 94%,var(--bg));
  box-shadow:0 16px 42px color-mix(in srgb,var(--bg) 30%,transparent)
}
html[data-platform="desktop"] #archive .archive-mobile-workspace,
html[data-platform="desktop"] #archive #archiveEmpty{width:100%;min-width:0}

html[data-platform="desktop"] #settings .page-title,
html[data-platform="desktop"] #settings .settings-layout,
html[data-platform="desktop"] #about.tab.active>*{
  width:min(1120px,100%);margin-left:auto;margin-right:auto
}
html[data-platform="desktop"] #settings .settings-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}
html[data-platform="desktop"] #settings .settings-index,
html[data-platform="desktop"] #settings .settings-content{min-width:0}
html[data-platform="desktop"] #about.tab.active{padding-left:clamp(28px,6vw,100px);padding-right:clamp(28px,6vw,100px)}
html[data-platform="desktop"] #about .about-panel{width:min(960px,100%);margin-left:auto;margin-right:auto}

/* Aktywne narzędzia są osobną kolumną po prawej, nigdy nakładką na czat. */
html[data-platform="desktop"] #chat.tab.active{padding-right:74px}
html[data-platform="desktop"] .desktop-chat-layout,
html[data-platform="desktop"] .desktop-chat-layout.tools-open{
  display:grid;grid-template-columns:minmax(0,1fr);gap:14px
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open{grid-template-columns:minmax(0,1fr) minmax(210px,250px)}
html[data-platform="desktop"] .desktop-chat-content{grid-column:1;min-width:0}
html[data-platform="desktop"] .desktop-chat-layout>.live-tool-panel{
  position:static!important;grid-column:2;grid-row:1;width:auto!important;
  max-height:100%!important;min-width:0;overflow:auto;padding:var(--creator-top-gap) 2px 0 0
}
@media(max-width:1150px){
  html[data-platform="desktop"] .desktop-chat-layout.tools-open{grid-template-columns:minmax(0,1fr) minmax(190px,220px)}
  html[data-platform="desktop"] .desktop-chat-layout>.live-tool-panel{position:static!important}
}

/* Minutnik i Giveaway: jeden ograniczony panel z kompletną ramką. */
html[data-platform="desktop"] .timer-backdrop{
  padding:30px clamp(26px,6vw,92px)!important;
  background:var(--bg)!important
}
html[data-platform="desktop"] .timer-dialog{
  align-self:center;justify-self:center;width:min(980px,100%)!important;
  height:auto!important;max-height:100%!important;overflow:auto!important;
  border:1px solid var(--line)!important;border-radius:20px!important;
  background:color-mix(in srgb,var(--panel) 94%,var(--bg))!important;
  box-shadow:0 18px 50px color-mix(in srgb,var(--bg) 34%,transparent)!important;
  padding:0!important
}
html[data-platform="desktop"] .timer-dialog>header{
  border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important
}
html[data-platform="desktop"] .timer-dialog>footer{
  margin-top:0!important;border:0!important;border-top:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important
}
html[data-platform="desktop"] .timer-dialog>.timer-display,
html[data-platform="desktop"] .timer-dialog>.timer-inputs,
html[data-platform="desktop"] .timer-dialog>.timer-help,
html[data-platform="desktop"] .timer-dialog>.giveaway-form{max-width:none;margin-left:0;margin-right:0}

/* Górny pasek aplikacji połączony wizualnie z lewym panelem. */
html[data-platform="desktop"]{--desktop-menu-height:35px}
html[data-platform="desktop"] .app{
  grid-template-rows:var(--desktop-menu-height) minmax(0,1fr)
}
html[data-platform="desktop"] .desktop-menu-bar{
  grid-column:1/-1;grid-row:1;position:relative;z-index:300;
  display:flex;align-items:stretch;gap:1px;min-width:0;
  padding:0 8px;border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--panel) 97%,var(--bg));
  color:var(--muted);font-size:12px;user-select:none;-webkit-app-region:drag
}
html[data-platform="desktop"] .desktop-menu-bar button,
html[data-platform="desktop"] .desktop-menu-dropdown,
html[data-platform="desktop"] .desktop-submenu{-webkit-app-region:no-drag}
html[data-platform="desktop"].electron-shell .desktop-menu-bar{padding-right:146px}
html[data-platform="desktop"] .desktop-menu-mark{
  width:25px;display:grid;place-items:center;color:var(--text);font-size:15px
}
html[data-platform="desktop"] .desktop-menu-group{position:relative;display:flex}
html[data-platform="desktop"] .desktop-menu-trigger,
html[data-platform="desktop"] .desktop-menu-direct{
  height:34px;border:0;border-radius:0;background:transparent;color:var(--muted);
  padding:0 13px;font-size:12px;cursor:pointer
}
html[data-platform="desktop"] .desktop-menu-trigger:hover,
html[data-platform="desktop"] .desktop-menu-trigger[aria-expanded="true"],
html[data-platform="desktop"] .desktop-menu-direct:hover{
  background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text)
}
html[data-platform="desktop"] .desktop-menu-dropdown{
  position:absolute;z-index:310;top:34px;left:0;width:220px;
  padding:6px;border:1px solid var(--line);border-radius:0 0 11px 11px;
  background:color-mix(in srgb,var(--panel) 98%,var(--bg));
  box-shadow:0 18px 44px rgba(0,0,0,.38)
}
html[data-platform="desktop"] .desktop-menu-dropdown[hidden]{display:none!important}
html[data-platform="desktop"] .desktop-menu-dropdown>button{
  width:100%;min-height:34px;display:flex;align-items:center;border:0;border-radius:7px;
  background:transparent;color:var(--text);padding:7px 10px;text-align:left;font-size:12px;cursor:pointer
}
html[data-platform="desktop"] .desktop-menu-dropdown>button:hover,
html[data-platform="desktop"] .desktop-menu-dropdown>button.selected{
  background:color-mix(in srgb,var(--cyan) 13%,var(--panel2));color:var(--cyan)
}
html[data-platform="desktop"] [data-menu="creators"] .desktop-menu-dropdown{width:220px}
html[data-platform="desktop"] .desktop-creator-host{
  position:absolute;left:calc(100% + 5px);top:6px;width:250px
}
html[data-platform="desktop"] .desktop-creator-host:has(.creator-panel[data-mode="edit"]){top:46px}
html[data-platform="desktop"] .desktop-creator-host:empty{display:none}
html[data-platform="desktop"] .desktop-creator-host .creator-panel{
  position:static;inset:auto;width:100%;margin:0;padding:6px;
  border:1px solid var(--line);border-radius:10px;
  box-shadow:0 18px 44px rgba(0,0,0,.38);background:var(--panel)
}
html[data-platform="desktop"] .desktop-creator-submenu-trigger::after{content:"›";margin-left:auto;color:var(--muted)}
html[data-platform="desktop"] .desktop-creator-submenu-trigger[aria-expanded="true"]::after{color:var(--cyan)}
html[data-platform="desktop"] .desktop-creator-host .limit{margin:0;padding:7px 9px 8px;border-bottom:1px solid var(--line);font-size:10px}
html[data-platform="desktop"] .desktop-creator-host .creator-list{max-height:245px;padding:3px 0;border:0;background:transparent}
html[data-platform="desktop"] .desktop-creator-host .creator-row{min-width:0;padding:0;border:0;border-radius:7px;background:transparent!important}
html[data-platform="desktop"] .desktop-creator-host .creator-row:hover{background:color-mix(in srgb,var(--cyan) 13%,var(--panel2))!important}
html[data-platform="desktop"] .desktop-creator-host .creator-name{min-width:0;min-height:36px;padding:5px 7px;border-radius:7px;background:transparent!important;color:var(--text);font-size:11px;overflow:hidden}
html[data-platform="desktop"] .desktop-creator-host .creator-name .mini-avatar{width:26px;height:26px;flex:0 0 26px;font-size:10px}
html[data-platform="desktop"] .desktop-creator-host .creator-name{white-space:nowrap;text-overflow:ellipsis}
html[data-platform="desktop"] .desktop-creator-host .star,
html[data-platform="desktop"] .desktop-creator-host .delete{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;padding:0;border-radius:7px;font-size:16px}
html[data-platform="desktop"] .desktop-creator-host .star:hover{background:var(--panel2);color:#ffd34d}
html[data-platform="desktop"] .desktop-creator-host .delete:hover{background:var(--panel2);color:var(--pink)}
html[data-platform="desktop"] .desktop-creator-host #creatorForm{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:2px 2px 7px}
html[data-platform="desktop"] .desktop-creator-host #creatorForm input{min-width:0;padding:8px 9px;border-radius:8px;font-size:11px}
html[data-platform="desktop"] .desktop-creator-host #creatorForm button{min-height:34px;padding:0 10px;border-radius:8px;font-size:11px}

/* Widgety statystyk jako ikony na pasku czatu, obok narzędzia spamu. */
html[data-platform="desktop"] .live-controls{position:relative;gap:7px}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons{
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;display:flex!important;grid-template-columns:none!important;
  align-items:center;gap:5px!important;margin:0!important;padding:0!important
}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons[hidden]{display:none!important}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button{
  position:relative;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  display:grid!important;place-items:center!important;flex:0 0 36px!important;
  margin:0!important;padding:0!important;border:1px solid color-mix(in srgb,var(--stat-color) 38%,var(--line))!important;border-radius:9px!important;
  background:color-mix(in srgb,var(--stat-color) 8%,var(--panel2))!important;color:var(--stat-color)!important;text-align:center!important
}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button[data-stat-detail="gift"]{--stat-color:var(--stat-gift)}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button[data-stat-detail="topGifters"]{--stat-color:var(--stat-top)}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button[data-stat-detail="envelope"]{--stat-color:var(--stat-box)}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button[data-stat-detail="viewers"]{--stat-color:var(--stat-viewers)}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button:hover,
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button[aria-expanded="true"]{
  border-color:var(--stat-color)!important;background:color-mix(in srgb,var(--stat-color) 18%,var(--panel2))!important;color:var(--stat-color)!important
}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons .stat-icon{
  width:20px!important;height:20px!important;display:grid;place-items:center;border-radius:0;background:transparent!important;color:inherit!important
}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons .stat-icon svg{width:18px!important;height:18px!important}
html[data-platform="desktop"] #chat #stats.desktop-stat-buttons>button>div{display:none!important}
html[data-platform="desktop"] #chat #statDialogBackdrop{
  position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 8px)!important;
  z-index:95!important;width:min(390px,calc(100vw - var(--desktop-main-nav-width) - 32px))!important;
  height:auto!important;margin:0!important;padding:0!important;background:transparent!important;
  align-items:stretch!important;justify-content:stretch!important
}
html[data-platform="desktop"] #chat #statDialogBackdrop[hidden]{display:none!important}
html[data-platform="desktop"] #chat #statDialogBackdrop .mobile-dialog{
  width:100%!important;max-width:none!important;max-height:min(68vh,620px)!important;
  border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.38)!important
}
html[data-platform="desktop"] #chat #statDialogBackdrop .mobile-dialog>header{padding:12px 13px}
html[data-platform="desktop"] #chat #statDialogBackdrop .mobile-dialog h2{font-size:14px}
html[data-platform="desktop"] #chat #statDialogBackdrop .mobile-dialog header p{font-size:10px}
html[data-platform="desktop"] #chat #statDialogBackdrop #statDialogClose{width:30px;height:30px;border-radius:8px;font-size:19px}
html[data-platform="desktop"] #chat #statDialogBackdrop .stat-dialog-content{min-height:90px;max-height:min(55vh,500px);padding:8px}
html[data-platform="desktop"] .creator-panel[data-mode="connect"] .star,
html[data-platform="desktop"] .creator-panel[data-mode="connect"] .delete{display:none}
html[data-platform="desktop"] .creator-panel[data-mode="edit"] .creator-name{pointer-events:none}
html[data-platform="desktop"] .creator-panel[data-mode="edit"] .creator-row{padding-left:7px}
html[data-platform="desktop"] .desktop-relocated-setting{display:none!important}
html[data-platform="desktop"] .topbar{grid-column:1;grid-row:2}
html[data-platform="desktop"] .tab.active{grid-column:2;grid-row:2}
html[data-platform="desktop"] .timer-backdrop{inset:var(--desktop-menu-height) 0 0 var(--desktop-main-nav-width)!important}
html[data-platform="desktop"] .desktop-submenu{
  position:absolute;left:calc(100% + 5px);top:6px;width:220px;
  margin:0;padding:6px;border:1px solid var(--line);border-radius:10px;
  background:color-mix(in srgb,var(--panel) 98%,var(--bg));
  box-shadow:0 18px 44px rgba(0,0,0,.38)
}
html[data-platform="desktop"] .desktop-submenu[data-view-submenu="filters"]{top:46px;width:230px}
html[data-platform="desktop"] .desktop-submenu[hidden]{display:none!important}
html[data-platform="desktop"] .desktop-submenu>button{
  width:100%;min-height:32px;display:flex;align-items:center;border:0;border-radius:7px;
  background:transparent;color:var(--text);padding:6px 10px;text-align:left;font-size:11px;cursor:pointer
}
html[data-platform="desktop"] .desktop-submenu>button:hover,
html[data-platform="desktop"] .desktop-submenu>button.selected{
  background:color-mix(in srgb,var(--cyan) 13%,var(--panel2));color:var(--cyan)
}
html[data-platform="desktop"] .desktop-submenu-trigger::after{
  content:"›";margin-left:auto;transition:transform .15s
}
html[data-platform="desktop"] .desktop-submenu-trigger[aria-expanded="true"]::after{transform:none;color:var(--cyan)}
html[data-platform="desktop"] .desktop-filter-host .filters-popover{
  position:static!important;z-index:auto;width:100%;max-height:245px;
  grid-template-columns:1fr;gap:3px;margin:0;padding:2px;border:0;border-radius:0;
  background:transparent;box-shadow:none
}
html[data-platform="desktop"] .desktop-filter-host .filters-popover button{
  min-height:31px;margin:0;padding:6px 9px;border-radius:7px;font-size:11px
}
html[data-platform="desktop"] #about .about-tabs{display:none!important}
html[data-platform="desktop"] #about .about-logo-img{
  width:94px!important;max-width:94px!important;height:94px!important;object-fit:contain;object-position:center;
  padding:5px;background:var(--panel);border:1px solid var(--line)
}
html[data-platform="desktop"] #about[data-help-view="mobile"]>.about-logo-img,
html[data-platform="desktop"] #about[data-help-view="mobile"]>.eyebrow,
html[data-platform="desktop"] #about[data-help-view="mobile"]>h1{display:none!important}
html[data-platform="desktop"] #about[data-help-view="mobile"] #aboutMobile{padding-top:34px}

/* Funkcje zajmują całą dostępną przestrzeń po prawej stronie. */
html[data-platform="desktop"] .tab.active{padding:14px 16px 12px}
html[data-platform="desktop"] #chat.tab.active{padding-right:0;padding-top:14px}
html[data-platform="desktop"] #chat.tab.active:has(.workspace-panel[data-workspace-panel="chat"]:not([hidden])){padding-right:74px}
html[data-platform="desktop"] #settings .page-title,
html[data-platform="desktop"] #settings .settings-layout,
html[data-platform="desktop"] #about.tab.active>:not(.about-logo-img),
html[data-platform="desktop"] #about .about-panel{width:100%;max-width:none;margin-left:0;margin-right:0}
html[data-platform="desktop"] #archive.workspace-panel.page{padding:18px}

/* Każdy aktywny widok wypełnia cały prawy obszar aplikacji. */
html[data-platform="desktop"] .tab.active{width:100%;height:100%;max-width:none;margin:0;padding:0}
html[data-platform="desktop"] #chat.tab.active{padding:0}
html[data-platform="desktop"] #chat.tab.active:has(.workspace-panel[data-workspace-panel="chat"]:not([hidden])){padding-right:74px}
html[data-platform="desktop"] .desktop-chat-layout,
html[data-platform="desktop"] .desktop-chat-content,
html[data-platform="desktop"] .chat-workspace,
html[data-platform="desktop"] .chat-workspace-main,
html[data-platform="desktop"] .workspace-panel{width:100%;height:100%;max-width:none;margin:0}
html[data-platform="desktop"] .chat-main-column .chat-card{width:100%;height:100%!important;max-width:none;margin:0;border-radius:0}
html[data-platform="desktop"] #archive.workspace-panel.page,
html[data-platform="desktop"] .notes-dialog,
html[data-platform="desktop"] .calendar-panel,
html[data-platform="desktop"] .radio-panel{width:100%;height:100%;max-width:none;margin:0;border-radius:0}
html[data-platform="desktop"] #settings.tab.active{width:100%;height:100%;padding:18px 20px}
html[data-platform="desktop"] #about.tab.active{width:100%;height:100%;padding:22px;overflow:auto}
html[data-platform="desktop"] .timer-backdrop{padding:0!important}
html[data-platform="desktop"] .timer-dialog{align-self:stretch;justify-self:stretch;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;border:0!important;border-radius:0!important}

/* Statystyki należą wyłącznie do Czatu i zajmują jego prawy pionowy pas. */
html[data-platform="desktop"] #stats[hidden]{display:none!important}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]){position:relative}
html[data-platform="desktop"] .desktop-chat-layout,
html[data-platform="desktop"] .desktop-chat-content,
html[data-platform="desktop"] .chat-workspace,
html[data-platform="desktop"] .chat-workspace-main,
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]),
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-main-column{overflow:visible!important}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) #stats{
  position:absolute;z-index:8;top:50%;right:-74px;transform:translateY(-50%);
  width:68px;display:grid;grid-template-columns:1fr;gap:8px;margin:0
}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) #stats>button{
  width:68px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:5px;padding:7px 4px;border-radius:14px;text-align:center
}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) #stats .stat-icon{width:27px;height:27px}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) #stats b{font-size:13px}
html[data-platform="desktop"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) #stats small{font-size:8px;white-space:normal}

/* Prawy dock jest nakładką: czat dochodzi pod widgety bez wyciętej kolumny. */
html[data-platform="desktop"] #chat.tab.active,
html[data-platform="desktop"] #chat.tab.active:has(.workspace-panel[data-workspace-panel="chat"]:not([hidden])){padding-right:0!important}

/* Ustawienia używają lewego paska jako indeksu kategorii. */
html[data-platform="desktop"] .desktop-settings-sidebar[hidden]{display:none!important}
html[data-platform="desktop"] .topbar.settings-mode{padding:0;gap:0;overflow:hidden}
html[data-platform="desktop"] .topbar.settings-mode>.brand,
html[data-platform="desktop"] .topbar.settings-mode>.round-nav,
html[data-platform="desktop"] .topbar.settings-mode>.account-dock{display:none!important}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar{
  position:static;display:flex;width:100%;height:100%;max-height:none;min-height:0;
  flex-direction:column;margin:0;padding:9px 7px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden
}
html[data-platform="desktop"] .desktop-settings-back{
  width:100%;min-height:38px;flex:0 0 auto;margin:0 0 10px;border:0;border-bottom:1px solid var(--line);
  border-radius:0;background:transparent;color:var(--text);padding:7px 9px;text-align:left;font-size:12px;font-weight:750;cursor:pointer
}
html[data-platform="desktop"] .desktop-settings-back:hover{background:color-mix(in srgb,var(--text) 7%,transparent)}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar>strong{padding:3px 9px 9px}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar>nav{min-height:0;overflow:auto;padding-right:2px}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav{display:grid;gap:3px}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button{
  display:flex;align-items:center;justify-content:flex-start;gap:10px;
  width:100%;height:36px;min-height:36px;padding:7px 10px;border:0;border-radius:8px;
  background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:750;line-height:1;text-align:left
}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button svg{
  display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button span{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button:hover{
  background:color-mix(in srgb,var(--cyan) 9%,var(--panel2));color:var(--cyan)
}
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button.active{
  background:color-mix(in srgb,var(--cyan) 16%,var(--panel2));color:var(--cyan);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 22%,transparent)
}
html[data-platform="desktop"] #settings .settings-layout{display:block;width:100%;min-height:0}
html[data-platform="desktop"] #settings .settings-content{width:100%;height:100%;max-width:none;padding-right:5px}

/* Archiwum, Notatki i Kalendarz korzystają z tego samego lewego indeksu co Ustawienia. */
html[data-platform="desktop"] .topbar.module-mode>.desktop-module-sidebar{padding:9px 7px;max-width:100%;overflow:hidden}
html[data-platform="desktop"] .desktop-module-sidebar>[data-module-title]{padding:3px 9px 8px!important;font-size:12px;line-height:16px}
html[data-platform="desktop"] .desktop-module-sidebar>.desktop-module-tools{display:grid;gap:5px;width:100%;min-width:0;padding:0 4px 8px;flex:0 0 auto;overflow:hidden}
html[data-platform="desktop"] .desktop-module-sidebar>.desktop-module-list{display:flex;flex-direction:column;gap:5px;min-height:0;overflow:auto;padding:0 2px 8px}
html[data-platform="desktop"] .desktop-module-archive-tools{display:block;width:100%;min-width:0;overflow:hidden}
html[data-platform="desktop"] .desktop-module-archive-tools .archive-search-mobile{display:block;width:100%;height:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent}
html[data-platform="desktop"] .desktop-module-archive-tools .archive-search-mobile svg{display:none}
html[data-platform="desktop"] .desktop-module-archive-tools .archive-search-mobile input{width:100%;min-width:0;height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font-size:11px;outline:0}
html[data-platform="desktop"] .desktop-module-notes-tools{display:block;width:100%;min-width:0;overflow:hidden}
html[data-platform="desktop"] .desktop-module-notes-tools #notesSearch{width:100%;min-width:0;height:36px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:11px}
html[data-platform="desktop"] .desktop-module-sidebar .archive-list,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list{display:flex!important;flex-direction:column;gap:5px;width:100%;min-height:0;overflow:visible;padding:0;border:0}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list>button{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0;min-height:38px;margin:0;border:1px solid transparent;border-radius:8px;padding:6px 8px;text-align:left;background:transparent!important;color:var(--text)}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card:hover,
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card.active,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list>button:hover,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list>button.active{border-color:color-mix(in srgb,var(--cyan) 42%,var(--line));background:color-mix(in srgb,var(--cyan) 14%,var(--theme-row,var(--panel2)))!important}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card>span:nth-child(2){min-width:0}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card b,
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card small,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list b,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list small{display:block;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal!important;overflow-wrap:anywhere}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card b,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list b{font-size:11px;line-height:14px}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-card small,
html[data-platform="desktop"] .desktop-module-sidebar .notes-list small{font-size:9px;line-height:12px;color:var(--muted);margin:0}
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-icon,
html[data-platform="desktop"] .desktop-module-sidebar .archive-session-coins{display:none}
html[data-platform="desktop"] .desktop-category-button{display:flex;align-items:center;gap:9px;width:100%;height:36px;min-height:36px;border:1px solid transparent;border-radius:8px;padding:5px 8px;background:transparent;color:var(--text);text-align:left;font-size:11px}
html[data-platform="desktop"] .desktop-category-button:hover,
html[data-platform="desktop"] .desktop-category-button.active{border-color:color-mix(in srgb,var(--cyan) 32%,var(--line));background:color-mix(in srgb,var(--cyan) 13%,var(--panel2))}
html[data-platform="desktop"] .desktop-category-button>i{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--category-color,var(--cyan));box-shadow:0 0 0 3px color-mix(in srgb,var(--category-color,var(--cyan)) 20%,transparent)}
html[data-platform="desktop"] .desktop-category-button>i.desktop-category-all{background:linear-gradient(135deg,var(--pink),var(--cyan))}
html[data-platform="desktop"] .desktop-category-button>span{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden}
html[data-platform="desktop"] .desktop-category-button b{flex:0 0 auto;font-size:11px}
html[data-platform="desktop"] .desktop-category-button small{min-width:0;color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-platform="desktop"] #archive.workspace-panel.page{padding:0!important}
html[data-platform="desktop"] #archive>.page-title{display:none}
html[data-platform="desktop"] #archive .archive-mobile-workspace{height:100%;padding:0}
html[data-platform="desktop"] #archive #archiveBack{display:none}
html[data-platform="desktop"] #archive .archive-detail-mobile{height:100%;padding:18px}
html[data-platform="desktop"] #archive #archiveEmpty{height:100%;margin:0;border:0;border-radius:0}
html[data-platform="desktop"] .notes-backdrop{position:static!important;inset:auto!important;padding:0!important;background:transparent!important}
html[data-platform="desktop"] .notes-dialog{border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-platform="desktop"] .notes-dialog>header #notesClose{display:none}
html[data-platform="desktop"] .notes-toolbar{display:flex;justify-content:flex-end;grid-template-columns:none}
html[data-platform="desktop"] .notes-workspace{display:block!important;min-height:0;overflow:auto}
html[data-platform="desktop"] .notes-workspace>.note-editor{width:100%;height:100%}

/* Pełne, nieprzezroczyste palety dla nowego układu. */
:root[data-theme="dark-titanium"]{
  --bg:#070a10;--panel:#10151e;--panel2:#19212d;--line:#344156;--text:#f5f7fb;--muted:#9aa8bc;--cyan:#67c7f5;--pink:#f06b92;--accent:#8aa4c8;--shadow:0 16px 38px #0008;
  --theme-canvas:linear-gradient(145deg,#070a10,#111722 56%,#0b1018);--theme-chrome:linear-gradient(110deg,#0c1119,#18202c);--theme-panel:linear-gradient(145deg,#111722,#0d121b);--theme-row:linear-gradient(100deg,#19212d,#131a25);--theme-control:linear-gradient(145deg,#202a38,#151c28);
  --header-bg:#10151f;--desktop-chrome:#10151f;--desktop-surface:#0d121b;
  --stat-gift:#ff6b93;--stat-top:#ffd15c;--stat-box:#65b8ff;--stat-viewers:#4de0ae;
  --workspace-shell-border:#344156;--workspace-shell-shadow:0 18px 44px #000a,0 1px 0 #ffffff0a inset;
  --codex-chrome:#202124;--codex-sidebar:#202124;--codex-workspace:#18191b;--codex-divider:#303236;--codex-hover:#292b2f;--codex-active:#34363b
}
:root[data-theme="white-titanium"]{
  --bg:#ecebe6;--panel:#f7f6f1;--panel2:#deddd6;--line:#aaa9a2;--text:#20242b;--muted:#686d76;--cyan:#236f91;--pink:#a33f61;--accent:#65758a;--shadow:0 14px 34px #4b4a431f;
  --theme-canvas:linear-gradient(145deg,#f9f8f3,#deddd7 58%,#eeede7);--theme-chrome:linear-gradient(110deg,#deddd6,#faf9f5);--theme-panel:linear-gradient(145deg,#fffefa,#e7e6df);--theme-row:linear-gradient(100deg,#f8f7f2,#d9d8d1);--theme-control:linear-gradient(145deg,#fdfcf8,#d4d3cc);
  --header-bg:#e7e6df;--desktop-chrome:#e7e6df;--desktop-surface:#f4f3ee;
  --stat-gift:#a55367;--stat-top:#946d18;--stat-box:#4e718f;--stat-viewers:#3f806b;
  --workspace-shell-border:#aaa9a2;--workspace-shell-shadow:0 16px 38px #4b4a4330,0 1px 0 #ffffffb8 inset;
  --codex-chrome:#e2e1dc;--codex-sidebar:#e2e1dc;--codex-workspace:#f7f6f1;--codex-divider:#c8c7c1;--codex-hover:#ecebe6;--codex-active:#faf9f5
}
:root[data-theme="chill-serwis"]{
  --bg:#041328;--panel:#08213f;--panel2:#0c315b;--line:#3577a8;--text:#f2f9ff;--muted:#93bad9;--cyan:#58d6ff;--pink:#ff759e;--accent:#238dce;--shadow:0 16px 40px #00132d99;
  --theme-canvas:radial-gradient(circle at 88% 8%,#12639b 0,#082e58 26%,transparent 51%),linear-gradient(145deg,#031126,#082c54 55%,#064a78);--theme-chrome:linear-gradient(110deg,#06182f,#0a3b70 68%,#1269a0);--theme-panel:linear-gradient(145deg,#092748,#061a34);--theme-row:linear-gradient(100deg,#0d3763,#082542);--theme-control:linear-gradient(145deg,#125086,#092d52);
  --header-bg:#08213f;--desktop-chrome:#08213f;--desktop-surface:#06172e;
  --stat-gift:#60d4ff;--stat-top:#ffd166;--stat-box:#4faaff;--stat-viewers:#5ce1c1;
  --workspace-shell-border:#3577a8;--workspace-shell-shadow:0 18px 46px #00132db8,0 1px 0 #58d6ff24 inset;
  --codex-chrome:#06182f;--codex-sidebar:#071c34;--codex-workspace:#06172e;--codex-divider:#1d4568;--codex-hover:#0c2c4d;--codex-active:#10395e
}
:root[data-theme="rose-gold-glass"],:root[data-theme="rose-glass"]{
  --bg:#efd8d1;--panel:#fff6f1;--panel2:#ead0c8;--line:#bd8f82;--text:#402c2c;--muted:#80625e;--cyan:#347b82;--pink:#bd4f76;--accent:#b47c68;--shadow:0 16px 36px #6c3d312b;
  --theme-canvas:linear-gradient(140deg,#fff8f5,#f0d2c8 42%,#dca087 72%,#f8e7df);--theme-chrome:linear-gradient(110deg,#fff8f4,#e8bbaa 58%,#cf927e);--theme-panel:linear-gradient(145deg,#fffaf7,#efd8cf);--theme-row:linear-gradient(100deg,#fff6f1,#e7c7bd);--theme-control:linear-gradient(145deg,#fffaf7,#ddb4a7);
  --header-bg:#f0d4ca;--desktop-chrome:#f0d4ca;--desktop-surface:#f5ddd5;
  --stat-gift:#c65778;--stat-top:#a46d22;--stat-box:#9a5d80;--stat-viewers:#4c8b77;
  --workspace-shell-border:#bd8f82;--workspace-shell-shadow:0 17px 40px #6c3d313d,0 1px 0 #ffffffb0 inset;
  --codex-chrome:#ead0c8;--codex-sidebar:#efd8d1;--codex-workspace:#fff6f1;--codex-divider:#d7b4aa;--codex-hover:#f6e5df;--codex-active:#fffaf7
}
:root[data-theme="lazarskie-rejony"],:root[data-theme="enigma-z"]{
  --bg:#080d15;--panel:#101a28;--panel2:#1b2a40;--line:#4b6388;--text:#f3f6fb;--muted:#9eb0c8;--cyan:#72ddf7;--pink:#df7ca0;--accent:#7799cf;--shadow:0 18px 42px #02050a99;
  --theme-canvas:radial-gradient(circle at 82% 12%,#183c5a 0,transparent 34%),linear-gradient(145deg,#070b12,#162235 55%,#0a111c);--theme-chrome:linear-gradient(110deg,#0c131e,#24354e 64%,#14263a);--theme-panel:linear-gradient(145deg,#142033,#0b121d);--theme-row:linear-gradient(100deg,#1e304a,#111c2b);--theme-control:linear-gradient(145deg,#29405f,#17263b);
  --header-bg:#111a28;--desktop-chrome:#111a28;--desktop-surface:#0a0f17;
  --stat-gift:#84a9ff;--stat-top:#d8b45c;--stat-box:#6de7ff;--stat-viewers:#69c9a7;
  --workspace-shell-border:#4b6388;--workspace-shell-shadow:0 20px 48px #02050ab8,0 1px 0 #72ddf71a inset;
  --codex-chrome:#0c131e;--codex-sidebar:#111923;--codex-workspace:#0a0f17;--codex-divider:#29384d;--codex-hover:#172235;--codex-active:#1e2d43
}
:root[data-theme="miami-vice"]{
  --bg:#110b2b;--panel:#21164d;--panel2:#342568;--line:#8a5da2;--text:#fff4ff;--muted:#c0add3;--cyan:#5de8ef;--pink:#ff68c6;--accent:#a877e8;--shadow:0 18px 42px #07021999;
  --theme-canvas:radial-gradient(circle at 8% 8%,#752269 0,transparent 32%),radial-gradient(circle at 92% 10%,#086785 0,transparent 29%),linear-gradient(145deg,#160936,#3a1762 48%,#073d67);--theme-chrome:linear-gradient(110deg,#24104d,#7b246c 48%,#075f79);--theme-panel:linear-gradient(145deg,#31165c,#171038 65%,#0b3f60);--theme-row:linear-gradient(100deg,#442064,#251348 55%,#0d4965);--theme-control:linear-gradient(145deg,#672659,#352059 55%,#12627a);
  --header-bg:#21184f;--desktop-chrome:#21184f;--desktop-surface:#160f35;
  --stat-gift:#ff75c8;--stat-top:#ffe08a;--stat-box:#6de7ff;--stat-viewers:#83f0c5;
  --workspace-shell-border:#8a5da2;--workspace-shell-shadow:0 20px 50px #070219c7,0 1px 0 #ff68c633 inset;
  --codex-chrome:#24104d;--codex-sidebar:#201442;--codex-workspace:#160f35;--codex-divider:#4a326f;--codex-hover:#30205b;--codex-active:#3c286e
}
:root[data-theme="drwinka"]{
  --bg:#050505;--panel:#11110f;--panel2:#1c1b16;--line:#5b552a;--text:#fffef4;--muted:#c5bd89;--cyan:#ffd900;--pink:#fff4a8;--accent:#f1c900;--shadow:0 18px 46px #000c,0 0 24px #ffd90012;
  --theme-canvas:radial-gradient(circle at 86% 7%,#4d4100 0,transparent 28%),linear-gradient(145deg,#030303,#15140d 52%,#070700);--theme-chrome:linear-gradient(110deg,#050505,#24200b 58%,#0a0a08);--theme-panel:linear-gradient(145deg,#17160e,#080807);--theme-row:linear-gradient(100deg,#24210c,#11110d 62%,#070707);--theme-control:linear-gradient(145deg,#2a270e,#10100c);
  --header-bg:#090907;--desktop-chrome:#090907;--desktop-surface:#070706;
  --stat-gift:#ffd900;--stat-top:#fff8c9;--stat-box:#e7c100;--stat-viewers:#ffffff;
  --workspace-shell-border:#5b552a;--workspace-shell-shadow:0 20px 52px #000e,0 0 0 1px #ffd90017,0 1px 0 #fff4a81f inset;
  --codex-chrome:#e9c600;--codex-sidebar:#f0ce00;--codex-workspace:#070706;--codex-divider:#302d18;--codex-hover:#fff070;--codex-active:#080808
}
:root[data-theme="sloneczna-polana"]{
  --bg:#052d36;--panel:#083b45;--panel2:#0d4b55;--line:#b78a1b;--text:#ffffff;--muted:#d8e6e7;--cyan:#ffd23f;--pink:#f2b814;--accent:#eeb718;--shadow:0 18px 44px #00171db3,0 0 24px #f7c51c18;
  --theme-canvas:radial-gradient(circle at 86% 8%,#1b6269 0,transparent 29%),linear-gradient(145deg,#031f27,#073640 50%,#0a4650);--theme-chrome:linear-gradient(110deg,#042832,#0a414a 64%,#e0a90f);--theme-panel:linear-gradient(145deg,#0a424b,#052c35);--theme-row:linear-gradient(100deg,#10515a,#083943 62%,#062d35);--theme-control:linear-gradient(145deg,#145d64,#0a3b44);
  --header-bg:#06343e;--desktop-chrome:#06343e;--desktop-surface:#042932;
  --stat-gift:#ffd23f;--stat-top:#ffffff;--stat-box:#eab319;--stat-viewers:#8fe2d8;
  --workspace-shell-border:#b78a1b;--workspace-shell-shadow:0 20px 50px #00171dc7,0 0 0 1px #ffd23f17,0 1px 0 #ffffff1f inset;
  --codex-chrome:#06343e;--codex-sidebar:#073842;--codex-workspace:#042932;--codex-divider:#24505a;--codex-hover:#0b4650;--codex-active:#10525b
}

:root[data-theme="sloneczna-polana"] .brand-mark,
:root[data-theme="sloneczna-polana"] .empty-orbit{background:linear-gradient(135deg,#fff 0 12%,#ffd438 34%,#e5a800 70%,#fff2a4)!important;color:#052d36!important;box-shadow:0 0 28px #ffc92855}
:root[data-theme="sloneczna-polana"] .desktop-menu-bar,
:root[data-theme="sloneczna-polana"] .topbar{border-bottom-color:#f3bd1d!important;box-shadow:0 2px 0 #f3bd1d,0 9px 30px #001a20aa!important}
:root[data-theme="sloneczna-polana"] .desktop-sidebar,
:root[data-theme="sloneczna-polana"] .settings-index{border-color:#d8a317!important;background:linear-gradient(165deg,#06343e 0%,#0a4650 62%,#092b34 100%)!important;color:#fff!important;box-shadow:10px 0 34px #00171db0!important}
:root[data-theme="sloneczna-polana"] .desktop-sidebar button:hover,
:root[data-theme="sloneczna-polana"] .settings-index button:hover{border-color:#ffd23f!important;background:#0d5159!important;color:#fff!important;box-shadow:0 8px 22px #00191f99,0 0 16px #ffd23f2b}
:root[data-theme="sloneczna-polana"] .desktop-sidebar button.active,
:root[data-theme="sloneczna-polana"] .settings-index button.active,
:root[data-theme="sloneczna-polana"] .segmented button.active,
:root[data-theme="sloneczna-polana"] .primary{border-color:#fff2ae!important;background:linear-gradient(120deg,#ffd438,#dda50a)!important;color:#052d36!important;box-shadow:0 9px 25px #00191f80,0 0 18px #ffd23f40!important}
:root[data-theme="sloneczna-polana"] .desktop-sidebar button.active svg,
:root[data-theme="sloneczna-polana"] .settings-index button.active svg{color:#052d36!important;stroke:#052d36!important}
:root[data-theme="sloneczna-polana"] input:focus,
:root[data-theme="sloneczna-polana"] select:focus,
:root[data-theme="sloneczna-polana"] textarea:focus{border-color:#ffd23f!important;box-shadow:0 0 0 3px #ffd23f24!important;outline:0}
:root[data-theme="sloneczna-polana"] ::selection{background:#ffd23f;color:#052d36}
:root[data-theme="sloneczna-polana"] ::-webkit-scrollbar-thumb{background:linear-gradient(#ffd438,#d99f08);border:2px solid #06343e;border-radius:99px}

/* Starsze efekty szkła nie mogą prześwitywać przez panele ani menu. */
:root .surface,:root .settings-card,:root .chat-shell,
:root .creator-panel,:root .filters-popover,:root .notes-dialog,
:root .calendar-panel,:root .radio-panel,:root .timer-dialog,
:root .live-tool-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

html[data-platform="desktop"] body,
html[data-platform="desktop"] .app{background:var(--theme-canvas,var(--bg))!important}
html[data-platform="desktop"] .desktop-menu-bar,
html[data-platform="desktop"] .topbar{background:var(--theme-chrome,var(--desktop-chrome,var(--panel)))!important}
html[data-platform="desktop"] .topbar::before{display:none!important}
html[data-platform="desktop"] .desktop-menu-dropdown,
html[data-platform="desktop"] .desktop-submenu{background:var(--theme-panel,var(--panel))!important}
html[data-platform="desktop"] .desktop-creator-host .creator-panel,
html[data-platform="desktop"] .desktop-filter-host .filters-popover{background:var(--theme-row,var(--panel2))!important}
html[data-platform="desktop"] .tab.active,
html[data-platform="desktop"] #chat,
html[data-platform="desktop"] #chat.tab.active,
html[data-platform="desktop"] .chat-workspace,
html[data-platform="desktop"] .chat-workspace-main,
html[data-platform="desktop"] .chat-main-column{background:var(--theme-canvas,var(--desktop-surface,var(--bg)))!important}
html[data-platform="desktop"] .workspace-panel,
html[data-platform="desktop"] #archive.workspace-panel.page,
html[data-platform="desktop"] .chat-card,
html[data-platform="desktop"] .settings-card,
html[data-platform="desktop"] .surface,
html[data-platform="desktop"] .notes-dialog,
html[data-platform="desktop"] .calendar-panel,
html[data-platform="desktop"] .radio-panel,
html[data-platform="desktop"] .timer-dialog,
html[data-platform="desktop"] .live-tool-card{background:var(--theme-panel,var(--panel))!important}
html[data-platform="desktop"] .setting-row,
html[data-platform="desktop"] .category-row,
html[data-platform="desktop"] .calendar-day,
html[data-platform="desktop"] .archive-row,
html[data-platform="desktop"] .radio-station-row,
html[data-platform="desktop"] .notes-list button{background:var(--theme-row,var(--panel2))!important}
html[data-platform="desktop"] .settings-card,
html[data-platform="desktop"] .chat-card,
html[data-platform="desktop"] .calendar-panel,
html[data-platform="desktop"] .radio-panel,
html[data-platform="desktop"] .timer-dialog,
html[data-platform="desktop"] .live-tool-card{border-color:var(--line)!important;box-shadow:var(--shadow,0 14px 34px #0005)}
html[data-platform="desktop"] input,
html[data-platform="desktop"] select,
html[data-platform="desktop"] textarea,
html[data-platform="desktop"] button.control{border-color:var(--line)!important;background:var(--theme-control,var(--panel2))!important;color:var(--text)!important}
html[data-platform="desktop"] .desktop-sidebar,
html[data-platform="desktop"] .settings-index{background:var(--theme-chrome,var(--panel))!important}
html[data-platform="desktop"] .desktop-sidebar button.active,
html[data-platform="desktop"] .settings-index button.active,
html[data-platform="desktop"] .tab-button.active{background:color-mix(in srgb,var(--pink) 20%,var(--theme-row,var(--panel2)))!important;border-color:color-mix(in srgb,var(--cyan) 42%,var(--line))!important}

/* Powierzchnia robocza jak w Codex: jedna płaszczyzna przyklejona do boków,
   z miękkimi wyłącznie górnymi narożnikami. */
html[data-platform="desktop"]{
  --workspace-shell-radius:17px
}
html[data-platform="desktop"] .app{
  background:var(--theme-chrome,var(--desktop-chrome,var(--panel)))!important
}
html[data-platform="desktop"] .tab.active{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:var(--workspace-shell-radius) var(--workspace-shell-radius) 0 0!important;
  background:var(--theme-canvas,var(--desktop-surface,var(--bg)))!important;
  box-shadow:none!important;
  overflow:hidden
}
html[data-platform="desktop"] #chat.tab.active{
  overflow:visible
}
html[data-platform="desktop"] #chat .desktop-chat-content{
  border:0;
  border-radius:var(--workspace-shell-radius) var(--workspace-shell-radius) 0 0;
  background:var(--theme-canvas,var(--desktop-surface,var(--bg)));
  box-shadow:none;
  overflow:hidden
}
html[data-platform="desktop"] #chat.tab.active{
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important
}
html[data-platform="desktop"] .chat-main-column .chat-card,
html[data-platform="desktop"] #archive.workspace-panel.page,
html[data-platform="desktop"] .notes-dialog,
html[data-platform="desktop"] .calendar-panel,
html[data-platform="desktop"] .radio-panel{
  border-radius:var(--workspace-shell-radius) var(--workspace-shell-radius) 0 0!important
}
html[data-platform="desktop"] .timer-backdrop{
  inset:var(--desktop-menu-height) 0 0 var(--desktop-main-nav-width)!important;
  background:transparent!important
}
html[data-platform="desktop"] .timer-dialog{
  border:0!important;
  border-radius:var(--workspace-shell-radius) var(--workspace-shell-radius) 0 0!important;
  box-shadow:none!important;
  overflow:hidden
}
:root[data-theme="miami-vice"] .brand-mark,
:root[data-theme="miami-vice"] .empty-orbit{background:linear-gradient(135deg,#ff68c6,#7d49db 48%,#5de8ef)!important;box-shadow:0 0 24px #ff68c655}
:root[data-theme="miami-vice"] .desktop-sidebar button:hover,
:root[data-theme="miami-vice"] .settings-index button:hover{background:linear-gradient(100deg,#64215e,#31205d 58%,#10536d)!important;color:#fff!important}
:root[data-theme="drwinka"] .brand-mark,
:root[data-theme="drwinka"] .empty-orbit{background:linear-gradient(135deg,#fff,#ffd900 42%,#252000)!important;color:#050505!important;box-shadow:0 0 28px #ffd90066}
:root[data-theme="drwinka"] .desktop-sidebar button,
:root[data-theme="drwinka"] .settings-index button{position:relative;isolation:isolate;overflow:hidden;transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
:root[data-theme="drwinka"] .desktop-sidebar button::before,
:root[data-theme="drwinka"] .settings-index button::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 0 26%,#ffd900 43%,#fff8c7 50%,#ffd900 57%,transparent 74%);transform:translateX(-145%) skewX(-18deg);transition:transform .48s cubic-bezier(.2,.8,.2,1)}
:root[data-theme="drwinka"] .desktop-sidebar button:hover,
:root[data-theme="drwinka"] .settings-index button:hover{transform:translateX(4px);border-color:#ffd900!important;color:#fff!important;box-shadow:0 8px 22px #0009,0 0 16px #ffd9002e}
:root[data-theme="drwinka"] .desktop-sidebar button:hover::before,
:root[data-theme="drwinka"] .settings-index button:hover::before{transform:translateX(145%) skewX(-18deg)}
:root[data-theme="drwinka"] .desktop-sidebar button.active,
:root[data-theme="drwinka"] .settings-index button.active{background:linear-gradient(100deg,#ffd900,#8f7900)!important;border-color:#fff2a6!important;color:#080808!important;box-shadow:0 10px 26px #000b,0 0 20px #ffd90055!important}
:root[data-theme="drwinka"] .desktop-sidebar button.active svg,
:root[data-theme="drwinka"] .settings-index button.active svg{color:#080808!important;stroke:#080808!important}
@media(prefers-reduced-motion:reduce){:root[data-theme="drwinka"] .desktop-sidebar button,:root[data-theme="drwinka"] .settings-index button,:root[data-theme="drwinka"] .desktop-sidebar button::before,:root[data-theme="drwinka"] .settings-index button::before{transition:none!important}}

/* Drwinka: wysoki kontrast, głęboka czerń i energetyczne żółte akcenty. */
:root[data-theme="drwinka"] body{background:#020202!important}
:root[data-theme="drwinka"] .desktop-menu-bar,
:root[data-theme="drwinka"] .topbar{border-bottom-color:#ffd900!important;background:linear-gradient(100deg,#020202 0 70%,#241f00 100%)!important;box-shadow:0 2px 0 #ffd900,0 9px 30px #000!important}
:root[data-theme="drwinka"] .desktop-sidebar{position:relative;overflow:hidden;border-right:1px solid #ffd900!important;background:linear-gradient(180deg,#030303,#0a0a08 58%,#161300)!important;box-shadow:12px 0 38px #000b}
:root[data-theme="drwinka"] .desktop-sidebar::before{content:"";position:absolute;inset:-15% -55% auto 18%;height:48%;pointer-events:none;background:repeating-linear-gradient(118deg,transparent 0 28px,#ffd9000d 29px 31px);transform:rotate(-8deg)}
:root[data-theme="drwinka"] .desktop-sidebar::after{content:"";position:absolute;right:-50px;bottom:70px;width:145px;height:145px;border:18px solid #ffd90018;border-radius:34px;transform:rotate(32deg);pointer-events:none}
:root[data-theme="drwinka"] .desktop-sidebar>*{position:relative;z-index:1}
:root[data-theme="drwinka"] .desktop-brand{border-bottom-color:#5f5100!important}
:root[data-theme="drwinka"] .desktop-brand strong,
:root[data-theme="drwinka"] .page-title h1,
:root[data-theme="drwinka"] .group-head h2{color:#fff!important;text-shadow:0 0 18px #ffd90024}
:root[data-theme="drwinka"] .desktop-nav-label,
:root[data-theme="drwinka"] .eyebrow,
:root[data-theme="drwinka"] .settings-index>strong{color:#ffd900!important}
:root[data-theme="drwinka"] .settings-index{border-color:#5f5100!important;background:#070706!important;box-shadow:0 18px 48px #000c,0 0 0 1px #ffd90012}
:root[data-theme="drwinka"] .settings-card,
:root[data-theme="drwinka"] .surface,
:root[data-theme="drwinka"] .chat-card,
:root[data-theme="drwinka"] .gift-sound-row{border-color:#494217!important;background:linear-gradient(145deg,#11110d,#050505 72%)!important;box-shadow:0 12px 34px #000a!important}
:root[data-theme="drwinka"] input,
:root[data-theme="drwinka"] select,
:root[data-theme="drwinka"] textarea,
:root[data-theme="drwinka"] .sound-picker-toggle{border-color:#504818!important;background:#050505!important;color:#fff!important}
:root[data-theme="drwinka"] input:focus,
:root[data-theme="drwinka"] select:focus,
:root[data-theme="drwinka"] textarea:focus{border-color:#ffd900!important;box-shadow:0 0 0 3px #ffd90020!important;outline:0}
:root[data-theme="drwinka"] .segmented{border-color:#504818!important;background:#050505!important}
:root[data-theme="drwinka"] .segmented button.active,
:root[data-theme="drwinka"] .primary{background:linear-gradient(115deg,#ffe600,#d2ad00)!important;color:#050505!important;box-shadow:0 8px 24px #ffd90035!important}
:root[data-theme="drwinka"] ::selection{background:#ffd900;color:#050505}
:root[data-theme="drwinka"] ::-webkit-scrollbar-thumb{background:linear-gradient(#ffe600,#8b7600);border:2px solid #050505;border-radius:99px}
:root[data-theme="drwinka"] ::-webkit-scrollbar-track{background:#050505}

/* Drwinka ma dwie czytelne strefy: żółtą nawigację i czarną przestrzeń roboczą. */
:root[data-theme="drwinka"] .desktop-menu-bar,
:root[data-theme="drwinka"] .topbar{background:#ffd900!important;border-color:#050505!important;box-shadow:0 2px 0 #fff18a,0 8px 28px #0009!important}
:root[data-theme="drwinka"] .desktop-menu-bar button,
:root[data-theme="drwinka"] .topbar button,
:root[data-theme="drwinka"] .topbar a{color:#080808!important;text-shadow:none!important}
:root[data-theme="drwinka"] .desktop-menu-bar button:hover,
:root[data-theme="drwinka"] .topbar button:hover{background:#050505!important;color:#fff!important}
:root[data-theme="drwinka"] .desktop-sidebar,
:root[data-theme="drwinka"] .settings-index{border-color:#050505!important;background:linear-gradient(155deg,#ffe51a 0%,#ffd500 56%,#e6b900 100%)!important;color:#080808!important;box-shadow:10px 0 34px #0009!important}
:root[data-theme="drwinka"] .desktop-sidebar::before{background:repeating-linear-gradient(118deg,transparent 0 30px,#fff4a828 31px 34px)}
:root[data-theme="drwinka"] .desktop-sidebar::after{border-color:#05050518}
:root[data-theme="drwinka"] .desktop-brand,
:root[data-theme="drwinka"] .desktop-account,
:root[data-theme="drwinka"] .settings-index>strong{border-color:#8e7600!important;color:#080808!important}
:root[data-theme="drwinka"] .desktop-brand strong,
:root[data-theme="drwinka"] .desktop-brand small,
:root[data-theme="drwinka"] .desktop-nav-label,
:root[data-theme="drwinka"] .desktop-account,
:root[data-theme="drwinka"] .desktop-sidebar button,
:root[data-theme="drwinka"] .settings-index button,
:root[data-theme="drwinka"] .settings-index button svg{color:#080808!important;stroke:#080808!important;text-shadow:none!important}
:root[data-theme="drwinka"] .desktop-sidebar button:hover,
:root[data-theme="drwinka"] .settings-index button:hover{background:#fff2a6!important;color:#080808!important;border-color:#080808!important;box-shadow:0 8px 20px #8a720055!important}
:root[data-theme="drwinka"] .desktop-sidebar button.active,
:root[data-theme="drwinka"] .settings-index button.active{background:#050505!important;border-color:#fff!important;color:#fff!important;box-shadow:0 10px 24px #806a0080!important}
:root[data-theme="drwinka"] .desktop-sidebar button.active svg,
:root[data-theme="drwinka"] .settings-index button.active svg{color:#ffd900!important;stroke:#ffd900!important}
:root[data-theme="drwinka"] .tab.active,
:root[data-theme="drwinka"] #chat,
:root[data-theme="drwinka"] .settings-content,
:root[data-theme="drwinka"] .chat-workspace,
:root[data-theme="drwinka"] .chat-workspace-main{background:radial-gradient(circle at 88% 4%,#332b00 0,transparent 24%),#030303!important}
html[data-platform="desktop"] .settings-index{max-height:none!important;overflow:hidden!important;scrollbar-width:none}
html[data-platform="desktop"] .settings-index::-webkit-scrollbar{display:none}

/* Czytelność Drwinki: na żółtym zawsze czerń, na czarnym zawsze biel. */
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .brand strong,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .brand small,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .round-nav button,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .round-nav button svg,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .account-dock,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .account-dock b,
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .account-dock svg,
:root[data-theme="drwinka"] .topbar.settings-mode .desktop-settings-back,
:root[data-theme="drwinka"] .topbar.settings-mode .desktop-settings-sidebar>strong,
:root[data-theme="drwinka"] .topbar.settings-mode .settings-index nav button,
:root[data-theme="drwinka"] .topbar.settings-mode .settings-index nav button svg{color:#080808!important;stroke:#080808!important;-webkit-text-fill-color:#080808!important}
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .round-nav button.active,
:root[data-theme="drwinka"] .topbar.settings-mode .settings-index nav button.active{background:#080808!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .topbar:not(.settings-mode) .round-nav button.active svg,
:root[data-theme="drwinka"] .topbar.settings-mode .settings-index nav button.active svg{color:#ffd900!important;stroke:#ffd900!important}
:root[data-theme="drwinka"] .creator-panel,
:root[data-theme="drwinka"] .desktop-menu-dropdown,
:root[data-theme="drwinka"] .desktop-submenu{background:#080808!important;color:#fff!important}
:root[data-theme="drwinka"] .creator-panel button,
:root[data-theme="drwinka"] .creator-panel b,
:root[data-theme="drwinka"] .creator-panel span,
:root[data-theme="drwinka"] .desktop-menu-dropdown button,
:root[data-theme="drwinka"] .desktop-submenu button{color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .creator-panel button:hover,
:root[data-theme="drwinka"] .desktop-menu-dropdown button:hover,
:root[data-theme="drwinka"] .desktop-submenu button:hover{background:#272100!important;color:#ffd900!important;-webkit-text-fill-color:#ffd900!important}
:root[data-theme="drwinka"] .support-qr-card{background:#080808!important;color:#fff!important}
:root[data-theme="drwinka"] .support-qr-card b{color:#fff!important}
:root[data-theme="drwinka"] .support-qr-card small{color:#ffd900!important}
:root[data-theme="drwinka"] .support-qr-switch button{color:#aaa!important;-webkit-text-fill-color:#aaa!important}
:root[data-theme="drwinka"] .support-qr-switch button.active,
:root[data-theme="drwinka"] .support-qr-action{color:#ffd900!important;-webkit-text-fill-color:#ffd900!important}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar,
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar>nav,
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav,
html[data-platform="desktop"] .topbar.settings-mode .settings-index nav button{box-sizing:border-box;min-width:0;max-width:100%}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar>nav{overflow-x:hidden!important;scrollbar-width:none}
html[data-platform="desktop"] .topbar.settings-mode>.desktop-settings-sidebar>nav::-webkit-scrollbar{display:none}

/* Drwinka: spójne panele modułów Archiwum, Notatki i Kalendarz. */
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-sidebar,
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-sidebar>[data-module-title],
:root[data-theme="drwinka"] .topbar.module-mode .desktop-settings-back{color:#080808!important;-webkit-text-fill-color:#080808!important}
:root[data-theme="drwinka"] .topbar.module-mode .desktop-settings-back{border-bottom-color:#8f7600!important}
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button,
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button b,
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button small,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card b,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card small{color:#080808!important;-webkit-text-fill-color:#080808!important}
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button:hover,
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button.active,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card:hover,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card.active{border-color:#080808!important;background:#080808!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button.active b,
:root[data-theme="drwinka"] .topbar.module-mode .desktop-module-list button.active small,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card.active b,
:root[data-theme="drwinka"] .topbar.module-mode .archive-session-card.active small{color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .topbar.module-mode input{border-color:#080808!important;background:#080808!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .topbar.module-mode input::placeholder{color:#aaa!important;-webkit-text-fill-color:#aaa!important}
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter span,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter b,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter small{color:#080808!important;-webkit-text-fill-color:#080808!important}
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter.active,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter[aria-pressed="true"]{background:#080808!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter.active span,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter.active b,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter.active small,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter[aria-pressed="true"] span,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter[aria-pressed="true"] b,
:root[data-theme="drwinka"] .topbar.module-mode .calendar-category-filter[aria-pressed="true"] small{color:#fff!important;-webkit-text-fill-color:#fff!important}
:root[data-theme="drwinka"] .workspace-panel,
:root[data-theme="drwinka"] .calendar-panel,
:root[data-theme="drwinka"] .notes-workspace,
:root[data-theme="drwinka"] .archive-workspace{background:#030303!important;color:#fff!important}

/* Jednolity system oznaczeń ról na czacie. */
.chat-message .role-badges{gap:5px;margin-left:auto;margin-right:0;flex:0 0 auto}
.chat-message time{margin:0;color:var(--muted);white-space:nowrap;flex:0 0 auto}
.chat-message .role{
  width:20px;height:20px;border:1px solid currentColor;border-radius:6px;
  display:grid;place-items:center;background:color-mix(in srgb,currentColor 13%,var(--panel2));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent)
}
.chat-message .role svg{width:13px;height:13px;stroke-width:1.9}
:root[data-chat-style="compact"] .chat-message .role{width:17px;height:17px;border-radius:5px}

/* Uruchomiony Minutnik/Giveaway zajmuje pełną wysokość panelu po prawej od czatu. */
html[data-platform="desktop"] .desktop-chat-layout.tools-open{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(250px,21vw,310px)!important;
  gap:0!important;
  position:relative
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel{
  position:static!important;
  inset:auto!important;
  grid-column:2;
  grid-row:1;
  z-index:5;
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  height:100%;
  min-height:0;
  overflow:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-auto-rows:max-content;
  align-content:start;
  gap:0;
  padding:0!important;
  background:var(--desktop-surface,var(--bg))
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel>.live-tool-card{
  width:100%;
  min-height:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:var(--panel)!important
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel>.live-tool-card>header{
  min-height:58px;
  padding:14px 18px
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel>.live-tool-card>p,
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel>.live-tool-card>strong{
  margin:18px 20px
}
html[data-platform="desktop"] .desktop-chat-layout.tools-open>.live-tool-panel>.live-tool-card>ol{
  max-height:min(360px,calc(100vh - 250px));
  overflow:auto;
  padding:0 20px 20px 40px
}
@media(max-width:980px){
  html[data-platform="desktop"] .desktop-chat-layout.tools-open{
    grid-template-columns:minmax(0,1fr) clamp(240px,32vw,310px)!important
  }
}

/* Jednolity toast prezentów i ról w prawym dolnym rogu. */
html[data-platform="desktop"] .gift-alert-overlay{
  position:fixed!important;inset:auto 20px 20px auto!important;z-index:180!important;
  width:360px!important;min-width:360px!important;max-width:360px!important;
  height:112px!important;min-height:112px!important;max-height:112px!important;
  padding:0!important;display:block!important;
  pointer-events:none;background:transparent!important
}
html[data-platform="desktop"] .gift-alert-overlay[hidden]{display:none!important}
html[data-platform="desktop"] .gift-alert-card{
  position:relative;box-sizing:border-box!important;
  width:360px!important;min-width:360px!important;max-width:360px!important;
  height:112px!important;min-height:112px!important;max-height:112px!important;overflow:hidden;
  display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;
  padding:12px 18px 12px 12px;border:1px solid var(--line);border-radius:18px;
  background:var(--panel)!important;box-shadow:0 16px 44px #0008!important
}
html[data-platform="desktop"] .gift-alert-visual{width:76px;height:76px;display:grid;place-items:center;position:relative;z-index:2}
html[data-platform="desktop"] .gift-alert-visual img{width:auto;height:auto;max-width:72px;max-height:72px;object-fit:contain;filter:drop-shadow(0 5px 9px rgba(0,0,0,.3))}
html[data-platform="desktop"] .gift-alert-visual svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8}
html[data-platform="desktop"] .gift-alert-copy{position:relative;z-index:2;align-items:flex-start;text-align:left}
html[data-platform="desktop"] .gift-alert-copy strong{font-size:15px}
html[data-platform="desktop"] .gift-alert-gift{font-size:12px}
html[data-platform="desktop"] .gift-alert-coins{justify-content:flex-start}
html[data-platform="desktop"] .gift-alert-card::before{content:"";position:absolute;inset:-55%;z-index:1;pointer-events:none}
html[data-platform="desktop"] .gift-alert-card::after{content:"";position:absolute;inset:auto 0 0;height:28%;z-index:1;pointer-events:none}
html[data-platform="desktop"] .alert-particles{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
html[data-platform="desktop"] .alert-particles i{position:absolute;left:calc(7% + var(--particle)*15%);display:block;font-style:normal;line-height:1}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"]{color:#fff7ef;border-color:#d88666;background:linear-gradient(135deg,#35100d,#7c3025 54%,#b95e3e)!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"]::before{background:radial-gradient(circle at 80% 34%,#ffba8b44 0 18%,transparent 42%);animation:role-toast-shine 2.4s ease-in-out infinite}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"] .alert-particles i{top:-2px;padding-top:24px;border-left:1px solid #ffd2a8aa;font-size:15px;transform-origin:top;animation:hammer-lights 2.2s ease-in-out infinite;animation-delay:calc(var(--particle)*-.31s)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"]{color:#382600;border-color:#fff0ad;background:linear-gradient(135deg,#70500d,#d5a42d 56%,#fff3c4)!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"]::before{background:linear-gradient(110deg,transparent 34%,#fff9 48%,transparent 62%);animation:role-toast-shine 2.5s linear infinite}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"] .alert-particles i{top:-22px;color:#fffbe9;font-size:16px;filter:drop-shadow(0 0 4px #fff);animation:feather-fall 3.2s linear infinite;animation-delay:calc(var(--particle)*-.56s)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"]{color:#edfff8;border-color:#69eac1;background:linear-gradient(135deg,#06362e,#087b64 56%,#45cfa9)!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"]::after{background:radial-gradient(ellipse at 28% 55%,#93e977 0 8%,#26724f 9% 14%,transparent 15%),radial-gradient(ellipse at 75% 62%,#f0b9df 0 5%,#73bd69 6% 13%,transparent 14%),linear-gradient(180deg,#35bda499,#075e63)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"] .alert-particles i{top:-24px;color:#baffef;font-size:22px;transform:rotate(18deg);animation:rain-fall 1.15s linear infinite;animation-delay:calc(var(--particle)*-.17s)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"]{color:#fff8ef;border-color:#ff9a55;background:linear-gradient(135deg,#5c1508,#c34116 55%,#ff7c27)!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"]::before{background:radial-gradient(circle at 82% 45%,#ffd09266 0 15%,transparent 40%);animation:role-toast-shine 2s ease-in-out infinite}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"] .alert-particles i{top:-24px;color:#ffd098;font-weight:900;font-size:16px;text-shadow:0 0 8px #ffdc8a;animation:number-fall 2.5s linear infinite;animation-delay:calc(var(--particle)*-.42s)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"]{color:#f5fcff;border-color:#bcecff;background:linear-gradient(135deg,#092957,#246da9 55%,#d9f5ff)!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"]::before{background:linear-gradient(110deg,transparent 34%,#fff8 48%,transparent 62%);animation:role-toast-shine 2.8s linear infinite}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"] .alert-particles i{top:-22px;color:#fff;font-size:18px;text-shadow:0 0 7px #dff7ff;animation:snow-fall 3.4s linear infinite;animation-delay:calc(var(--particle)*-.48s)}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"] .gift-alert-copy strong,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"] .gift-alert-gift,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"] .gift-alert-copy strong,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"] .gift-alert-gift,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"] .gift-alert-copy strong,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"] .gift-alert-gift,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"] .gift-alert-copy strong,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"] .gift-alert-gift{color:inherit!important}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"] .gift-alert-copy strong,
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"] .gift-alert-gift{color:inherit!important}

/* Statyczne sceny powiadomień ról i bitwy, przygotowane dokładnie dla karty 360 x 112. */
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"]{
  color:#fff!important;border-color:#ff526f!important;
  background-image:linear-gradient(90deg,transparent 0 24%,#090b10a8 43%,#090b10e8 100%),url('/alerts/moderator.png')!important;
  background-size:cover!important;background-position:center!important
}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"]{
  color:#fff9d9!important;border-color:#ffd65a!important;
  background-image:linear-gradient(90deg,transparent 0 24%,#0807049c 43%,#080704e8 100%),url('/alerts/superfan.png')!important;
  background-size:cover!important;background-position:center!important
}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"]{
  color:#edfff8!important;border-color:#52e5bc!important;
  background-image:linear-gradient(90deg,transparent 0 24%,#020b09a0 43%,#020b09ec 100%),url('/alerts/guardian.png')!important;
  background-size:cover!important;background-position:center!important
}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"]{
  color:#fff4df!important;border-color:#ff8b38!important;
  background-image:linear-gradient(90deg,transparent 0 24%,#1705019c 43%,#170501eb 100%),url('/alerts/multiplier.png')!important;
  background-size:cover!important;background-position:center!important
}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"]{
  color:#f5fcff!important;border-color:#aeeaff!important;
  background-image:linear-gradient(90deg,transparent 0 24%,#03101e9c 43%,#03101eeb 100%),url('/alerts/freeze.png')!important;
  background-size:cover!important;background-position:center!important
}
html[data-platform="desktop"] .gift-alert-card:not([data-alert-type="gift"]) .gift-alert-visual{visibility:hidden}
html[data-platform="desktop"] .gift-alert-card:not([data-alert-type="gift"])::before,
html[data-platform="desktop"] .gift-alert-card:not([data-alert-type="gift"])::after,
html[data-platform="desktop"] .gift-alert-card:not([data-alert-type="gift"]) .alert-particles{display:none!important}
html[data-platform="desktop"] .gift-alert-card:not([data-alert-type="gift"]) .gift-alert-copy strong{
  color:inherit!important;text-shadow:0 2px 6px #000,0 0 14px #000b
}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="moderator"] .gift-alert-gift{color:#ffb8c5!important;text-shadow:0 1px 5px #000}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="superfan"] .gift-alert-gift{color:#ffd75f!important;text-shadow:0 1px 5px #000}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="guardian"] .gift-alert-gift{color:#7dffd7!important;text-shadow:0 1px 5px #000}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="multiplier"] .gift-alert-gift{color:#ffba72!important;text-shadow:0 1px 5px #000}
html[data-platform="desktop"] .gift-alert-card[data-alert-type="freeze"] .gift-alert-gift{color:#9fe8ff!important;text-shadow:0 1px 5px #000}
@keyframes role-toast-shine{0%{transform:translateX(-22%) rotate(-4deg)}100%{transform:translateX(22%) rotate(4deg)}}
@keyframes hammer-lights{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(9deg)}}
@keyframes feather-fall{0%{transform:translate3d(0,-4px,0) rotate(-20deg);opacity:0}15%{opacity:.9}100%{transform:translate3d(24px,142px,0) rotate(210deg);opacity:0}}
@keyframes rain-fall{0%{transform:translate3d(0,-8px,0) rotate(18deg);opacity:0}18%{opacity:.8}100%{transform:translate3d(-20px,146px,0) rotate(18deg);opacity:0}}
@keyframes number-fall{0%{transform:translateY(-5px) rotate(-8deg);opacity:0}15%{opacity:.75}100%{transform:translateY(142px) rotate(18deg);opacity:0}}
@keyframes snow-fall{0%{transform:translate3d(0,-5px,0) rotate(0);opacity:0}15%{opacity:.9}100%{transform:translate3d(18px,142px,0) rotate(240deg);opacity:0}}
@media(prefers-reduced-motion:reduce){
  html[data-platform="desktop"] .gift-alert-card::before,
  html[data-platform="desktop"] .alert-particles i{animation:none!important}
}
:root[data-chat-style="compact"] .chat-message .role svg{width:11px;height:11px}
:root[data-chat-style="spacious"] .chat-message .role{width:24px;height:24px;border-radius:8px}
:root[data-chat-style="spacious"] .chat-message .role svg{width:15px;height:15px}
.chat-message .role.moderator{color:#ff627d;background:color-mix(in srgb,#ff526f 14%,var(--panel2))}
.chat-message .role.superfan{color:#f4c94f;background:color-mix(in srgb,#f5c84b 14%,var(--panel2))}
.chat-message .role.guardian{color:#55efb5;background:color-mix(in srgb,#39dca0 15%,var(--panel2))}
.chat-message.guardian .message-author{
  color:#55efb5!important;background:linear-gradient(100deg,#26c98d 0%,#a5ffe0 42%,#35dca3 62%,#74ffd0 100%);
  background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 5px color-mix(in srgb,#50efb3 38%,transparent));animation:guardian-name-shine 2.4s ease-in-out infinite
}
@keyframes guardian-name-shine{0%,100%{background-position:100% 50%;filter:drop-shadow(0 0 3px color-mix(in srgb,#50efb3 25%,transparent))}50%{background-position:0 50%;filter:drop-shadow(0 0 8px color-mix(in srgb,#8affe0 58%,transparent))}}
@media(prefers-reduced-motion:reduce){.chat-message.guardian .message-author{animation:none}}

/* Powiadomienia o dołączeniu roli zachowują ten sam separator co pozostałe wpisy. */
.chat-message.moderator-join,
.chat-message.superfan-join{
  border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important
}
.chat-message.moderator-join:last-child,
.chat-message.superfan-join:last-child{border-bottom:0!important}

/* Kompaktowy: nick, godzina, treść oraz role zawsze przy prawej krawędzi wiersza. */
:root[data-chat-style="compact"] .chat-message>div:last-child{
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;
  align-items:center;gap:6px;width:100%;min-width:0
}
:root[data-chat-style="compact"] .chat-message>div:last-child>div{display:contents!important}
:root[data-chat-style="compact"] .chat-message .message-author{grid-column:1;grid-row:1}
:root[data-chat-style="compact"] .chat-message time{grid-column:2;grid-row:1;margin:0!important}
:root[data-chat-style="compact"] .chat-message p{grid-column:3;grid-row:1;margin:0!important;min-width:0}
:root[data-chat-style="compact"] .chat-message .role-badges{grid-column:4;grid-row:1;margin:0!important;justify-self:end}

/* Patreon */
html[data-platform="desktop"] .patreon-panel{height:100%;overflow:auto;padding:clamp(24px,3vw,48px);background:var(--bg);color:var(--text)}
.patreon-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:190px;max-width:1320px;margin:0 auto 24px;padding:30px 32px;border:1px solid color-mix(in srgb,#56bfff 55%,var(--line));border-radius:22px;background:#05070d url('/patreon-hero-background.png') center/cover no-repeat;box-shadow:0 18px 48px #0006}
.patreon-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,5,12,.9) 0%,rgba(3,8,18,.75) 54%,rgba(2,5,12,.82) 100%)}.patreon-hero-copy{filter:drop-shadow(0 2px 5px #000)}
.patreon-hero h1{margin:5px 0 8px;font-size:clamp(26px,3vw,38px);color:#fff}.patreon-hero p{max-width:760px;margin:0;color:#d8eaff;line-height:1.55}.patreon-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#ff5963}
.patreon-actions{display:flex;gap:10px;flex:0 0 auto}.patreon-actions a,.patreon-actions button,.patreon-empty a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid color-mix(in srgb,#ff424d 70%,var(--line));border-radius:11px;background:#ff424d;color:#fff;font-weight:850;text-decoration:none}.patreon-actions button{background:var(--panel2);color:var(--text)}.patreon-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.patreon-notice{max-width:1320px;margin:0 auto 18px;padding:13px 16px;display:flex;gap:10px;border:1px solid color-mix(in srgb,#ffb020 65%,var(--line));border-radius:12px;background:color-mix(in srgb,#ffb020 9%,var(--panel));color:var(--muted)}.patreon-notice strong{color:var(--text)}
.patreon-post-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:16px}.patreon-post-card{min-width:0;overflow:hidden;display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 12px 30px #0002}.patreon-post-card>img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover;background:var(--panel2)}.patreon-post-body{padding:19px}.patreon-post-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.patreon-post-meta span{padding:3px 8px;border-radius:999px;background:color-mix(in srgb,#ff424d 14%,var(--panel2));color:#ff6b74;font-weight:800}.patreon-post-card h2{margin:13px 0 9px;font-size:19px}.patreon-post-card p{margin:0 0 18px;color:var(--muted);line-height:1.55}.patreon-post-card a{color:#ff6670;font-weight:850;text-decoration:none}.patreon-button-spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:patreon-spin .7s linear infinite}
.patreon-post-grid[data-view="tiles"]{grid-template-columns:repeat(auto-fill,minmax(320px,410px));justify-content:start;align-items:stretch}.patreon-post-grid[data-view="tiles"] .patreon-post-card{display:flex;min-height:420px;flex-direction:column}.patreon-post-grid[data-view="tiles"] .patreon-post-card>img{height:210px;min-height:210px}.patreon-post-grid[data-view="tiles"] .patreon-post-body{display:flex;flex:1;flex-direction:column}.patreon-post-grid[data-view="tiles"] .patreon-post-body>a{margin-top:auto}
.patreon-view-toolbar{max-width:1320px;margin:-12px auto 16px;display:flex;justify-content:flex-end}
.patreon-view-switch{display:flex;padding:3px;border:1px solid color-mix(in srgb,#fff 25%,var(--line));border-radius:11px;background:#050914bb;backdrop-filter:blur(8px)}.patreon-view-switch button{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#d8eaff;font-weight:800}.patreon-view-switch button.active{background:#ff424d;color:#fff}.desktop-only-nav[data-workspace="patreon"]{position:relative}.patreon-new-dot{position:absolute;right:12px;width:9px;height:9px;border:2px solid var(--sidebar);border-radius:50%;background:#ff3545;box-shadow:0 0 0 0 #ff354599;animation:patreon-new-pulse 1.25s ease-out infinite}.patreon-new-dot[hidden]{display:none!important}@keyframes patreon-new-pulse{0%{box-shadow:0 0 0 0 #ff354599}70%{box-shadow:0 0 0 8px #ff354500}100%{box-shadow:0 0 0 0 #ff354500}}
.patreon-empty,.patreon-loading{grid-column:1/-1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.patreon-empty svg{width:56px;height:56px;margin-bottom:14px;fill:none;stroke:#ff424d;stroke-width:2}.patreon-empty h2{margin:0 0 7px;color:var(--text)}.patreon-empty p{max-width:540px;margin:0 0 20px}.patreon-loading span{width:42px;height:42px;border:4px solid var(--line);border-top-color:#ff424d;border-radius:50%;animation:patreon-spin .75s linear infinite}@keyframes patreon-spin{to{transform:rotate(360deg)}}
:root[data-theme="drwinka"] .patreon-kicker,:root[data-theme="drwinka"] .patreon-post-card a{color:#ffd900!important}:root[data-theme="drwinka"] .patreon-actions a,:root[data-theme="drwinka"] .patreon-empty a{border-color:#ffd900;background:#ffd900;color:#050505}:root[data-theme="drwinka"] .patreon-post-meta span{background:#ffd900;color:#050505}:root[data-theme="drwinka"] .patreon-empty svg{stroke:#ffd900}
@media(max-width:900px){.patreon-hero{align-items:flex-start;flex-direction:column}.patreon-actions{width:100%;flex-wrap:wrap}.patreon-actions>*{flex:1}.patreon-notice{flex-direction:column}.patreon-post-card{grid-template-columns:1fr}.patreon-post-card>img{height:210px;min-height:0}}

/* Settings share the chat shell, including the relocated navigation. */
html:root[data-platform="desktop"] .topbar.settings-mode .desktop-settings-sidebar,
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index{
  background:transparent!important;border:0!important;box-shadow:none!important
}
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index button{
  border:0!important;border-radius:8px!important;box-shadow:none!important;
  background:transparent!important;transform:none!important
}
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index button::before{display:none!important}
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index button:hover{
  background:var(--codex-hover)!important
}
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index button.active{
  background:var(--codex-active)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important
}
html:root[data-platform="desktop"] .topbar.settings-mode .settings-index button.active svg{
  color:var(--cyan)!important;stroke:currentColor!important;-webkit-text-fill-color:var(--cyan)!important
}
html:root[data-platform="desktop"] .topbar.settings-mode .desktop-settings-back{
  border-color:var(--codex-divider)!important;background:transparent!important;box-shadow:none!important
}
html:root[data-platform="desktop"] #settings .settings-content{
  background:transparent!important
}
html:root[data-platform="desktop"] #settings .settings-card,
html:root[data-platform="desktop"] #settings .account-profile-card,
html:root[data-platform="desktop"] #settings .gift-sound-row{
  background:var(--codex-workspace)!important;border:1px solid var(--codex-divider)!important;
  border-radius:12px!important;box-shadow:none!important
}
html:root[data-platform="desktop"] #settings .setting-row,
html:root[data-platform="desktop"] #settings .category-row{
  background:transparent!important;border-color:var(--codex-divider)!important;box-shadow:none!important
}
html:root[data-platform="desktop"] #settings input:not([type="checkbox"]):not([type="range"]),
html:root[data-platform="desktop"] #settings select,
html:root[data-platform="desktop"] #settings textarea,
html:root[data-platform="desktop"] #settings .segmented,
html:root[data-platform="desktop"] #settings .sound-picker-toggle{
  background:var(--codex-hover)!important;border-color:var(--codex-divider)!important;
  color:var(--text)!important;box-shadow:none!important
}
html:root[data-platform="desktop"] #settings .segmented button.active{
  background:var(--codex-active)!important;color:var(--text)!important;
  box-shadow:inset 0 0 0 1px var(--cyan)!important
}
html:root[data-platform="desktop"] #settings button:not(.active):not(.danger){box-shadow:none!important}
html:root[data-platform="desktop"] #settings input:focus-visible,
html:root[data-platform="desktop"] #settings select:focus-visible,
html:root[data-platform="desktop"] #settings button:focus-visible{
  outline:2px solid var(--cyan);outline-offset:2px
}

/* Codex shell v2 — geometria jest wspólna dla wszystkich motywów; paleta pochodzi
   wyłącznie z tokenów --codex-* zdefiniowanych w każdym motywie. */
html[data-platform="desktop"] body,
html[data-platform="desktop"] .app{
  background:var(--codex-chrome)!important
}
html:root[data-platform="desktop"] .desktop-menu-bar{
  min-height:35px;padding-left:8px;
  border:0!important;
  background:var(--codex-chrome)!important;box-shadow:none!important
}
html[data-platform="desktop"] .desktop-menu-trigger,
html[data-platform="desktop"] .desktop-menu-direct{
  height:34px;padding-inline:12px;border-radius:7px;color:var(--text)
}
html[data-platform="desktop"] .desktop-menu-trigger:hover,
html[data-platform="desktop"] .desktop-menu-trigger[aria-expanded="true"],
html[data-platform="desktop"] .desktop-menu-direct:hover{
  background:var(--codex-hover)!important;color:var(--text)!important
}
html:root[data-platform="desktop"] .topbar,
html:root[data-platform="desktop"] .desktop-sidebar{
  padding:15px 10px 10px;border:0!important;
  background:var(--codex-chrome)!important;box-shadow:none!important
}
html[data-platform="desktop"] .desktop-brand{
  margin:0 0 8px;padding:2px 8px 14px;border-bottom:1px solid var(--codex-divider)!important
}
html[data-platform="desktop"] .desktop-nav-label{margin:0 8px 4px;color:var(--muted)!important}
html[data-platform="desktop"] .desktop-sidebar .round-nav{gap:2px}
html[data-platform="desktop"] .desktop-sidebar .round-nav>button,
html[data-platform="desktop"] .desktop-sidebar>button{
  min-height:36px;border:0!important;border-radius:8px!important;background:transparent!important;
  box-shadow:none!important;transform:none!important
}
html[data-platform="desktop"] .desktop-sidebar .round-nav>button:hover,
html[data-platform="desktop"] .desktop-sidebar>button:hover{
  background:var(--codex-hover)!important;color:var(--text)!important
}
html[data-platform="desktop"] .desktop-sidebar .round-nav>button.active,
html[data-platform="desktop"] .desktop-sidebar>button.active{
  background:var(--codex-active)!important;color:var(--text)!important
}
html[data-platform="desktop"] .desktop-sidebar::before,
html[data-platform="desktop"] .desktop-sidebar::after{display:none!important}
html[data-platform="desktop"] .support-qr-card{
  border-color:var(--codex-divider)!important;background:var(--codex-hover)!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--bg) 36%,transparent)!important
}
html[data-platform="desktop"] .account-dock{border-top-color:var(--codex-divider)!important}
html[data-platform="desktop"] .tab.active,
html[data-platform="desktop"] #chat.tab.active,
html[data-platform="desktop"] #chat .desktop-chat-content{
  border:0!important;border-radius:16px 16px 0 0!important;
  background:var(--codex-workspace)!important;box-shadow:none!important
}
html[data-platform="desktop"] #chat.tab.active,
html[data-platform="desktop"] #chat .desktop-chat-content{overflow:hidden!important}
html[data-platform="desktop"] .chat-workspace,
html[data-platform="desktop"] .chat-workspace-main,
html[data-platform="desktop"] .chat-main-column,
html[data-platform="desktop"] .workspace-panel{
  background:transparent!important
}
html[data-platform="desktop"] .chat-main-column .chat-card,
html[data-platform="desktop"] #archive.workspace-panel.page,
html[data-platform="desktop"] .notes-dialog,
html[data-platform="desktop"] .calendar-panel,
html[data-platform="desktop"] .radio-panel,
html[data-platform="desktop"] .timer-dialog{
  border:0!important;border-radius:16px 16px 0 0!important;
  background:transparent!important;box-shadow:none!important
}
html[data-platform="desktop"] .chat-head,
html[data-platform="desktop"] .chat-message,
html[data-platform="desktop"] .archive-row,
html[data-platform="desktop"] .setting-row{
  border-color:var(--codex-divider)!important
}
html[data-platform="desktop"] .settings-card,
html[data-platform="desktop"] .surface,
html[data-platform="desktop"] .live-tool-card{
  border-color:var(--codex-divider)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--bg) 24%,transparent)!important
}
html[data-platform="desktop"] .desktop-menu-dropdown,
html[data-platform="desktop"] .desktop-submenu,
html[data-platform="desktop"] .creator-panel,
html[data-platform="desktop"] .account-quick-menu{
  border-color:var(--codex-divider)!important;background:var(--codex-sidebar)!important;
  box-shadow:0 16px 44px color-mix(in srgb,var(--bg) 55%,transparent)!important
}

/* These pages overlay the live chat: their workspace must stay opaque. */
html:root[data-platform="desktop"] .timer-backdrop{
  padding:0!important;background:var(--codex-chrome)!important;backdrop-filter:none!important
}
html:root[data-platform="desktop"] .timer-dialog{
  box-sizing:border-box;background:var(--codex-workspace)!important;color:var(--text);
  padding:0 24px 32px!important;overflow:auto!important;
  border-radius:16px 16px 0 0!important;min-width:0
}
html:root[data-platform="desktop"] .timer-dialog>header{
  flex:none;margin:0 -24px 32px;padding:18px 24px;
  border-bottom:1px solid var(--codex-divider)!important;
  background:transparent!important
}
html:root[data-platform="desktop"] .timer-dialog>.timer-display,
html:root[data-platform="desktop"] .timer-dialog>.timer-inputs,
html:root[data-platform="desktop"] .timer-dialog>.timer-help,
html:root[data-platform="desktop"] .timer-dialog>.giveaway-form,
html:root[data-platform="desktop"] .timer-dialog>footer{
  box-sizing:border-box;flex:none;width:100%;max-width:720px;
  margin-left:auto;margin-right:auto
}
html:root[data-platform="desktop"] .timer-display{
  margin-top:0;margin-bottom:24px;padding:32px 16px;border-radius:12px;
  background:var(--codex-hover)!important;border-color:var(--codex-divider)!important;
  box-shadow:none!important;color:var(--cyan)
}
html:root[data-platform="desktop"] .timer-inputs,
html:root[data-platform="desktop"] .giveaway-form{padding:0;gap:18px}
html:root[data-platform="desktop"] .timer-dialog .timer-help{
  padding:0;margin-top:16px;margin-bottom:20px;min-height:0
}
html:root[data-platform="desktop"] .timer-dialog>footer{
  padding:20px 0 0;border-top:1px solid var(--codex-divider)!important;
  flex-wrap:wrap;background:transparent!important
}
html:root[data-platform="desktop"] .timer-dialog input,
html:root[data-platform="desktop"] .timer-dialog select,
html:root[data-platform="desktop"] .timer-dialog button{
  box-sizing:border-box;min-width:0;border-radius:8px;
  background:var(--codex-hover)!important;border:1px solid var(--codex-divider)!important;
  color:var(--text)!important;box-shadow:none!important
}
html:root[data-platform="desktop"] .timer-dialog .timer-primary{
  background:var(--codex-active)!important;border-color:var(--cyan)!important
}
html:root[data-platform="desktop"] .timer-dialog .timer-alarm-stop{border-color:var(--pink)!important}
html:root[data-platform="desktop"] .timer-dialog :is(input,select,button):focus-visible{
  outline:2px solid var(--cyan);outline-offset:2px
}
html:root[data-platform="desktop"] .timer-dialog button:hover:not(:disabled){background:var(--codex-active)!important}
html:root[data-platform="desktop"] .giveaway-form [hidden]{display:none!important}

/* Theme surfaces: retain the joined shell geometry without flattening the palette. */
:root[data-theme="chill-serwis"]{
  --codex-chrome:#0a3658;
  --codex-sidebar:linear-gradient(165deg,#0a3658 0%,#12618a 55%,#1687ad 100%);
  --codex-workspace:linear-gradient(130deg,#0b3456 0%,#155b82 62%,#197b9b 100%);
  --codex-divider:#62a9c9;--codex-hover:#1b668b;--codex-active:#2784a8;
  --panel:#124a70;--panel2:#19658b;--muted:#c4e7f4;
  --theme-panel:linear-gradient(135deg,#206f96,#104266);
}
:root[data-theme="miami-vice"]{
  --codex-sidebar:linear-gradient(165deg,#24104d 0%,#522064 52%,#852668 100%);
  --codex-workspace:linear-gradient(125deg,#1c103d 0%,#3f1a61 60%,#652052 100%);
  --codex-divider:#9557ae;--codex-hover:#592c76;--codex-active:#803d94;
  --cyan:#7aeeff;--pink:#ff78cf;--muted:#e0c7ef;
  --theme-panel:linear-gradient(135deg,#532573,#291744);
  --theme-control:linear-gradient(115deg,#6b327f,#392762);
}
:root[data-theme="drwinka"]{
  --codex-sidebar:linear-gradient(165deg,#e9c600 0%,#ffe75a 48%,#d49f00 100%);
  --codex-workspace:linear-gradient(130deg,#080907 0%,#17180e 65%,#302b10 100%);
  --codex-divider:#66603a;--codex-hover:#302f1d;--codex-active:#454024;
  --theme-panel:linear-gradient(135deg,#292719,#10110d);
}
html:root[data-platform="desktop"]:is([data-theme="chill-serwis"],[data-theme="miami-vice"],[data-theme="drwinka"]) .topbar{
  background:var(--codex-sidebar)!important
}
html:root[data-platform="desktop"]:is([data-theme="chill-serwis"],[data-theme="miami-vice"],[data-theme="drwinka"]) :is(.settings-card,.account-profile-card,.gift-sound-row,.surface,.live-tool-card,.support-qr-card){
  background:var(--theme-panel)!important;border-color:var(--codex-divider)!important
}
html:root[data-platform="desktop"]:is([data-theme="chill-serwis"],[data-theme="miami-vice"],[data-theme="drwinka"]) #chat .desktop-chat-content{
  background:transparent!important
}
html:root[data-platform="desktop"][data-theme="miami-vice"] :is(.round-nav>button.active,.settings-index nav button.active){
  background:linear-gradient(100deg,#713798,#a12d7e)!important;
  color:#fff!important;box-shadow:inset 3px 0 #7aeeff,0 0 12px #fb5bc72e!important
}
/* Drwinka has a light navigation rail, but dark workspace controls. */
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav>button,.settings-index nav button,.desktop-settings-back):hover{
  background:#fff3aa!important;color:#171400!important;-webkit-text-fill-color:#171400!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav>button,.settings-index nav button).active{
  background:#191a11!important;color:#fffbe0!important;-webkit-text-fill-color:#fffbe0!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav>button,.settings-index nav button,.desktop-settings-back):hover svg{
  color:#171400!important;stroke:#171400!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav>button,.settings-index nav button).active svg{
  color:#ffe34d!important;stroke:#ffe34d!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .desktop-sidebar button::before,
html:root[data-platform="desktop"][data-theme="drwinka"] .settings-index button::before{display:none!important}
html:root[data-platform="desktop"][data-theme="drwinka"] :is(.desktop-menu-dropdown,.desktop-submenu,.creator-panel,.account-quick-menu){
  background:#191a11!important;color:#fffbe0!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] :is(.desktop-menu-dropdown,.desktop-submenu,.creator-panel,.account-quick-menu) button:hover{
  background:#49401b!important;color:#fff3aa!important;-webkit-text-fill-color:#fff3aa!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .round-nav::before,
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.desktop-nav-label,.settings-index>strong){
  color:#403400!important;-webkit-text-fill-color:#403400!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat :is(.workspace-panel,.chat-workspace,.chat-workspace-main,.chat-card){
  background:transparent!important
}

/* One navigation shell for every theme. The actual sidebar is .topbar,
   not .desktop-sidebar. Nested navigation must never paint a second surface. */
html:root[data-platform="desktop"][data-theme] .desktop-menu-bar>button,
html:root[data-platform="desktop"][data-theme] .desktop-menu-trigger{
  box-shadow:none!important;border:0!important;text-shadow:none!important
}
html:root[data-platform="desktop"][data-theme] .topbar,
html:root[data-platform="desktop"][data-theme] .desktop-menu-bar{
  background:var(--codex-chrome)!important;box-shadow:none!important;border:0!important
}
html:root[data-platform="desktop"][data-theme] .topbar :is(.desktop-settings-sidebar,.settings-index,.desktop-module-sidebar,.round-nav),
html:root[data-platform="desktop"][data-theme] .topbar :is(.settings-index,.desktop-module-sidebar)>nav{
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:0!important
}

/* Radio: wspólny modułowy układ stacji i odtwarzacza */
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-width:0;min-height:52px;margin:0;padding:7px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button:hover{background:color-mix(in srgb,var(--cyan) 9%,var(--theme-row,var(--panel2)));border-color:color-mix(in srgb,var(--cyan) 24%,var(--line));transform:translateX(1px)}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button.active{background:color-mix(in srgb,var(--cyan) 15%,var(--theme-row,var(--panel2)));border-color:color-mix(in srgb,var(--cyan) 46%,var(--line));box-shadow:inset 3px 0 0 var(--cyan)}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button>span:nth-child(2){min-width:0}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button b,html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button b{font-size:11px;line-height:15px}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button small{margin-top:2px;color:var(--muted);font-size:9px;line-height:12px}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button>svg{width:14px;height:14px;color:var(--muted)}
html[data-platform="desktop"] .desktop-module-sidebar .desktop-radio-station-button.playing>svg{color:var(--cyan)}
html[data-platform="desktop"] .radio-sidebar-mark{display:grid!important;place-items:center;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--cyan) 48%,var(--line));border-radius:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 24%,var(--panel2)),color-mix(in srgb,var(--accent) 12%,var(--panel)));color:var(--text)!important;font-size:9px!important;font-weight:800;letter-spacing:-.02em}

html[data-platform="desktop"] .radio-panel{width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:var(--app-radius,14px) 0 0 0!important;background:transparent!important;overflow:hidden}
html[data-platform="desktop"] .radio-detail-shell{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;width:100%;height:100%;min-height:0;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 82%,transparent));overflow:hidden}
html[data-platform="desktop"] .radio-now-card,html[data-platform="desktop"] .radio-playlist-card{border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--theme-row,var(--panel2)) 96%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));box-shadow:0 14px 38px color-mix(in srgb,#000 20%,transparent)}
html[data-platform="desktop"] .radio-now-card{display:grid;grid-template-columns:82px minmax(250px,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border-radius:16px}
html[data-platform="desktop"] .radio-station-art{display:grid;place-items:center;width:82px;height:82px;border:1px solid color-mix(in srgb,var(--cyan) 58%,var(--line));border-radius:22px;background:radial-gradient(circle at 28% 22%,color-mix(in srgb,var(--cyan) 48%,white 8%),transparent 40%),linear-gradient(145deg,color-mix(in srgb,var(--cyan) 28%,var(--panel2)),color-mix(in srgb,var(--accent) 24%,var(--panel)));color:var(--text);font-size:18px;font-weight:900;letter-spacing:-.05em;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 18%,transparent),0 9px 24px color-mix(in srgb,var(--cyan) 15%,transparent)}
html[data-platform="desktop"] .radio-now-copy{min-width:0}
html[data-platform="desktop"] .radio-eyebrow{display:block;margin-bottom:5px;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.14em}
html[data-platform="desktop"] .radio-now-copy h1{margin:0;color:var(--text);font-size:24px;line-height:30px}
html[data-platform="desktop"] .radio-now-copy p{max-width:720px;margin:6px 0 0;color:var(--muted);font-size:12px;line-height:18px}
html[data-platform="desktop"] .radio-player-actions{display:flex;align-items:center;gap:8px}
html[data-platform="desktop"] .radio-primary-action,html[data-platform="desktop"] .radio-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:10px;font-size:11px;font-weight:750}
html[data-platform="desktop"] .radio-primary-action{border:1px solid color-mix(in srgb,var(--cyan) 70%,var(--line));background:linear-gradient(135deg,var(--cyan),color-mix(in srgb,var(--accent) 55%,var(--cyan)));color:var(--app-on-accent,#07131d);box-shadow:0 8px 22px color-mix(in srgb,var(--cyan) 18%,transparent)}
html[data-platform="desktop"] .radio-secondary-action{border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 88%,transparent);color:var(--text)}
html[data-platform="desktop"] .radio-primary-action svg,html[data-platform="desktop"] .radio-secondary-action svg{width:16px;height:16px}
html[data-platform="desktop"] .radio-playlist-card{display:flex;flex-direction:column;min-height:0;border-radius:16px;overflow:hidden}
html[data-platform="desktop"] .radio-playlist-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid color-mix(in srgb,var(--cyan) 20%,var(--line));background:color-mix(in srgb,var(--panel2) 52%,transparent)}
html[data-platform="desktop"] .radio-playlist-card h2{margin:0;color:var(--text);font-size:16px;line-height:21px}
html[data-platform="desktop"] .radio-playlist-card header p{margin:3px 0 0;color:var(--muted);font-size:10px}
html[data-platform="desktop"] .radio-playlist-refresh{display:flex;align-items:center;gap:9px;color:var(--muted)}
html[data-platform="desktop"] .radio-playlist-refresh small{font-size:9px;white-space:nowrap}
html[data-platform="desktop"] .radio-playlist-list{min-height:0;overflow:auto;padding:5px 12px 12px}
html[data-platform="desktop"] .radio-playlist-row{display:grid;grid-template-columns:45px 42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:56px;padding:7px 6px;border-bottom:1px solid color-mix(in srgb,var(--cyan) 13%,var(--line));color:var(--text)}
html[data-platform="desktop"] .radio-playlist-row.latest{background:linear-gradient(90deg,color-mix(in srgb,var(--cyan) 9%,transparent),transparent);border-radius:9px}
html[data-platform="desktop"] .radio-playlist-row time{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}
html[data-platform="desktop"] .radio-playlist-row img,html[data-platform="desktop"] .radio-track-placeholder{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--cyan) 22%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--panel2) 78%,transparent);object-fit:cover}
html[data-platform="desktop"] .radio-track-placeholder{display:grid;place-items:center;color:var(--cyan)}
html[data-platform="desktop"] .radio-track-placeholder svg{width:17px;height:17px}
html[data-platform="desktop"] .radio-playlist-row>span:nth-child(3){min-width:0}
html[data-platform="desktop"] .radio-playlist-row b,html[data-platform="desktop"] .radio-playlist-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-platform="desktop"] .radio-playlist-row b{font-size:11px;line-height:15px}
html[data-platform="desktop"] .radio-playlist-row small{margin-top:2px;color:var(--muted);font-size:9px}
html[data-platform="desktop"] .radio-playlist-row em{padding:4px 7px;border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));border-radius:999px;color:var(--cyan);font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}
html[data-platform="desktop"] .radio-playlist-state{display:grid;place-items:center;align-content:center;min-height:220px;padding:30px;color:var(--muted);text-align:center}
html[data-platform="desktop"] .radio-playlist-state svg{width:30px;height:30px;margin-bottom:12px;color:var(--cyan)}
html[data-platform="desktop"] .radio-playlist-state b{color:var(--text);font-size:13px}
html[data-platform="desktop"] .radio-playlist-state p{max-width:440px;margin:6px 0 0;font-size:10px}
@media (max-width:900px){html[data-platform="desktop"] .radio-now-card{grid-template-columns:62px minmax(0,1fr)}html[data-platform="desktop"] .radio-station-art{width:62px;height:62px;border-radius:17px}html[data-platform="desktop"] .radio-player-actions{grid-column:1/-1;justify-content:flex-start}}
html:root[data-platform="desktop"][data-theme] .topbar :is(.round-nav,.settings-index nav)>button{
  border:0!important;border-radius:8px!important;background:transparent!important;
  box-shadow:none!important;transform:none!important;text-shadow:none!important
}
/* Only ::before is decorative. ::after contains the accessible menu label. */
html:root[data-platform="desktop"][data-theme] .topbar :is(.round-nav,.settings-index nav)>button::before{display:none!important}
html:root[data-platform="desktop"][data-theme] .topbar :is(.round-nav,.settings-index nav)>button:hover{
  background:var(--codex-hover)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important
}
html:root[data-platform="desktop"][data-theme] .topbar :is(.round-nav,.settings-index nav)>button.active{
  background:var(--codex-active)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav,.settings-index nav)>button:hover{
  background:#fff3aa!important;color:#171400!important;-webkit-text-fill-color:#171400!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar :is(.round-nav,.settings-index nav)>button.active{
  background:#191a11!important;color:#fffbe0!important;-webkit-text-fill-color:#fffbe0!important
}
/* Gradients belong to the workspace, never a rectangular overlay on the rail. */
html:root[data-platform="desktop"][data-theme] #settings.tab.active{
  background:var(--codex-workspace)!important;border:0!important;
  border-radius:16px 16px 0 0!important;box-shadow:none!important
}
html:root[data-platform="desktop"][data-theme] #settings :is(.settings-content,.settings-layout){
  background:transparent!important;box-shadow:none!important
}
html:root[data-platform="desktop"][data-theme] #settings :is(.settings-card,.account-profile-card,.gift-sound-row){
  background:var(--panel)!important;border:1px solid var(--codex-divider)!important;
  border-radius:12px!important;box-shadow:none!important
}
/* Słoneczna polana: biel dotyczy wyłącznie treści aktywnego czatu.
   Nagłówek i pozostałe moduły zachowują oryginalną paletę motywu. */
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) :is(.chat-feed,.empty){
  background:#fff!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  background:#0b5660!important;border-color:#d3a51e!important;color:#fff!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head b{
  color:#fff!important;-webkit-text-fill-color:#fff!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-message{
  background:#fff!important;border-color:#b9d2c8!important;color:#063f3a!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) :is(.message-author,.chat-message p,.chat-message time){
  color:#063f3a!important;-webkit-text-fill-color:#063f3a!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .empty :is(h2,p){
  color:#063f3a!important;-webkit-text-fill-color:#063f3a!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .topbar .round-nav>button{
  color:#ffd23f!important;-webkit-text-fill-color:#ffd23f!important
}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .topbar .round-nav>button svg{
  color:#ffd23f!important;stroke:#ffd23f!important
}

/* Chill Serwis — zachowuje wspólną obudowę Codex; zmienia tylko materiały i światło. */
:root[data-theme="chill-serwis"]{
  --bg:#03182c;--panel:#0a3158;--panel2:#0e4775;--line:#408eb8;
  --text:#f4fbff;--muted:#b9dff2;--cyan:#69d9ff;--pink:#85adff;--accent:#42c5f5;
  --codex-chrome:#061d36;
  --codex-sidebar:linear-gradient(165deg,#061d36 0%,#0a3157 55%,#0d5279 100%);
  --codex-workspace:radial-gradient(circle at 86% 9%,#2794cf42 0,transparent 29%),linear-gradient(135deg,#061b34 0%,#0a3158 60%,#0b4d72 100%);
  --codex-divider:#4b9fc9;--codex-hover:#124b75;--codex-active:#1678a6;
  --theme-panel:linear-gradient(145deg,#135b8bdd 0%,#0b365fe8 58%,#071f3de8 100%);
  --theme-row:linear-gradient(105deg,#13547fd9,#0a355fe8 62%,#082849e8);
  --theme-control:linear-gradient(145deg,#1b71a2,#0d416e);
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .desktop-menu-bar{
  background:var(--codex-chrome)!important;
  border-bottom-color:#53bee8!important;box-shadow:0 1px 0 #c9f4ff2b inset!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .topbar{
  background:var(--codex-chrome)!important;border-right-color:#489fc9!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat.tab.active{
  background:var(--codex-chrome)!important;border-radius:0!important;overflow:visible!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat .desktop-chat-layout{
  background:var(--codex-chrome)!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat .desktop-chat-content{
  position:relative;isolation:isolate;overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
  background:
    linear-gradient(135deg,#061b34c7 0%,#0a3158b8 60%,#0b4d72b8 100%),
    url('/themes/chill-serwis-frost-v1.png') center/cover no-repeat!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #settings.tab.active{
  position:relative;isolation:isolate;background:
    linear-gradient(135deg,#061b34d9 0%,#0a3158d1 60%,#0b4d72d1 100%),
    url('/themes/chill-serwis-frost-v1.png') center/cover no-repeat!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat :is(.chat-workspace,.chat-workspace-main,.chat-main-column,.workspace-panel,.chat-card,.chat-feed){
  background:transparent!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat .chat-main-column .chat-card{
  overflow:hidden!important;border-radius:16px 16px 0 0!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  position:relative;z-index:1;
  margin:0!important;border-radius:16px 16px 0 0!important;
  background:linear-gradient(105deg,#0d4d78 0%,#0b416b 55%,#0a365c 100%)!important;
  border-bottom-color:#55afd5!important;
  box-shadow:0 1px 0 #c9f3ff26 inset,0 8px 22px #02152852!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .topbar :is(.round-nav,.settings-index nav)>button:hover{
  background:linear-gradient(100deg,#155b87,#16739e)!important;box-shadow:inset 0 1px #d9f8ff29!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .topbar :is(.round-nav,.settings-index nav)>button.active{
  background:linear-gradient(110deg,#168fbd,#17699f 62%,#304f9b)!important;
  box-shadow:inset 3px 0 #9ceaff,0 0 15px #58d4ff2e!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] :is(.settings-card,.account-profile-card,.gift-sound-row,.surface,.live-tool-card,.support-qr-card){
  background:var(--theme-panel)!important;border-color:#4a9cc4!important;
  box-shadow:0 10px 28px #01132670,0 1px 0 #d8f8ff20 inset!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .chat-message{
  background:transparent!important;
  border-color:#55add477!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] .chat-message:hover{
  background:transparent!important;border-color:#65cbea!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] :is(.desktop-menu-dropdown,.desktop-submenu,.creator-panel,.account-quick-menu){
  background:linear-gradient(145deg,#104d77f5,#092f55fa 60%,#061d38fc)!important;
  border-color:#5bbde2!important;box-shadow:0 18px 44px #010d1cc7,0 1px 0 #dcf8ff2b inset!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] ::-webkit-scrollbar-thumb{
  background:linear-gradient(#72dcfa,#1c7eb3);border:2px solid #082945;border-radius:99px
}

/* Selektor motywów: pigułki z indywidualnym podglądem kolorów */
html[data-platform="desktop"] #settings-appearance .all-themes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:9px!important;width:100%;padding:8px!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel2) 58%,transparent)!important}
html[data-platform="desktop"] #settings-appearance .all-themes>button{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:46px;padding:4px 15px 4px 5px!important;border:1px solid color-mix(in srgb,var(--line) 86%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--panel) 88%,transparent)!important;color:var(--text)!important;text-align:left!important;font-weight:700;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
html[data-platform="desktop"] #settings-appearance .all-themes>button::before{content:"";display:block;width:36px;height:36px;border:1px solid color-mix(in srgb,#fff 30%,transparent);border-radius:50%;background:var(--theme-preview);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent),0 3px 10px color-mix(in srgb,#000 24%,transparent)}
html[data-platform="desktop"] #settings-appearance .all-themes>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--cyan) 52%,var(--line))!important;background:color-mix(in srgb,var(--cyan) 7%,var(--panel))!important}
html[data-platform="desktop"] #settings-appearance .all-themes>button.active{border-color:var(--cyan)!important;background:color-mix(in srgb,var(--cyan) 12%,var(--panel))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 35%,transparent),0 6px 18px color-mix(in srgb,var(--cyan) 10%,transparent)!important}
html[data-platform="desktop"] #settings-appearance .all-themes>button.active::after{content:"✓";position:absolute;right:14px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--cyan);color:var(--bg);font-size:11px;font-weight:900}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="dark-titanium"]{--theme-preview:linear-gradient(145deg,#080b12 0 36%,#24d9d5 37% 50%,#7d6cff 51% 68%,#171d29 69%)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="white-titanium"]{--theme-preview:linear-gradient(145deg,#fbfaf6 0 38%,#c9c7bf 39% 53%,#777c86 54% 68%,#ebeae4 69%)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="chill-serwis"]{--theme-preview:radial-gradient(circle at 28% 24%,#bff3ff 0 8%,transparent 9%),linear-gradient(145deg,#041326,#28a8ff 54%,#60d4ff)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="rose-gold-glass"]{--theme-preview:linear-gradient(145deg,#fff8f5 0 34%,#d7788f 35% 52%,#e28c7a 53% 70%,#f5d6ca 71%)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="lazarskie-rejony"]{--theme-preview:radial-gradient(circle at 70% 28%,#6de7ff 0 8%,transparent 9%),linear-gradient(145deg,#080c13,#477fb9 55%,#18202e)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="miami-vice"]{--theme-preview:linear-gradient(135deg,#ff75c8 0 28%,#21184f 29% 54%,#6de7ff 55% 78%,#ffe08a 79%)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="drwinka"]{--theme-preview:radial-gradient(circle at 70% 28%,#f4d06f 0 7%,transparent 8%),linear-gradient(145deg,#12110f,#74552b 54%,#d5a84b)}
html[data-platform="desktop"] #settings-appearance .all-themes>button[data-value="sloneczna-polana"]{--theme-preview:linear-gradient(145deg,#073b45 0 42%,#fff 43% 57%,#ffc400 58% 76%,#0d6570 77%)}
@media(max-width:900px){html[data-platform="desktop"] #settings-appearance .all-themes{grid-template-columns:1fr!important}}

/* Drwinka — ciemne złoto i dyskretna, wspólna warstwa słoneczników pod treścią. */
:root[data-theme="drwinka"]{
  --bg:#050504;--panel:#17150d;--panel2:#211e11;--line:#685a2a;
  --text:#fffbea;--muted:#d7cda5;--cyan:#e5bd45;--pink:#f0d477;--accent:#a97e20;
  --codex-chrome:#0a0906;
  --codex-sidebar:linear-gradient(165deg,#d7ad28 0%,#f0ce55 47%,#9b7116 100%);
  --codex-workspace:radial-gradient(circle at 82% 8%,#b98c2530 0,transparent 28%),linear-gradient(135deg,#080704 0%,#151108 60%,#241b08 100%);
  --codex-divider:#766128;--codex-hover:#3b3016;--codex-active:#5a4518;
  --theme-panel:linear-gradient(145deg,#2b2412e8 0%,#171309ec 58%,#0b0905f2 100%);
  --theme-row:linear-gradient(105deg,#2c2411d9,#181308e8 62%,#0c0a06ec);
  --theme-control:linear-gradient(145deg,#5c4719,#2c230f);
}
html:root[data-platform="desktop"][data-theme="drwinka"] .desktop-menu-bar{
  background:var(--codex-chrome)!important;
  border-bottom-color:#a57f25!important;box-shadow:0 1px 0 #f6da7140 inset!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .topbar{
  background:var(--codex-sidebar)!important;
  border-right-color:#6d5012!important;box-shadow:1px 0 0 #f7dd7740 inset!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat.tab.active,
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .desktop-chat-layout{
  background:var(--codex-chrome)!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .desktop-chat-content{
  position:relative;isolation:isolate;overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
  background:
    linear-gradient(135deg,#050403d4 0%,#120e07ce 58%,#241906c7 100%),
    url('/themes/drwinka-sunflowers-v1.png') center/cover no-repeat!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #settings.tab.active{
  position:relative;isolation:isolate;
  background:
    linear-gradient(135deg,#060503e6 0%,#130f08df 60%,#251b08dc 100%),
    url('/themes/drwinka-sunflowers-v1.png') center/cover no-repeat!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat :is(.chat-workspace,.chat-workspace-main,.chat-main-column,.workspace-panel,.chat-card,.chat-feed){
  background:transparent!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .chat-main-column .chat-card{
  overflow:hidden!important;border-radius:16px 16px 0 0!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  position:relative;z-index:1;margin:0!important;border-radius:16px 16px 0 0!important;
  background:linear-gradient(105deg,#33270f 0%,#231b0d 55%,#171207 100%)!important;
  border-bottom-color:#a9832b!important;
  box-shadow:0 1px 0 #f5d96c2e inset,0 8px 22px #02020178!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .chat-message{
  background:transparent!important;border-color:#8b732c80!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .chat-message:hover{
  background:transparent!important;border-color:#d6ad3f!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] :is(.settings-card,.account-profile-card,.gift-sound-row,.surface,.live-tool-card,.support-qr-card){
  background:var(--theme-panel)!important;border-color:#796329!important;
  box-shadow:0 10px 28px #02020194,0 1px 0 #f7dd7726 inset!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] :is(.desktop-menu-dropdown,.desktop-submenu,.creator-panel,.account-quick-menu){
  background:linear-gradient(145deg,#302713f7,#171208fa 60%,#090704fc)!important;
  border-color:#9b7b29!important;box-shadow:0 18px 44px #020201d1,0 1px 0 #f6dc752b inset!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] ::-webkit-scrollbar-thumb{
  background:linear-gradient(#e0bc4b,#7d5d16);border:2px solid #151006;border-radius:99px
}

/* Native Windows controls use solid colors. Match the CSS chrome and the
   surface behind the rounded workspace corner to those exact values. */
html:root[data-platform="desktop"][data-theme="drwinka"] :is(.desktop-menu-bar,.topbar){
  background:#e9c600!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] #chat.tab.active,
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .desktop-chat-layout{
  background:#e9c600!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] :is(.desktop-menu-bar,.topbar){
  background:#06182f!important
}
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat.tab.active,
html:root[data-platform="desktop"][data-theme="chill-serwis"] #chat .desktop-chat-layout{
  background:#06182f!important
}

/* Drwinka: only the surface exposed under the upper-left curve is gold.
   The chat header keeps its dark gradient and the right edge stays square. */
html:root[data-platform="desktop"][data-theme="drwinka"] #chat.tab.active,
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .desktop-chat-content,
html:root[data-platform="desktop"][data-theme="drwinka"] #chat .chat-main-column .chat-card,
html:root[data-platform="desktop"][data-theme="drwinka"] .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  border-radius:16px 0 0 0!important
}

/* Gold shell under the rounded tab: this is the tiny exposed corner. */
html:root[data-platform="desktop"][data-theme="drwinka"] main.app{
  background:#e9c600!important
}

/* Drwinka account menu: retain the dark glass, but keep every label and
   action legible with the theme's gold hierarchy. */
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu{
  color:#ffe36a!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu header b{
  color:#fff3ad!important;
  -webkit-text-fill-color:#fff3ad!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu header small{
  color:#d8b947!important;
  -webkit-text-fill-color:#d8b947!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu>button{
  color:#eac83f!important;
  -webkit-text-fill-color:#eac83f!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu>button :is(svg,use){
  color:#eac83f!important;
  stroke:#eac83f!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu .account-menu-divider{
  background:#8f7625!important
}
html:root[data-platform="desktop"][data-theme="drwinka"] .account-quick-menu .account-menu-limits :is(em,b){
  color:#e4c65d!important;
  -webkit-text-fill-color:#e4c65d!important
}

/* Krita support bot: a regular chat row with a distinct role treatment. */
.chat-message.krita-bot .krita-avatar-frame{
  border:2px solid #42b9ff!important;
  border-radius:50%!important;
  overflow:hidden!important;
  position:relative!important;
  box-shadow:0 0 0 2px color-mix(in srgb,#46c6ff 22%,transparent),0 0 15px color-mix(in srgb,#168cff 48%,transparent)!important
}
.chat-message.krita-bot .krita-avatar-image{
  position:absolute;
  left:50%;top:50%;
  width:132%;height:132%;
  max-width:none;
  object-fit:cover;
  transform:translate(-50%,-50%)
}
.chat-message.krita-bot .message-author{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#44c8ff 0%,#7aa7ff 32%,#42f0ff 58%,#308dff 78%,#44c8ff 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 4px #2ca8ffb8);
  animation:krita-name-glow 2.7s ease-in-out infinite
}
.chat-message.krita-bot .krita-message-text,
.chat-message.krita-bot .krita-message-text :is(strong,a){
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#44c8ff 0%,#7aa7ff 32%,#42f0ff 58%,#308dff 78%,#44c8ff 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 0 4px #2ca8ffb8);
  animation:krita-name-glow 2.7s ease-in-out infinite
}
.chat-message.krita-bot .role.bot{
  color:#65dcff!important;
  background:color-mix(in srgb,#279cff 18%,var(--panel2))!important;
  border-color:color-mix(in srgb,#65dcff 50%,var(--line))!important;
  box-shadow:0 0 10px #279cff55
}
.chat-message.krita-bot .role.bot :is(svg,use){color:currentColor!important;stroke:currentColor!important}
.chat-message.krita-bot .krita-support-link{
  color:#49bfff!important;
  font-weight:850;
  text-decoration:underline;
  text-decoration-color:#49bfff99;
  text-underline-offset:2px;
  text-shadow:0 0 8px #218dff70
}
.chat-message.krita-bot .krita-support-link:hover{color:#8ce8ff!important;text-decoration-color:currentColor}
@keyframes krita-name-glow{
  0%,100%{background-position:0 50%;filter:drop-shadow(0 0 3px #2ca8ff80)}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 9px #57d9ffe8)}
}
@media(prefers-reduced-motion:reduce){.chat-message.krita-bot :is(.message-author,.krita-message-text,.krita-message-text strong,.krita-message-text a){animation:none;background-position:50% 50%}}

/* Pomoc > Co nowego: editorial changelog inspired by a native release-notes view. */
html[data-platform="desktop"] #about[data-help-view="whats-new"]{
  padding:0!important;overflow:hidden!important;background:color-mix(in srgb,var(--bg) 88%,#171925)!important
}
html[data-platform="desktop"] #about[data-help-view="whats-new"]>:not(#aboutWhatsNew){display:none!important}
#aboutWhatsNew.whats-new-panel{
  width:100%!important;max-width:none!important;height:100%;margin:0!important;padding:0!important;color:var(--text)
}
#aboutWhatsNew[hidden]{display:none!important}
.whats-new-frame{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,#282a36),color-mix(in srgb,var(--bg) 95%,#10121b))}
.whats-new-header{min-height:86px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;padding:12px clamp(18px,3vw,38px);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--panel) 94%,#292b36);box-shadow:0 12px 30px #00000020;z-index:3}
.whats-new-header>span{text-align:center}.whats-new-header h2{margin:0;color:var(--text);font-size:25px;line-height:1.1;letter-spacing:-.02em}.whats-new-header time{display:block;margin-top:4px;color:var(--muted);font-size:13px}.whats-new-header button{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.whats-new-header button:hover{background:color-mix(in srgb,var(--text) 9%,transparent)}.whats-new-header svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8}
.whats-new-scroll{min-height:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.whats-new-scroll::-webkit-scrollbar{display:none;width:0;height:0}.whats-new-article{width:min(850px,calc(100% - 42px));margin:0 auto;padding:34px 0 54px;text-align:left}
.whats-new-hero{position:relative;min-height:330px;display:grid;grid-template-columns:minmax(190px,36%) 1fr;align-items:center;gap:clamp(24px,5vw,62px);overflow:hidden;padding:38px clamp(28px,5vw,58px);border:1px solid color-mix(in srgb,var(--cyan) 38%,var(--line));border-radius:18px;background:radial-gradient(circle at 24% 44%,#17b8ff38 0 18%,transparent 42%),linear-gradient(135deg,#080b24 0%,#12115c 48%,#091731 100%);box-shadow:0 22px 55px #0007,0 1px 0 #ffffff1c inset}
.whats-new-hero-glow{position:absolute;inset:-40%;background:conic-gradient(from 10deg,transparent,#ff3ccc2b,transparent 30%,#2ee9ff2e,transparent 58%,#805cff31,transparent);animation:whats-new-aura 14s linear infinite;pointer-events:none}.whats-new-hero img{position:relative;width:min(230px,100%);aspect-ratio:1;object-fit:contain;filter:none}
.whats-new-hero>div:nth-of-type(2){position:relative}.whats-new-hero span{color:#72ddff;font-size:11px;font-weight:900;letter-spacing:.15em}.whats-new-hero h3{margin:9px 0 12px;color:#fff;font-size:clamp(32px,4vw,50px);line-height:1.02;letter-spacing:-.045em}.whats-new-hero p{margin:0;color:#cdd5ed;font-size:15px;line-height:1.55}.whats-new-hero ul{position:absolute;right:24px;bottom:20px;display:flex;gap:7px;margin:0;padding:0;list-style:none}.whats-new-hero li{padding:6px 10px;border:1px solid #75e5ff55;border-radius:99px;background:#07192cb5;color:#aeeeff;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.whats-new-lead{margin:28px 0 34px;color:var(--muted);font-size:17px;line-height:1.7}
.whats-new-section{--release-accent:#7edfab;margin-top:34px}.whats-new-section.is-improved{--release-accent:#97a7ff}.whats-new-section.is-technical{--release-accent:#ff9fa7}.whats-new-section>h3{display:flex;align-items:center;gap:18px;margin:0 0 24px;color:var(--release-accent);font-size:17px;letter-spacing:.025em;text-transform:uppercase}.whats-new-section>h3::after{content:"";height:3px;flex:1;border-radius:99px;background:linear-gradient(90deg,var(--release-accent),transparent)}
.whats-new-entry{margin:0 0 27px}.whats-new-entry h4{margin:0 0 10px;color:var(--text);font-size:18px;line-height:1.35}.whats-new-entry h4 span{display:inline-block;margin-right:8px;color:#f1cf50;text-shadow:0 0 10px #f1cf5066}.whats-new-entry p,.whats-new-intro{margin:0 0 12px;color:var(--muted);font-size:16px;line-height:1.66}.whats-new-tech{display:grid;gap:13px;margin:0;padding:0;list-style:none}.whats-new-tech li{position:relative;padding:13px 16px 13px 42px;border:1px solid color-mix(in srgb,var(--release-accent) 20%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel2) 82%,transparent);color:color-mix(in srgb,var(--text) 88%,var(--muted));font-size:15px;line-height:1.55}.whats-new-tech li::before{content:"";position:absolute;left:18px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--release-accent);box-shadow:0 0 12px color-mix(in srgb,var(--release-accent) 70%,transparent)}
.whats-new-footer{min-height:68px;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:color-mix(in srgb,var(--panel) 96%,#292b36);box-shadow:0 -14px 30px #00000024;z-index:3}.whats-new-footer span{color:var(--muted);font-size:12px}.whats-new-footer b{color:var(--text)}.whats-new-footer button{min-height:38px;padding:0 17px;border:1px solid color-mix(in srgb,var(--cyan) 46%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--cyan) 12%,var(--panel2));color:var(--cyan);font-weight:850;cursor:pointer}.whats-new-footer button:hover{background:color-mix(in srgb,var(--cyan) 20%,var(--panel2))}
@keyframes whats-new-aura{to{transform:rotate(360deg)}}
@media(max-width:760px){.whats-new-header{min-height:74px;grid-template-columns:46px 1fr 46px;padding:9px 12px}.whats-new-header h2{font-size:21px}.whats-new-article{width:min(100% - 26px,680px);padding-top:18px}.whats-new-hero{min-height:0;grid-template-columns:96px 1fr;gap:18px;padding:24px 20px}.whats-new-hero h3{font-size:28px}.whats-new-hero p{font-size:13px}.whats-new-hero ul{display:none}.whats-new-lead,.whats-new-entry p,.whats-new-intro{font-size:14px}.whats-new-entry h4{font-size:16px}.whats-new-footer{min-height:60px}}
@media(prefers-reduced-motion:reduce){.whats-new-hero-glow{animation:none}}

/* Co nowego is an embedded, centred dialog. The application stays visible
   underneath instead of turning the changelog into another workspace page. */
.whats-new-backdrop{
  position:fixed;inset:35px 0 0;z-index:190;display:grid;place-items:center;padding:28px;
  background:#02050bb8;backdrop-filter:blur(8px) saturate(.82)
}
.whats-new-backdrop[hidden]{display:none!important}
.whats-new-backdrop #aboutWhatsNew.whats-new-panel{
  width:min(920px,calc(100vw - 72px))!important;height:min(880px,calc(100vh - 105px));max-width:920px!important;
  margin:0!important;padding:0!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));
  border-radius:24px;background:var(--panel);box-shadow:0 32px 100px #000c,0 1px 0 #ffffff1a inset;color:var(--text)
}
.whats-new-backdrop .whats-new-frame{border-radius:inherit;overflow:hidden}
.whats-new-backdrop .whats-new-article{width:min(760px,calc(100% - 42px))}
@media(max-width:760px){.whats-new-backdrop{inset:0;padding:10px}.whats-new-backdrop #aboutWhatsNew.whats-new-panel{width:100%!important;height:100%;max-height:none;border-radius:18px}.whats-new-backdrop .whats-new-article{width:min(100% - 26px,680px)}}

/* Final Discord-like release notes composition. */
html[data-platform="desktop"] .account-dock{grid-template-columns:28px minmax(0,1fr) 30px}
html[data-platform="desktop"] #whatsNewLauncher{
  width:28px;height:28px;border:0;border-radius:50%;
  background:transparent;color:var(--muted);box-shadow:none
}
html[data-platform="desktop"] #whatsNewLauncher:hover{border:0;background:transparent;color:var(--cyan);box-shadow:none}
html[data-platform="desktop"] #whatsNewLauncher svg{width:18px;height:18px}

/* Miami Vice: the chat canvas keeps the full pink-violet-cyan identity. */
html:root[data-platform="desktop"][data-theme="miami-vice"] #chat .chat-main-column .chat-card{
  background:
    radial-gradient(circle at 10% 8%,#ff58c75c 0%,transparent 34%),
    radial-gradient(circle at 92% 14%,#32dff05c 0%,transparent 32%),
    linear-gradient(132deg,#180c38 0%,#4b1b67 48%,#0a5270 100%)!important
}
html:root[data-platform="desktop"][data-theme="miami-vice"] #chat .chat-main-column .chat-feed,
html:root[data-platform="desktop"][data-theme="miami-vice"] #chat .chat-main-column .empty{background:transparent!important}

/* Titanium and Enigma refresh: these themes use the same complete surface
   architecture as Chill Serwis, Drwinka and Miami Vice. */
:root[data-theme="dark-titanium"]{
  --bg:#070a0f;--panel:#111720;--panel2:#192331;--line:#405066;--text:#f5f8fc;--muted:#9aa9bc;--cyan:#53d7f4;--pink:#df6d9e;--accent:#7b91b2;--shadow:0 18px 46px #000b;
  --theme-canvas:radial-gradient(circle at 86% 9%,#1e3d51 0,transparent 28%),linear-gradient(145deg,#05070b 0%,#101722 54%,#080c12 100%);
  --theme-chrome:linear-gradient(110deg,#090d13 0%,#182230 62%,#101721 100%);
  --theme-panel:linear-gradient(145deg,#18212d 0%,#0c1118 72%);--theme-row:linear-gradient(105deg,#202c3b,#121923 64%,#0b1017);--theme-control:linear-gradient(145deg,#263445,#151e2a);
  --header-bg:#0c1118;--desktop-chrome:#0c1118;--desktop-surface:#080c12;
  --workspace-shell-border:#405066;--workspace-shell-shadow:0 22px 54px #000d,0 1px 0 #ffffff10 inset;
  --codex-chrome:#0a0e14;--codex-sidebar:#111923;--codex-workspace:#080c12;--codex-divider:#2d3949;--codex-hover:#1b2634;--codex-active:#243245
}
:root[data-theme="white-titanium"]{
  --bg:#edf1f5;--panel:#f8fafc;--panel2:#dce3ea;--line:#aebbc8;--text:#18212b;--muted:#607080;--cyan:#1686ad;--pink:#b44671;--accent:#687b90;--shadow:0 18px 44px #5365752b;
  --theme-canvas:radial-gradient(circle at 12% 12%,#ffffff 0,transparent 31%),radial-gradient(circle at 88% 8%,#b9e8f5 0,transparent 27%),linear-gradient(135deg,#f9fbfd 0%,#dce4eb 48%,#eef2f6 100%);
  --theme-chrome:linear-gradient(110deg,#d7dfe7 0%,#fafcfd 52%,#cbd5df 100%);
  --theme-panel:linear-gradient(145deg,#ffffffed 0%,#e3e9efee 74%);--theme-row:linear-gradient(105deg,#f9fbfc,#dce3e9 66%,#edf2f5);--theme-control:linear-gradient(145deg,#ffffff,#d3dce5);
  --header-bg:#e4eaf0;--desktop-chrome:#e4eaf0;--desktop-surface:#f4f7f9;
  --workspace-shell-border:#aebbc8;--workspace-shell-shadow:0 20px 50px #52647432,0 1px 0 #ffffff inset;
  --codex-chrome:#dce3e9;--codex-sidebar:#e7edf2;--codex-workspace:#f6f8fa;--codex-divider:#bfc9d2;--codex-hover:#edf2f5;--codex-active:#ffffff
}
:root[data-theme="lazarskie-rejony"],:root[data-theme="enigma-z"]{
  --bg:#050712;--panel:#0d1220;--panel2:#151d30;--line:#384f75;--text:#f4f7ff;--muted:#9aa9c4;--cyan:#39e7ff;--pink:#ff4fb8;--accent:#8b62ff;--shadow:0 20px 52px #01030bc7,0 0 22px #5538ff18;
  --theme-canvas:radial-gradient(circle at 12% 8%,#401665 0,transparent 27%),radial-gradient(circle at 88% 10%,#005c73 0,transparent 29%),linear-gradient(145deg,#04050c 0%,#0d1022 53%,#070914 100%);
  --theme-chrome:linear-gradient(110deg,#070914 0%,#17132d 48%,#082738 100%);
  --theme-panel:linear-gradient(145deg,#15172a 0%,#090b16 72%);--theme-row:linear-gradient(105deg,#20213b,#101326 62%,#071723);--theme-control:linear-gradient(145deg,#28244b,#111a30);
  --header-bg:#0b0e1b;--desktop-chrome:#0b0e1b;--desktop-surface:#060812;
  --workspace-shell-border:#384f75;--workspace-shell-shadow:0 22px 58px #01030be0,0 0 0 1px #39e7ff16,0 1px 0 #ff4fb81c inset;
  --codex-chrome:#080a13;--codex-sidebar:#0d1020;--codex-workspace:#060812;--codex-divider:#272d4a;--codex-hover:#171a32;--codex-active:#202548
}

html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-menu-bar,.topbar){
  background:var(--codex-chrome)!important;border-color:var(--workspace-shell-border)!important;
  box-shadow:0 1px 0 color-mix(in srgb,var(--text) 10%,transparent) inset!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-sidebar,.settings-index){
  background:var(--codex-sidebar)!important;border-color:var(--codex-divider)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat.tab.active,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-layout{
  background:var(--codex-chrome)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-content{
  position:relative;isolation:isolate;overflow:hidden!important;border-radius:16px 16px 0 0!important;
  background:var(--theme-canvas)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat :is(.chat-workspace,.chat-workspace-main,.chat-main-column,.workspace-panel,.chat-card,.chat-feed){background:transparent!important}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  position:relative;z-index:1;margin:0!important;border-radius:16px 16px 0 0!important;
  background:var(--theme-chrome)!important;border-bottom-color:var(--workspace-shell-border)!important;
  box-shadow:0 1px 0 color-mix(in srgb,var(--text) 10%,transparent) inset,0 8px 24px color-mix(in srgb,#000 38%,transparent)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.settings-card,.account-profile-card,.gift-sound-row,.surface,.live-tool-card,.support-qr-card){
  background:var(--theme-panel)!important;border-color:var(--workspace-shell-border)!important;box-shadow:var(--workspace-shell-shadow)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-menu-dropdown,.desktop-submenu,.creator-panel,.account-quick-menu){
  background:var(--theme-panel)!important;border-color:var(--workspace-shell-border)!important;box-shadow:var(--workspace-shell-shadow)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.round-nav,.settings-index nav)>button:hover{
  background:color-mix(in srgb,var(--cyan) 12%,var(--theme-row))!important;border-color:color-mix(in srgb,var(--cyan) 55%,var(--line))!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.round-nav,.settings-index nav)>button.active{
  background:linear-gradient(110deg,color-mix(in srgb,var(--cyan) 25%,var(--theme-row)),color-mix(in srgb,var(--pink) 16%,var(--theme-row)))!important;
  border-color:var(--cyan)!important;box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 24%,transparent)!important
}

/* Dark Titanium: coherent graphite metal with restrained cold reflections. */
html:root[data-platform="desktop"][data-theme="dark-titanium"] .chat-message{background:transparent!important;border-color:#4050668a!important;box-shadow:none!important}
html:root[data-platform="desktop"][data-theme="dark-titanium"] .chat-message:hover{background:#1d29354d!important;border-color:#67d7ee!important}
html:root[data-platform="desktop"][data-theme="dark-titanium"] :is(.brand-mark,.empty-orbit){background:linear-gradient(135deg,#27394b,#54d8f2 48%,#9b6ba8)!important;box-shadow:0 0 24px #53d7f43d}

/* White Titanium: pearlescent animated underlay, kept behind readable panels. */
html:root[data-platform="desktop"][data-theme="white-titanium"] #chat .desktop-chat-content,
html:root[data-platform="desktop"][data-theme="white-titanium"] #settings.tab.active{
  background:
    radial-gradient(circle at 15% 18%,#ffffff 0 10%,transparent 30%),
    radial-gradient(circle at 85% 12%,#b5ebf6 0 8%,transparent 29%),
    radial-gradient(circle at 68% 88%,#e8bfd3 0 7%,transparent 27%),
    linear-gradient(125deg,#f9fbfd 0%,#dbe4eb 38%,#f7f9fb 61%,#cfd9e2 100%)!important;
  background-size:145% 145%,150% 150%,155% 155%,180% 180%!important;
  animation:white-titanium-flow 18s ease-in-out infinite alternate
}
html:root[data-platform="desktop"][data-theme="white-titanium"] .chat-message{background:#ffffff24!important;border-color:#aebbc899!important;box-shadow:none!important}
html:root[data-platform="desktop"][data-theme="white-titanium"] .chat-message:hover{background:#ffffff70!important;border-color:#1686ad!important}
html:root[data-platform="desktop"][data-theme="white-titanium"] :is(.brand-mark,.empty-orbit){background:linear-gradient(135deg,#ffffff,#b9dfe9 45%,#d8bfd0 72%,#eef3f7)!important;color:#17212b!important;box-shadow:0 0 24px #1686ad2e}
@keyframes white-titanium-flow{0%{background-position:0 0,100% 0,55% 100%,0 50%}50%{background-position:25% 15%,72% 18%,42% 76%,55% 50%}100%{background-position:12% 28%,88% 10%,68% 62%,100% 50%}}

/* Enigma-Z: near-black base with its original neon energy restored. */
html:root[data-platform="desktop"]:is([data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .chat-message{background:transparent!important;border-color:#38527c88!important;box-shadow:none!important}
html:root[data-platform="desktop"]:is([data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .chat-message:hover{background:#15193780!important;border-color:#39e7ff!important;box-shadow:inset 3px 0 0 #ff4fb8,0 0 18px #39e7ff20!important}
html:root[data-platform="desktop"]:is([data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.brand-mark,.empty-orbit){background:linear-gradient(135deg,#ff4fb8,#825cff 48%,#39e7ff)!important;box-shadow:0 0 28px #39e7ff55,0 0 42px #ff4fb82e}
html:root[data-platform="desktop"]:is([data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(input,select,textarea):focus{border-color:#39e7ff!important;box-shadow:0 0 0 3px #39e7ff1f,0 0 18px #ff4fb81f!important;outline:0}
html:root[data-platform="desktop"]:is([data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) ::-webkit-scrollbar-thumb{background:linear-gradient(#39e7ff,#825cff 52%,#ff4fb8);border:2px solid #080a14;border-radius:99px}
@media(prefers-reduced-motion:reduce){html:root[data-platform="desktop"][data-theme="white-titanium"] :is(#chat .desktop-chat-content,#settings.tab.active){animation:none!important;background-position:50% 50%!important}}

/* Corner/shell regression fix. The left navigation, Windows/menu chrome and
   the exposed pixel below the single rounded corner must be one solid color.
   The workspace has only a top-left radius; its right edge remains square. */
:root[data-theme="dark-titanium"]{--theme-shell:#0a0e14}
:root[data-theme="white-titanium"]{--theme-shell:#dce3e9}
:root[data-theme="lazarskie-rejony"],:root[data-theme="enigma-z"]{--theme-shell:#080a13}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) main.app,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-menu-bar,.topbar,.desktop-sidebar,.settings-index),
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat.tab.active,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-layout{
  background:var(--theme-shell)!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat.tab.active,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-content,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .chat-main-column .chat-card,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  border-radius:16px 0 0 0!important
}

/* The real left navigation surface is .topbar. Its nested desktop sidebar
   must not paint a second rectangle. Only the right content surface is curved. */
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-sidebar,.desktop-settings-sidebar,.settings-index,.desktop-module-sidebar),
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .topbar :is(.round-nav,.settings-index nav,.desktop-module-sidebar>nav){
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat.tab.active,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-layout{
  border-radius:0!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-content,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .chat-main-column .chat-card,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  border-radius:16px 0 0 0!important
}
.whats-new-backdrop #aboutWhatsNew.whats-new-panel{
  width:min(720px,calc(100vw - 72px))!important;max-width:720px!important;
  font-family:"Segoe UI Variable Text","Segoe UI","Noto Sans","Helvetica Neue",Arial,sans-serif
}
.whats-new-frame{grid-template-rows:auto minmax(0,1fr)}
.whats-new-header{grid-template-columns:54px 1fr 54px}
.whats-new-header h2,.whats-new-hero h3,.whats-new-entry h4{
  font-family:"Segoe UI Variable Display","Segoe UI","Noto Sans","Helvetica Neue",Arial,sans-serif;
  font-stretch:condensed
}
.whats-new-backdrop .whats-new-article{width:100%;padding:0 0 48px}
.whats-new-backdrop .whats-new-hero{
  width:100%;min-height:300px;margin:0;border-width:0 0 1px;border-radius:0;padding:34px 40px;
  grid-template-columns:minmax(170px,36%) 1fr;box-shadow:0 18px 46px #0006
}
.whats-new-backdrop .whats-new-lead,.whats-new-backdrop .whats-new-section{margin-left:38px;margin-right:38px}
.whats-new-section>h3{justify-content:center;gap:15px;text-align:center;white-space:nowrap}
.whats-new-section>h3::before,.whats-new-section>h3::after{content:"";height:3px;flex:1;border-radius:99px}
.whats-new-section>h3::before{background:linear-gradient(90deg,transparent,var(--release-accent))}
.whats-new-section>h3::after{background:linear-gradient(90deg,var(--release-accent),transparent)}
.whats-new-tech{display:block;margin:0;padding:0;list-style:none}
.whats-new-tech li{
  position:relative;padding:0 0 14px 27px;border:0;border-radius:0;background:transparent;color:var(--muted);
  font-size:16px;line-height:1.65
}
.whats-new-tech li::before{
  content:"✦";position:absolute;left:0;top:0;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;
  color:#f1cf50;font-weight:900;text-shadow:0 0 10px #f1cf5066
}
.whats-new-section.is-support{--release-accent:#f1cf50}
.whats-new-support{margin-top:4px}
.whats-new-support p strong{color:var(--text)}
.whats-new-support-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.whats-new-support-actions a{display:grid;place-items:center;min-height:40px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--release-accent) 56%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--release-accent) 13%,var(--panel2));color:var(--release-accent);font-size:12px;font-weight:850;text-decoration:none;transition:background .15s ease,transform .15s ease}
.whats-new-support-actions a:hover{background:color-mix(in srgb,var(--release-accent) 23%,var(--panel2));transform:translateY(-1px)}
@media(max-width:760px){.whats-new-backdrop #aboutWhatsNew.whats-new-panel{width:100%!important;max-width:none!important}.whats-new-backdrop .whats-new-hero{grid-template-columns:96px 1fr;padding:24px 20px}.whats-new-backdrop .whats-new-lead,.whats-new-backdrop .whats-new-section{margin-left:20px;margin-right:20px}.whats-new-section>h3{gap:9px;white-space:normal}}

/* Historia aktualizacji oraz rozbudowane reguły TTS. */
.tts-filter-editor>label:not(:first-child){display:grid;gap:4px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}#settings-chat #language{width:min(360px,100%)}
html[data-platform="desktop"] #settings .settings-content:has(#settings-data:not(.settings-category-hidden)){padding:0!important;overflow:hidden!important}
html[data-platform="desktop"] #settings #settings-data{width:100%;max-width:none;height:100%;margin:0;scroll-margin:0}
.update-history-browser{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden;background:var(--desktop-surface,var(--bg))}
.update-history-sidebar{min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:18px 10px 12px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--desktop-chrome,var(--panel)) 92%,transparent)}
.update-history-sidebar>header{padding:0 9px 16px}.update-history-sidebar h2{margin:0;color:var(--text);font-size:14px}.update-history-sidebar p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}
.update-history-versions{min-height:0;display:flex;flex-direction:column;gap:5px;overflow:auto;padding:0 2px 8px;scrollbar-width:none}.update-history-versions::-webkit-scrollbar{display:none}
.update-history-versions button{display:grid;gap:2px;width:100%;min-height:46px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.update-history-versions button:hover,.update-history-versions button.active{border-color:color-mix(in srgb,var(--cyan) 38%,var(--line));background:color-mix(in srgb,var(--cyan) 13%,var(--theme-row,var(--panel2)));color:var(--cyan)}.update-history-versions b{font-size:12px;line-height:15px}.update-history-versions small{color:var(--muted);font-size:9px;line-height:12px}
.update-history-detail{min-width:0;min-height:0;display:grid;grid-template-rows:74px minmax(0,1fr);overflow:hidden;background:var(--desktop-surface,var(--bg))}.update-history-release-header{position:relative;inset:auto;width:100%;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--desktop-chrome,var(--panel)) 94%,transparent)}.update-history-release-header>i:last-child{display:block}.update-history-release-content{min-width:0;min-height:0;overflow:auto;scrollbar-width:none}.update-history-release-content::-webkit-scrollbar{display:none;width:0;height:0}.update-history-release-content .whats-new-article{width:min(900px,calc(100% - 48px));max-width:900px;min-height:100%;margin:0 auto;padding:26px 0 54px}.update-history-release-content .whats-new-hero{width:100%;border-radius:18px}.update-history-release-content .whats-new-section{padding-inline:0}.update-history-release-content .whats-new-lead{margin-inline:0}
@media(max-width:760px){html[data-platform="desktop"] #settings .settings-content:has(#settings-data:not(.settings-category-hidden)){overflow:auto!important}.update-history-browser{height:auto;grid-template-columns:1fr}.update-history-sidebar{border-right:0;border-bottom:1px solid var(--line)}.update-history-versions{flex-direction:row;overflow-x:auto}.update-history-versions button{min-width:145px}.update-history-detail{grid-template-rows:70px auto}.update-history-release-content{overflow:visible}.update-history-release-content .whats-new-article{width:min(100% - 26px,680px);padding-top:18px}}

/* Locally embedded, OFL-licensed Inter family for the Discord-like editorial surfaces. */
@font-face{font-family:"Czatbox Inter";src:url("/fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Czatbox Inter Display";src:url("/fonts/InterDisplay-ExtraBold.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
.whats-new-backdrop #aboutWhatsNew.whats-new-panel,#settings-usage{font-family:"Czatbox Inter","Segoe UI",Arial,sans-serif}
.whats-new-header h2,.whats-new-hero h3,.whats-new-entry h4,#settings-usage :is(h2,h3,b,strong){font-family:"Czatbox Inter Display","Czatbox Inter","Segoe UI",Arial,sans-serif;font-stretch:normal}

/* Ustawienia > Użycie i resety. */
#settings-usage .usage-settings{display:grid;gap:30px;width:min(860px,100%);margin:0 auto}
#settings-usage .usage-block>h3{margin:0 0 6px;color:var(--text);font-size:17px}
#settings-usage .usage-block>p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}
#settings-usage .usage-limits-card,#settings-usage .usage-reset-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel2) 88%,transparent);box-shadow:0 14px 36px color-mix(in srgb,var(--bg) 22%,transparent)}
#settings-usage .usage-limit-row{padding:18px 20px}
#settings-usage .usage-limit-row+.usage-limit-row{border-top:1px solid var(--line)}
#settings-usage .usage-limit-row header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:6px;color:var(--text)}
#settings-usage .usage-limit-row header b{font-size:14px}
#settings-usage .usage-limit-row header span{color:var(--cyan);font-size:12px;font-weight:850}
#settings-usage .usage-limit-row small{display:block;color:var(--muted);font-size:12px}
#settings-usage .usage-limit-row em{display:block;margin-top:7px;color:var(--muted);font-size:11px;font-style:normal;text-align:right}
#settings-usage .usage-progress{height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--muted) 24%,transparent)}
#settings-usage .usage-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),color-mix(in srgb,var(--cyan) 50%,var(--pink)));box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 55%,transparent);transition:width .25s ease}
#settings-usage .usage-reset-tabs{display:flex;align-items:center;gap:5px;padding:14px 16px;border-bottom:1px solid var(--line)}
#settings-usage .usage-reset-tabs button{min-height:31px;padding:5px 9px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer}
#settings-usage .usage-reset-tabs button.active{background:color-mix(in srgb,var(--bg) 76%,transparent);color:var(--text)}
#settings-usage .usage-reset-tabs button b{display:inline;margin-left:3px;color:inherit;font-size:inherit}
#settings-usage .usage-reset-tabs>span{margin-left:auto;color:var(--muted);font-size:11px}
#settings-usage .usage-reset-panel{min-height:88px;padding:18px 16px}
#settings-usage .usage-reset-panel[hidden]{display:none!important}
#settings-usage #usageAvailablePanel{display:flex;align-items:center;justify-content:space-between;gap:20px}
#settings-usage #usageAvailablePanel p,#settings-usage .usage-history>p{margin:0;color:var(--muted);font-size:13px}
#settings-usage #usageUseReset{min-height:38px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--cyan) 14%,var(--panel));color:var(--cyan);font:inherit;font-size:12px;font-weight:850;cursor:pointer}
#settings-usage #usageUseReset:disabled{opacity:.42;cursor:not-allowed}
#settings-usage .usage-history{padding:0 16px}
#settings-usage .usage-history-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
#settings-usage .usage-history-row:last-child{border-bottom:0}
#settings-usage .usage-history-row>b{color:var(--text);font-size:13px}
#settings-usage .usage-history-row>span{display:grid;justify-items:end;color:var(--text)}
#settings-usage .usage-history-row strong{font-size:12px}
#settings-usage .usage-history-row small{color:var(--muted);font-size:10px}
@media(max-width:720px){#settings-usage #usageAvailablePanel{align-items:stretch;flex-direction:column}#settings-usage .usage-reset-tabs>span{display:none}}
@media(prefers-reduced-motion:reduce){#settings-usage .usage-progress i{transition:none}}

/* Refreshed themes follow the same final shell contract as Chill Serwis and
   Drwinka. This block must stay last: later theme paint cannot restore the
   seam or inset highlight between the menu bar and the left navigation. */
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) :is(.desktop-menu-bar,.topbar){
  background:var(--theme-shell)!important;
  border:0!important;
  box-shadow:none!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .topbar :is(.desktop-sidebar,.desktop-settings-sidebar,.settings-index,.desktop-module-sidebar,.round-nav),
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .topbar :is(.settings-index,.desktop-module-sidebar)>nav{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat.tab.active,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-layout{
  background:var(--theme-shell)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important
}
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .desktop-chat-content,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) #chat .chat-main-column .chat-card,
html:root[data-platform="desktop"]:is([data-theme="dark-titanium"],[data-theme="white-titanium"],[data-theme="lazarskie-rejony"],[data-theme="enigma-z"]) .workspace-panel[data-workspace-panel="chat"]:not([hidden]) .chat-head{
  border-radius:16px 0 0 0!important
}