:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;--bg: #090c10;--panel: #11161d;--panel-soft: #151b23;--line: #252d38;--line-strong: #343e4c;--text: #f5f7f9;--muted: #95a0ae;--dim: #687483;--accent: #86e2bd;--accent-deep: #143a2f;--danger: #f29ba2;--body-top: #0b0f14;--glow: rgba(51, 139, 105, .16);--input: #0a0f15;--dropdown: #0c1117;--dialog: #121820;--button-text: #08251b;--panel-translucent: rgba(17, 22, 29, .94);--panel-gradient-start: rgba(21, 27, 35, .94);--panel-gradient-end: rgba(15, 20, 27, .94);--status-bg: rgba(17, 22, 29, .74);--status-text: #bcc5cf;--shadow: rgba(0, 0, 0, .18);--row-hover: rgba(134, 226, 189, .035);--accent-wash: rgba(134, 226, 189, .08)}:root[data-theme=archive]{color-scheme:dark;--bg: #17120e;--panel: #251d16;--panel-soft: #30251b;--line: #574331;--line-strong: #735a42;--text: #fff7e9;--muted: #d0b897;--dim: #a28b6d;--accent: #efb45f;--accent-deep: #4a3015;--danger: #ef9d8c;--body-top: #211811;--glow: rgba(220, 148, 62, .18);--input: #19120d;--dropdown: #1d1610;--dialog: #2a2018;--button-text: #2c1906;--panel-translucent: rgba(37, 29, 22, .96);--panel-gradient-start: rgba(47, 36, 26, .98);--panel-gradient-end: rgba(33, 25, 19, .98);--status-bg: rgba(40, 30, 22, .86);--status-text: #f2d7b1;--shadow: rgba(32, 18, 7, .28);--row-hover: rgba(239, 180, 95, .065);--accent-wash: rgba(239, 180, 95, .1)}:root[data-theme=ocean]{color-scheme:dark;--bg: #07131b;--panel: #0d202c;--panel-soft: #122a38;--line: #234252;--line-strong: #315b6e;--text: #edfaff;--muted: #9ab9c7;--dim: #6f94a5;--accent: #5dd6e8;--accent-deep: #123d48;--danger: #ff9ba8;--body-top: #091a24;--glow: rgba(35, 169, 197, .2);--input: #071720;--dropdown: #0a1b25;--dialog: #102531;--button-text: #05242b;--panel-translucent: rgba(13, 32, 44, .96);--panel-gradient-start: rgba(18, 42, 56, .98);--panel-gradient-end: rgba(9, 27, 38, .98);--status-bg: rgba(10, 31, 42, .86);--status-text: #b9dce8;--shadow: rgba(0, 8, 14, .32);--row-hover: rgba(93, 214, 232, .06);--accent-wash: rgba(93, 214, 232, .1)}:root[data-theme=forest]{color-scheme:dark;--bg: #0b1510;--panel: #14221a;--panel-soft: #1a2b21;--line: #2b4937;--line-strong: #3a6049;--text: #f0f8f2;--muted: #a4bbaa;--dim: #748d7c;--accent: #9bd486;--accent-deep: #294426;--danger: #f1a1a5;--body-top: #101d15;--glow: rgba(96, 161, 91, .18);--input: #0d1912;--dropdown: #101d16;--dialog: #17271d;--button-text: #10250f;--panel-translucent: rgba(20, 34, 26, .96);--panel-gradient-start: rgba(27, 46, 35, .98);--panel-gradient-end: rgba(16, 29, 22, .98);--status-bg: rgba(17, 33, 23, .86);--status-text: #c6dacb;--shadow: rgba(0, 11, 4, .3);--row-hover: rgba(155, 212, 134, .055);--accent-wash: rgba(155, 212, 134, .1)}:root[data-theme=violet]{color-scheme:dark;--bg: #110d1a;--panel: #1d172a;--panel-soft: #271f36;--line: #423653;--line-strong: #5b496f;--text: #faf6ff;--muted: #b9aacb;--dim: #897a9c;--accent: #c6a7ff;--accent-deep: #3c285d;--danger: #ff9eae;--body-top: #171120;--glow: rgba(141, 94, 207, .21);--input: #130f1d;--dropdown: #181221;--dialog: #21192e;--button-text: #26143e;--panel-translucent: rgba(29, 23, 42, .96);--panel-gradient-start: rgba(40, 31, 57, .98);--panel-gradient-end: rgba(24, 18, 35, .98);--status-bg: rgba(31, 23, 45, .86);--status-text: #d5c6e6;--shadow: rgba(8, 2, 18, .34);--row-hover: rgba(198, 167, 255, .055);--accent-wash: rgba(198, 167, 255, .1)}:root[data-theme=rose]{color-scheme:light;--bg: #f8f0f1;--panel: #fffafa;--panel-soft: #f5e7e9;--line: #e5ced2;--line-strong: #d1afb6;--text: #332126;--muted: #765c63;--dim: #967d83;--accent: #a94f68;--accent-deep: #f2dce2;--danger: #b33f4d;--body-top: #fffafb;--glow: rgba(184, 91, 116, .12);--input: #fffdfd;--dropdown: #fdf7f8;--dialog: #fffafa;--button-text: #ffffff;--panel-translucent: rgba(255, 250, 250, .96);--panel-gradient-start: rgba(255, 251, 251, .98);--panel-gradient-end: rgba(247, 236, 239, .98);--status-bg: rgba(255, 250, 250, .88);--status-text: #6d4f57;--shadow: rgba(90, 43, 55, .1);--row-hover: rgba(169, 79, 104, .05);--accent-wash: rgba(169, 79, 104, .09)}:root[data-theme=light]{color-scheme:light;--bg: #f1f3ee;--panel: #ffffff;--panel-soft: #edf1eb;--line: #d5ddd5;--line-strong: #b9c5bb;--text: #17231c;--muted: #58685f;--dim: #738178;--accent: #26765a;--accent-deep: #dcece4;--danger: #b84f59;--body-top: #fbfcf9;--glow: rgba(62, 139, 105, .11);--input: #f8faf7;--dropdown: #f7f8f5;--dialog: #ffffff;--button-text: #ffffff;--panel-translucent: rgba(255, 255, 255, .96);--panel-gradient-start: rgba(255, 255, 255, .98);--panel-gradient-end: rgba(242, 246, 241, .98);--status-bg: rgba(255, 255, 255, .84);--status-text: #415249;--shadow: rgba(39, 62, 49, .1);--row-hover: rgba(38, 118, 90, .055);--accent-wash: rgba(38, 118, 90, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% -10%,var(--glow),transparent 34rem),linear-gradient(180deg,var(--body-top) 0,var(--bg) 30rem);color:var(--text)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}main{width:min(1160px,calc(100% - 40px));margin:auto;padding:44px 0 28px}.hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.9fr) auto;align-items:center;gap:36px;margin-bottom:34px}.brand-lockup{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;align-content:center;gap:5px;width:48px;height:48px;padding:12px;border:1px solid rgba(134,226,189,.26);border-radius:14px;background:#86e2bd17;box-shadow:inset 0 1px #ffffff0a}.brand-mark span{height:3px;border-radius:3px;background:var(--accent)}.brand-mark span:nth-child(2){width:75%}.brand-mark span:nth-child(3){width:52%}.eyebrow,.section-kicker{margin:0 0 7px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.17em}h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1;letter-spacing:-.045em}.hero-copy{max-width:390px}.subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.status{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--status-bg);color:var(--status-text);font-size:12px;white-space:nowrap}.status>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.status[data-status=loading]>span:first-child{background:#e6c277;box-shadow:0 0 12px #e6c277}.status[data-status=error]>span:first-child{background:var(--danger);box-shadow:0 0 12px var(--danger)}.header-actions{position:relative;display:flex;align-items:center;gap:8px}.sign-out-button,.header-icon-button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--muted);cursor:pointer}.sign-out-button:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.header-icon-button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.sign-out-button:focus-visible,.header-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sign-out-button svg,.header-icon-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.transfer-error{position:absolute;z-index:15;top:calc(100% + 9px);right:0;width:260px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--danger) 40%,var(--line));border-radius:9px;background:var(--dialog);color:var(--danger);font-size:11px}.secondary-button{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);cursor:pointer}.collection-switcher{display:inline-flex;align-items:center;gap:10px;width:auto;max-width:100%;margin-bottom:18px;padding:6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 76%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--shadow) 55%,transparent)}.collection-switcher label{padding-left:8px;color:var(--dim);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.collection-switcher select{width:210px;max-width:55vw;min-height:38px;padding:8px 34px 8px 12px;border:0;border-radius:8px;outline:1px solid var(--line);background:var(--panel-soft);color:var(--text);font-family:inherit;font-size:12px;font-weight:400;letter-spacing:normal;cursor:pointer}.collection-switcher select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth-page{min-height:100vh;display:grid;place-items:center}.auth-panel{position:relative;width:min(430px,100%);padding:34px}.auth-theme{position:absolute;top:18px;right:18px}.auth-panel>p{color:var(--muted)}.auth-panel form{display:grid;gap:12px;margin-top:24px}.auth-panel input{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--input);color:var(--text)}.password-note{margin:-3px 0 2px!important;color:var(--dim)!important;font-size:10px;line-height:1.45}.auth-submit{min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:var(--accent);color:var(--button-text);font-size:13px;font-weight:750;cursor:pointer}.auth-submit:hover{filter:brightness(1.05)}.auth-submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-submit:disabled{cursor:wait;opacity:.62}.auth-switch{display:flex;justify-content:center;gap:5px;margin:14px 0 0;font-size:12px}.auth-switch button{padding:0;border:0;background:transparent;color:var(--accent);font-weight:750;cursor:pointer}.auth-switch button:hover{text-decoration:underline}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 8px;margin-top:14px;color:var(--muted);font-size:12px}.auth-links button{padding:0;border:0;background:transparent;color:var(--accent);font-size:inherit;font-weight:750;cursor:pointer}.auth-links button:first-child{width:100%;margin-bottom:4px;color:var(--muted);font-weight:600}.auth-links button:hover{color:var(--accent);text-decoration:underline}.auth-message{font-size:13px}.local-divider{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--dim);font-size:11px;text-transform:uppercase}.local-divider:before,.local-divider:after{flex:1;height:1px;background:var(--line);content:""}.local-mode-button{display:grid;width:100%;gap:3px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-soft);color:var(--text);font-weight:700;cursor:pointer}.local-mode-button:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:var(--accent-wash)}.local-mode-button small{color:var(--muted);font-size:10px;font-weight:400}.theme-picker{position:relative}.theme-trigger{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--panel) 82%,transparent);color:var(--muted);cursor:pointer}.theme-trigger:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.theme-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.theme-menu{position:absolute;z-index:12;top:calc(100% + 9px);right:0;width:210px;padding:7px;border:1px solid var(--line-strong);border-radius:13px;background:var(--panel);box-shadow:0 18px 55px #0000004d}.theme-menu-label{display:block;padding:7px 9px 8px;color:var(--dim);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.theme-menu button{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:9px;width:100%;min-height:38px;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:12px;text-align:left;cursor:pointer}.theme-menu button:hover,.theme-menu button:focus-visible{outline:none;background:color-mix(in srgb,var(--accent) 9%,transparent)}.theme-swatch{width:20px;height:20px;border:1px solid var(--line-strong);border-radius:50%;background:#11161d;box-shadow:inset -7px 0 #86e2bd}.theme-swatch[data-swatch=archive]{background:#211a14;box-shadow:inset -7px 0 #e5aa5a}.theme-swatch[data-swatch=ocean]{background:#0d202c;box-shadow:inset -7px 0 #5dd6e8}.theme-swatch[data-swatch=forest]{background:#14221a;box-shadow:inset -7px 0 #9bd486}.theme-swatch[data-swatch=violet]{background:#1d172a;box-shadow:inset -7px 0 #c6a7ff}.theme-swatch[data-swatch=rose]{background:snow;box-shadow:inset -7px 0 #a94f68}.theme-swatch[data-swatch=light]{background:#fff;box-shadow:inset -7px 0 #347d61}.theme-swatch[data-swatch=system]{background:linear-gradient(90deg,#11161d 50%,#fff 50%);box-shadow:none}.theme-check{color:var(--accent);font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stats article{position:relative;min-height:126px;padding:22px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel-gradient-start),var(--panel-gradient-end))}.stats article:after{position:absolute;right:-30px;bottom:-46px;width:110px;height:110px;border-radius:50%;background:var(--row-hover);content:""}.stats strong{font-size:34px;line-height:1;letter-spacing:-.05em}.stats>article>span{display:block;margin-top:10px;color:var(--muted);font-size:12px}.stats small{display:block;max-width:90%;margin-top:4px;overflow:hidden;color:var(--dim);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.panel{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--panel-translucent);box-shadow:0 24px 70px var(--shadow)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 26px;background:color-mix(in srgb,var(--accent) 3%,transparent)}h2{margin:0 0 6px;font-size:21px;letter-spacing:-.025em}.toolbar p:not(.section-kicker){margin:0;color:var(--muted);font-size:12px}.toolbar-controls{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:10px;width:260px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--input)}.search:focus-within{border-color:#86e2bdb3;box-shadow:0 0 0 3px #86e2bd1a}.search svg{width:15px;height:15px;fill:none;stroke:var(--dim);stroke-linecap:round;stroke-width:1.8}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search input::placeholder{color:#64707e}.create-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 26px;border-block:1px solid var(--line);background:color-mix(in srgb,var(--accent) 3%,transparent)}.create-strip>div:first-child{display:grid;gap:3px}.create-strip strong{font-size:13px}.create-strip span{color:var(--dim);font-size:12px}.add-form{display:flex;gap:8px;width:min(100%,430px)}.add-form input,.add-website-form input{min-width:0;border:1px solid var(--line);outline:0;background:var(--input);color:var(--text)}.add-form input{flex:1;min-height:38px;padding:8px 10px;border-radius:9px;font-size:13px}.add-form input:focus,.add-website-form input:focus{border-color:var(--accent)}.add-form button,.add-website-button{padding:8px 12px;border:0;border-radius:9px;background:var(--accent);color:var(--button-text);min-height:38px;font-size:12px;font-weight:750;cursor:pointer}.add-form button:disabled,.add-website-button:disabled{cursor:default;opacity:.45}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{padding:17px 26px;text-align:left;border-bottom:1px solid var(--line)}th{color:#8190a0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}th:last-child,td:last-child{width:260px}.column-sort{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.column-sort:hover,.column-sort:focus-visible{color:var(--accent);outline:none}.column-sort:focus-visible{box-shadow:0 2px 0 var(--accent)}.sort-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.collection-row{transition:background .15s ease}.collection-row:hover,.collection-row[data-expanded=true]{background:var(--row-hover)}.collection-toggle{display:flex;align-items:center;gap:13px;width:100%;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.collection-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}.collection-name{font-size:14px;font-weight:670}.chevron{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;color:var(--muted);transition:.18s ease}.chevron svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.collection-toggle[aria-expanded=true] .chevron{transform:rotate(90deg);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-wash);color:var(--accent)}.actions-cell{display:flex;align-items:center;justify-content:space-between;gap:14px}.count{color:var(--muted);font-size:12px}.count strong{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}.delete-button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;transition:.15s ease}.delete-button svg{width:18px;height:18px;fill:currentColor}.delete-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.delete-button:hover{border-color:#f29ba22e;background:#f29ba214}.collection-actions{position:relative}.collection-actions-menu{position:absolute;z-index:10;top:calc(100% + 4px);right:0;width:max-content;min-width:138px;padding:4px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);box-shadow:0 12px 28px color-mix(in srgb,var(--shadow) 80%,transparent)}.collection-actions-menu button{width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--danger);font-size:11px;font-weight:700;text-align:left;cursor:pointer}.collection-actions-menu button:hover,.collection-actions-menu button:focus-visible{outline:none;background:color-mix(in srgb,var(--danger) 10%,transparent)}.dropdown-row td{padding:0;background:var(--dropdown)}.dropdown-content{padding:12px 28px 20px 63px;border-bottom:1px solid var(--line)}.website-list{display:grid;gap:4px}.website-entry{display:flex;align-items:center;gap:12px;min-height:56px;padding-left:10px;border-radius:11px}.website-entry:hover{background:var(--row-hover)}.website-entry[data-search-match=true]{background:var(--accent-wash);box-shadow:inset 3px 0 var(--accent)}.site-monogram{display:grid;flex:0 0 auto;place-items:center;width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--panel-soft);color:var(--accent);font-size:11px;font-weight:800}.site-monogram img{grid-area:1 / 1;width:18px;height:18px;object-fit:contain}.site-monogram span{grid-area:1 / 1}.site-monogram span[data-hidden=true]{visibility:hidden}.website-link{display:grid;flex:1;min-width:0;gap:4px;padding:9px 0;color:var(--text);text-decoration:none}.website-link:hover .website-title,.website-link:focus-visible .website-title{color:var(--accent)}.website-link:focus-visible{border-radius:7px;outline:2px solid var(--accent);outline-offset:2px}.website-title{overflow-wrap:anywhere;font-size:13px;line-height:1.35;transition:color .15s}.website-domain{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.website-delete{flex:0 0 auto;margin-right:8px}.website-empty{margin:12px 0;color:var(--muted);font-size:12px}.show-add-website{display:inline-flex;align-items:center;gap:7px;margin:11px 0 0 9px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer}.show-add-website span:first-child{font-size:18px;font-weight:400;line-height:0}.show-add-website:hover{background:var(--accent-wash)}.add-website-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.3fr) auto auto;gap:8px;margin:14px 0 2px 9px}.add-website-form input{min-height:38px;padding:8px 10px;border-radius:8px;font-size:13px}.add-website-form .add-website-button,.add-website-form .cancel-add-website{min-height:38px;padding:8px 11px;font-size:12px}.cancel-add-website{border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.cancel-add-website:hover{background:#ffffff0d;color:var(--text)}.dialog-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#030508b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-dialog{width:min(100%,410px);padding:24px;border:1px solid var(--line-strong);border-radius:17px;background:var(--dialog);box-shadow:0 24px 80px #00000080}.dialog-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:#f29ba21f;color:var(--danger);font-weight:800}.confirm-dialog h3{margin:0;font-size:18px}.confirm-dialog p{margin:9px 0 22px;color:var(--muted);font-size:13px;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:9px}.dialog-actions button{min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text);font-size:13px;cursor:pointer}.dialog-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog-actions .confirm-delete{border-color:transparent;background:var(--danger);color:#2c090d;font-weight:750}.error-banner{margin:0 0 14px;padding:12px 15px;border:1px solid #673b42;border-radius:10px;background:#26171b;color:#efb1b6}.empty{display:grid;justify-items:center;gap:6px;padding:48px 24px;color:var(--muted);text-align:center}.empty strong{color:var(--text);font-size:14px}.empty span{font-size:12px}.loading-panel{display:grid;justify-items:center;gap:12px;padding:70px 20px;color:var(--muted)}.loading-mark{width:24px;height:24px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.loading-panel p{margin:0;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:820px){.hero{grid-template-columns:1fr auto;gap:16px}.hero-copy{grid-column:1 / -1;grid-row:2;max-width:540px}.stats article{min-height:112px}.create-strip{align-items:flex-start;flex-direction:column}.add-form{width:100%}}@media(max-width:640px){main{width:min(100% - 24px,1160px);padding-top:26px}.collection-switcher{display:flex;width:100%;padding:6px}.collection-switcher select{flex:1;width:auto;max-width:none;min-width:0}.hero{margin-bottom:24px}.status{padding:8px;font-size:0}.status>span:first-child{margin:0}.header-actions{gap:6px}.theme-trigger{width:34px;height:34px}.stats{grid-template-columns:repeat(2,1fr)}.stats article:last-child{grid-column:1 / -1}.stats article{min-height:104px;padding:18px}.stats strong{font-size:29px}.toolbar{align-items:stretch;flex-direction:column;padding:21px 18px}.search{width:100%}.search,.add-form input,.add-form button,.add-website-form input,.add-website-button,.cancel-add-website{min-height:44px}.create-strip{padding:16px 18px}.add-form{flex-direction:column}.add-form button{width:100%}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block;width:100%}thead{display:none}.collection-row{display:grid;grid-template-columns:1fr;padding:0;border-bottom:1px solid var(--line)}.collection-row td{width:auto;padding:0;border:0}.collection-toggle{padding:17px 18px 8px}.actions-cell{padding:0 18px 15px 55px!important}.delete-button{width:40px;height:40px}.dropdown-row td{width:100%}.dropdown-content{padding:7px 12px 17px}.website-entry{padding-left:5px}.add-website-form{grid-template-columns:1fr;margin-left:5px}.add-website-button,.cancel-add-website{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
