:root{color-scheme:light;--bg-primary:#eef2f6;--bg-secondary:#f7f9fc;--bg-card:#fff;--bg-card-hover:#f8fcff;--border:#d9e2eb;--text-primary:#162c40;--text-secondary:#5b7083;--accent:#007da5;--accent-hover:#006483;--focus:#007da5;--shadow:0 2px 7px #18355206;--icon-bg:#eaf2f8;--header-bg:#ffffffed;--search-bg:#fff;--menu-shadow:0 12px 36px #152d4720}
:root[data-theme=dark]{color-scheme:dark;--bg-primary:#0c1520;--bg-secondary:#101d2b;--bg-card:#132230;--bg-card-hover:#192d3e;--border:#263b4d;--text-primary:#edf4fa;--text-secondary:#91a6ba;--accent:#55d4ee;--accent-hover:#8de8fb;--focus:#55d4ee;--shadow:0 2px 10px #00000012;--icon-bg:#213b50;--header-bg:#0f1b28ed;--search-bg:#122332;--menu-shadow:0 12px 36px #0006}
*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:var(--accent);text-decoration:none}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,p{margin:0}h1{font-size:clamp(25px,2vw,34px);font-weight:700;letter-spacing:-1px;line-height:1.25}h2{font-size:16px;letter-spacing:-.2px;font-weight:650}button{border:0;background:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--bg-card);padding:12px;border-radius:8px}.skip-link:focus{top:12px}
.app-header{height:84px;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3.2vw,64px);gap:20px}.brand{display:flex;align-items:center;gap:22px;color:var(--text-primary)}.brand-text{font-size:12px;font-weight:850;line-height:1.25;letter-spacing:1.4px;color:var(--accent)}.brand-divider{height:32px;width:1px;background:var(--border)}.brand-product{font-size:19px;font-weight:650;letter-spacing:-.5px}.internal-tag{display:block;color:var(--text-secondary);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.6px;margin-top:2px}.brand-logos img{max-width:150px;height:42px;object-fit:contain}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.header-actions{display:flex;align-items:center;gap:12px}.quiet-button{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--text-secondary);font-size:13px;list-style:none;white-space:nowrap}.quiet-button:hover{background:var(--bg-card-hover);color:var(--text-primary)}summary::-webkit-details-marker{display:none}.chevron{font-size:17px;margin-left:3px}.avatar{width:30px;height:30px;display:grid;place-items:center;background:var(--icon-bg);border:1px solid var(--border);border-radius:50%;color:var(--accent);font-size:12px;font-weight:700}details{position:relative}.menu-panel{position:absolute;right:0;top:calc(100% + 10px);padding:6px;width:185px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:var(--menu-shadow);z-index:20}.menu-panel button,.menu-panel a{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;color:var(--text-primary);padding:10px 12px;border-radius:7px;font-size:13px}.menu-panel button:hover,.menu-panel a:hover{background:var(--icon-bg)}.mode-check{visibility:hidden;color:var(--accent)}[aria-pressed=true]>.mode-check{visibility:visible}
.app-main{width:100%;max-width:2600px;margin:auto;padding:38px clamp(20px,3.2vw,64px) 28px;min-height:calc(100vh - 148px)}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.eyebrow{font-size:10px;color:var(--text-secondary);font-weight:700;letter-spacing:1.8px;margin-bottom:10px;display:flex;align-items:center;gap:7px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px #11afd52a}.subtitle{color:var(--text-secondary);font-size:14px;margin-top:10px}.manage-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--text-primary);border:1px solid var(--border);background:var(--bg-card);padding:10px 14px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow)}.manage-button:hover{border-color:var(--accent);color:var(--accent)}.search-container{display:flex;align-items:center;gap:14px;background:var(--search-bg);border:1px solid var(--border);border-radius:12px;padding:0 18px;height:58px;box-shadow:var(--shadow)}.search-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.search-container>svg{color:var(--accent);width:23px;height:23px}.search-container input{width:100%;min-width:0;background:none;border:0;outline:none!important;color:var(--text-primary);font-size:15px;height:100%}.search-container input::placeholder{color:var(--text-secondary)}input[type=search]::-webkit-search-cancel-button{display:none}.search-key{display:flex;align-items:center;gap:4px;white-space:nowrap;color:var(--text-secondary);font-size:11px}kbd{padding:2px 6px;border:1px solid var(--border);border-radius:4px;font:11px ui-monospace,monospace}.search-key>span{margin-left:5px}.icon-button{font-size:24px;color:var(--text-secondary);padding:0 5px}.workspace-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:11px;margin:11px 2px 25px}.workspace-meta>span:last-child{opacity:.75}
.group-section,.personal-section{margin-bottom:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.group-toggle{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:3px 0}.group-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;color:var(--accent);background:var(--bg-secondary)}.group-icon svg{width:17px;height:17px}.group-description{display:block;font-size:11px;color:var(--text-secondary);margin-top:2px}.group-count{font:11px ui-monospace,monospace;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:5px;padding:1px 7px;margin-left:3px}.collapse-chevron{font-size:18px;color:var(--text-secondary);margin-left:auto}.group-toggle[aria-expanded=false] .collapse-chevron{transform:rotate(-90deg)}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}.link-card{position:relative;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);box-shadow:var(--shadow);min-height:112px;transition:background .15s,border-color .15s,transform .15s;overflow:hidden}.link-card:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-1px)}.link-card:focus-within,.link-card.keyboard-selected{border-color:var(--accent);outline:2px solid var(--focus);outline-offset:2px}.card-main{display:flex;align-items:flex-start;gap:13px;height:100%;min-height:112px;padding:19px 29px 17px 16px;color:var(--text-primary)}.link-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;background:var(--icon-bg);border:1px solid var(--border);border-radius:10px;color:var(--accent);flex-shrink:0}.link-icon img{position:absolute;width:27px;height:27px;object-fit:contain;padding:2px;background:#f4f7fa;border-radius:4px}.link-icon svg{width:21px;height:21px}.link-icon:has(img) .fallback-icon{visibility:hidden}.card-copy{display:flex;flex-direction:column;min-width:0;flex:1}.link-title{font-size:13px;font-weight:650;line-height:1.4;padding-right:3px;overflow-wrap:anywhere}.link-description{font-size:11px;color:var(--text-secondary);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.link-domain{font-size:10px;color:var(--text-secondary);opacity:.8;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-indicator{position:absolute;right:12px;top:18px;width:12px;height:12px;color:var(--text-secondary);opacity:.65}.favorite-button{position:absolute;right:7px;bottom:7px;padding:5px;display:flex;color:var(--text-secondary);border-radius:5px;opacity:.6}.favorite-button:hover,.favorite-button:focus-visible{opacity:1;background:var(--icon-bg)}.favorite-button svg{width:16px;height:16px}.favorite-button[aria-pressed=true]{color:var(--accent);opacity:1}.favorite-button[aria-pressed=true] svg{fill:color-mix(in srgb,var(--accent) 22%,transparent)}.featured-dot{margin-left:5px;color:var(--accent)}.personal-section{border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:25px}.personal-section h2{display:flex;align-items:center;gap:8px}.personal-section h2 svg{width:17px;height:17px;color:var(--accent)}.section-note{font-size:11px;color:var(--text-secondary)}.empty-state{text-align:center;padding:65px 10px;color:var(--text-secondary)}.empty-state>svg{height:38px;width:38px;margin-bottom:12px}.empty-state h2{color:var(--text-primary);margin-bottom:8px}.empty-state .manage-button{margin-top:20px}.empty-group{color:var(--text-secondary);font-size:12px;padding:10px}.app-footer{display:flex;justify-content:space-between;gap:15px;margin:0 auto;max-width:2600px;padding:20px clamp(20px,3.2vw,64px);border-top:1px solid var(--border);color:var(--text-secondary);font-size:10px}.status-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--menu-shadow);padding:12px 20px;border-radius:10px;font-size:13px;z-index:40}.status-toast:empty{display:none}
.content-page,#grav-login{max-width:440px;margin:60px auto;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:30px}#grav-login h1{font-size:25px;margin-bottom:25px}#grav-login h2,#grav-login h3{margin-bottom:20px}#grav-login label{font-size:12px;display:block;color:var(--text-secondary);margin-bottom:7px}#grav-login input:not([type=checkbox]){background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:11px;width:100%;margin-bottom:18px}#grav-login .form-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}#grav-login button[type=submit]{background:var(--accent);color:var(--bg-primary);padding:11px 20px;border-radius:7px;font-weight:600}#grav-login .rememberme{display:flex;align-items:center;gap:7px}#grav-login .rememberme label{margin:0}.alert{padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:15px}
@media(min-width:2200px){.links-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.app-main{padding-top:45px}.link-card,.card-main{min-height:122px}}@media(max-width:800px){.app-header{height:74px;padding:0 18px}.brand{gap:12px}.brand-text{font-size:9px}.brand-product{font-size:17px}.internal-tag{font-size:8px}.header-actions{gap:2px}.quiet-button{padding:7px;font-size:12px}.favorites-shortcut>span,.appearance-menu summary>span{display:none}.brand-logos img{max-width:110px;height:32px}.app-main{padding:27px 18px}.workspace-heading{align-items:flex-start}.subtitle{font-size:13px;max-width:460px}.manage-button{padding:9px 11px}.workspace-meta>span:last-child{display:none}.search-key{display:none}.links-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}.app-footer{padding:18px;font-size:9px}}@media(max-width:480px){.workspace-heading{display:block}.workspace-heading>.manage-button{margin-top:15px}.brand-text{font-size:8px;letter-spacing:.8px}.brand-divider{height:25px}.internal-tag{display:none}.quiet-button .avatar{display:none}.user-menu summary{gap:3px}.links-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:9px}.card-main{display:block;padding:15px 26px 27px 13px;min-height:150px}.link-icon{margin-bottom:11px;width:33px;height:33px}.card-copy{display:flex}.link-title{font-size:12px}.link-domain{font-size:9px}.group-description{font-size:10px}.section-note{display:none}.app-footer{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.group-heading{width:100%}.group-heading .group-description{font-weight:400}
.link-domain,.favorite-button{opacity:1}