:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1012;--surface:#15181b;--surface-2:#1b1f23;--surface-3:#22272c;--border:#ffffff14;--border-strong:#ffffff24;--text:#f4f6f8;--muted:#949ca5;--muted-2:#68717a;--accent:#8db9ff;--accent-soft:#8db9ff1f;--danger:#ff8f92;--danger-soft:#ff6c701f;--shadow:0 20px 60px #00000047}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{background:radial-gradient(circle at 10% -10%, #5777a721, transparent 32rem), radial-gradient(circle at 90% 0%, #5d708a14, transparent 30rem), var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.page-shell{width:min(1500px,100% - 48px);margin:0 auto;padding:34px 0 64px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:-.04em;margin:2px 0 0;font-size:clamp(1.55rem,2vw,2rem);font-weight:720;line-height:1.05}.eyebrow{color:var(--muted-2);letter-spacing:.18em;margin:0;font-size:.68rem;font-weight:800}.topbar-actions,.edit-toolbar-actions,.category-actions,.form-actions{align-items:center;gap:8px;display:flex}.count-label{color:var(--muted);white-space:nowrap;font-size:.78rem}.button,.icon-button,.text-button{cursor:pointer;border:0}.button{border:1px solid var(--border);background:var(--surface-2);color:#dce2e8;border-radius:10px;min-height:36px;padding:0 13px;font-size:.82rem;font-weight:650;transition:background .12s,border-color .12s,transform .12s}.button:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{cursor:default;opacity:.48}.button-active,.button-primary{color:#172132;background:#d9e8ff;border-color:#0000}.button-active:hover:not(:disabled),.button-primary:hover:not(:disabled){background:#e7f0ff}.button-quiet{background:0 0}.search{border:1px solid var(--border);background:#16191ce6;border-radius:14px;align-items:center;height:48px;margin-bottom:27px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.search:focus-within{border-color:#8db9ff59;box-shadow:0 0 0 3px #8db9ff12}.search-icon{text-align:center;width:48px;color:var(--muted-2);font-size:1.3rem;transform:translateY(-1px)}.search input{height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 16px 0 0;font-size:.94rem}.search input::placeholder{color:#6f7881}.edit-toolbar{background:var(--accent-soft);border:1px solid #8db9ff29;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin:-5px 0 28px;padding:12px 14px;display:flex}.edit-toolbar>div:first-child{align-items:baseline;gap:10px;min-width:0;display:flex}.edit-toolbar strong{font-size:.8rem}.edit-toolbar span{color:#9aa9bb;font-size:.76rem}.category-list{gap:30px;display:grid}.category{min-width:0}.category-heading{border-bottom:1px solid #ffffff0b;justify-content:space-between;align-items:center;gap:16px;min-height:31px;margin-bottom:10px;padding:0 2px;display:flex}.category-heading h2{color:#b8c0c9;letter-spacing:.055em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:760;line-height:1}.category-actions{margin-bottom:7px}.text-button{color:var(--muted-2);background:0 0;padding:2px 3px;font-size:.7rem}.text-button:hover{color:var(--text)}.danger-text:hover{color:var(--danger)}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(74px,88px));align-items:start;gap:8px;display:grid}.bookmark-wrap{width:100%;position:relative}.bookmark-tile{width:100%;min-width:0;min-height:86px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;padding:10px 5px 8px;text-decoration:none;transition:background .11s,border-color .11s,transform .11s;display:flex;position:relative}.bookmark-tile:hover{background:#ffffff0b;border-color:#ffffff0a}.bookmark-tile:active{transform:scale(.98)}.bookmark-edit-tile{appearance:none}.icon-box{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff0e,#ffffff03),#171a1e;border-radius:12px;place-items:center;width:45px;height:45px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 4px 12px #00000029}.bookmark-favicon{object-fit:contain;width:27px;height:27px}.bookmark-fallback{color:#d6dee7;background:linear-gradient(145deg,#252a31,#1a1e23);place-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:750;display:grid}.bookmark-name{color:#c5ccd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.68rem;line-height:1.18;display:block;overflow:hidden}.editing .bookmark-tile{background:#8db9ff06;border-color:#8db9ff14}.delete-badge{z-index:2;color:#e99ca0;cursor:pointer;opacity:.88;background:#241719;border:1px solid #ff8f922e;border-radius:50%;place-items:center;width:21px;height:21px;padding:0 0 1px;font-size:1rem;line-height:1;display:grid;position:absolute;top:2px;right:1px}.delete-badge:hover{color:#fff;background:#382022}.add-tile{background:#ffffff03;border-style:dashed;border-color:#ffffff14}.add-icon{color:#8f9aa5;box-shadow:none;font-size:1.5rem;font-weight:350}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state h2{color:var(--text);margin:0 0 8px;font-size:1rem}.empty-state p{margin:0;font-size:.82rem}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030507b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);width:min(560px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);background:#171a1e;border-radius:18px;overflow:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 19px 14px;display:flex}.modal-header h2{letter-spacing:-.015em;margin:0;font-size:.98rem}.icon-button{width:31px;height:31px;color:var(--muted);background:0 0;border-radius:9px;place-items:center;padding:0 0 2px;font-size:1.3rem;display:grid}.icon-button:hover{color:var(--text);background:#ffffff0d}.modal-body,.form{padding:18px 19px 19px}.form{gap:14px;display:grid}.form-grid{grid-template-columns:1fr .8fr;gap:11px;display:grid}.form label{color:#aeb6bf;gap:6px;font-size:.73rem;font-weight:650;display:grid}.form input,.form select{border:1px solid var(--border);width:100%;height:39px;color:var(--text);background:#111417;border-radius:9px;outline:0;padding:0 11px;font-size:.82rem}.form input:focus,.form select:focus{border-color:#8db9ff6b;box-shadow:0 0 0 3px #8db9ff12}.form .checkbox-row{align-items:center;gap:9px;font-weight:520;display:flex}.form .checkbox-row input{accent-color:#a7c8ff;width:15px;height:15px;margin:0}.optional{color:var(--muted-2);font-weight:450}.form-actions{justify-content:flex-end;padding-top:3px}.form-error{background:var(--danger-soft);color:#efb4b6;border:1px solid #ff8f9226;border-radius:8px;margin:0;padding:9px 10px;font-size:.75rem;line-height:1.45}.toast{z-index:80;border:1px solid var(--border-strong);color:#e3e8ed;box-shadow:var(--shadow);background:#202429;border-radius:10px;padding:10px 13px;font-size:.76rem;animation:.14s ease-out toast-in;position:fixed;bottom:22px;right:22px}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}}@media (max-width:720px){.page-shell{width:min(100% - 24px,1500px);padding-top:22px}.topbar{margin-bottom:18px}.count-label{display:none}.search{height:46px;margin-bottom:22px}.edit-toolbar{flex-direction:column;align-items:stretch;gap:10px}.edit-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.edit-toolbar-actions{justify-content:flex-end}.category-list{gap:25px}.bookmark-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:5px}.bookmark-tile{min-height:82px;padding-inline:3px}.icon-box{width:43px;height:43px}.bookmark-favicon{width:25px;height:25px}.form-grid{grid-template-columns:1fr}}@media (max-width:420px){.topbar h1{font-size:1.4rem}.button{min-height:34px;padding-inline:10px}.bookmark-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-actions{gap:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}