@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111318;--panel:#191c23;--hover:#20242d;--panel2:#222731;--border:#2b303a;--text:#f0f1f4;--muted:#9299a6;--subtle:#697281;--accent:#dce6f5;--accentText:#141820;--shadow:0 20px 60px #0006}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--hover:#f0f2f5;--panel2:#eef0f3;--border:#e0e3e8;--text:#171a20;--muted:#687180;--subtle:#9098a5;--accent:#202631;--accentText:#fff;--shadow:0 20px 60px #20263118}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(100% - 48px,1040px);margin:auto}header{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:14px}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--text);color:var(--bg);font:800 15px Manrope;letter-spacing:-1px}.head-actions{display:flex;gap:8px}.icon-btn{width:37px;height:37px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:19px}.icon-btn:hover{background:var(--hover);border-color:var(--border);color:var(--text)}main{padding:52px 0 30px}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{margin:0 0 8px;color:var(--subtle);font-size:10px;font-weight:700;letter-spacing:1.6px}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.7px}h1{font-size:clamp(35px,5vw,47px);line-height:1.1;margin:0 0 10px}h2{font-size:22px;margin:0}.muted{color:var(--muted);margin:0}.small{font-size:12px}.clock-wrap{text-align:right}.clock{font:600 30px Manrope;letter-spacing:-1px;font-variant-numeric:tabular-nums}.search{height:53px;display:flex;align-items:center;gap:13px;padding:0 15px;background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:50px;color:var(--muted);font-size:20px}.search:focus-within{border-color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search input::placeholder{color:var(--subtle)}kbd{font-size:11px;border:1px solid var(--border);border-radius:5px;padding:3px 7px}.search button{display:none;border:0;background:none;color:var(--muted);font-size:20px}.section{margin-bottom:48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px;gap:15px}.section-head .eyebrow{margin-bottom:5px}.actions{display:flex;align-items:center;gap:12px}.plain-btn{border:0;background:none;color:var(--muted);font-size:12px;padding:9px 5px}.plain-btn:hover{color:var(--text)}.add-btn{border:0;border-radius:9px;padding:10px 13px;background:var(--accent);color:var(--accentText);font-size:12px;font-weight:700}.categories{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.category{border:1px solid var(--border);border-radius:30px;background:transparent;color:var(--muted);padding:7px 12px;font-size:11px}.category.active{background:var(--panel2);border-color:var(--muted);color:var(--text)}.bookmark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.bookmark{position:relative;display:flex;align-items:center;gap:12px;min-height:86px;padding:13px;background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:.16s}.bookmark:hover,.app-card:hover{background:var(--hover);border-color:#596271;transform:translateY(-2px)}.favicon{width:38px;height:38px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:var(--panel2);color:var(--muted);font-weight:700}.favicon img{width:22px;height:22px;object-fit:contain}.bookmark-copy{min-width:0;flex:1}.bookmark-name,.bookmark-host{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-name{font-size:12px;font-weight:700;margin-bottom:4px}.bookmark-host{font-size:10px;color:var(--subtle)}.edit-actions{display:none;position:absolute;right:7px;top:7px;gap:3px}.editing .bookmark{padding-right:45px}.editing .edit-actions{display:flex}.mini{width:25px;height:25px;border:1px solid var(--border);border-radius:6px;background:var(--panel2);color:var(--muted)}.empty{padding:34px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}.empty strong{color:var(--text)}.empty p{font-size:12px;margin-bottom:0}.hidden{display:none!important}.app-card{display:flex;align-items:center;gap:15px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:13px;transition:.16s}.app-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:var(--panel2);font-size:22px}.app-copy{flex:1}.app-title{font-weight:700;font-size:13px}.app-copy p{margin:5px 0 0;color:var(--muted);font-size:12px}.pill{margin-left:8px;padding:3px 7px;border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:9px;font-weight:500}.arrow{color:var(--subtle)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:18px 0 24px;color:var(--subtle);font-size:10px}footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ca88c;margin-right:5px}.menu{position:fixed;right:max(24px,calc((100vw - 1040px)/2));top:66px;width:190px;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:11px;box-shadow:var(--shadow);z-index:4}.menu button{display:block;width:100%;text-align:left;border:0;border-radius:7px;background:none;color:var(--text);padding:10px;font-size:12px}.menu button:hover{background:var(--hover)}.menu .danger{color:#d98585}dialog{width:min(calc(100% - 30px),420px);padding:24px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}dialog::backdrop{background:#05070bc9;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{font-size:20px}.dialog-head .eyebrow{margin-bottom:5px}label{display:block;margin:14px 0 7px;color:var(--muted);font-size:11px}dialog input,dialog select{width:100%;height:42px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);outline:0;font-size:13px}dialog input:focus,dialog select:focus{border-color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;margin-top:22px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 14px;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.bookmark-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.shell{width:calc(100% - 32px)}header{height:64px}main{padding-top:36px}.welcome{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:25px}.clock-wrap{display:flex;align-items:baseline;gap:10px;text-align:left}.clock{font-size:23px}.search{margin-bottom:38px}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bookmark{min-height:76px;padding:10px;gap:9px}.favicon{width:33px;height:33px}.bookmark-name{font-size:11px}.bookmark-host{font-size:9px}.section-head{align-items:center}.actions{gap:4px}.add-btn{padding:9px 10px}.app-card{padding:13px}footer{font-size:9px}}@media(max-width:360px){.bookmark-grid{grid-template-columns:1fr}}