:root{--ink:#2e3853;--muted:#8e9bb3;--green:#587dfb;--line:#eaf0fa;--paper:#f6f9ff}body{background:radial-gradient(ellipse at 70% 0,#edf3ff 0,transparent 50%),#f7faff;color:var(--ink)}aside{background:#ffffffed;border-right:1px solid #eaf0fa;padding-top:36px}.brand span,.brand .dot{color:#6385ff}.brand{color:#303d60}.eyebrow{color:#9aaacf}aside>.eyebrow{color:#aab7cf}.nav{color:#96a5bc;position:relative}.nav.active{background:#edf2ff;color:#5c7cf4}.nav b{background:#dfe8ff;color:#5779ef}.nav:hover{background:#f3f6fd}#categories .nav{color:var(--accent);padding:13px 15px;margin-bottom:7px}#categories .nav.active{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}#categories .nav:hover{background:var(--soft)}.side-label{color:#a9b6ca}.side-bottom{border-color:#edf2fa;color:#5c6b86}.side-bottom small{color:#a7b5c9}.avatar{background:linear-gradient(135deg,#8d9eff,#64caff);color:white;box-shadow:0 6px 15px #6d9bff33}.breadcrumb,.quiet{color:#94a3bc}.breadcrumb span{color:#c4d0e5}.quiet:hover{color:#587dfb}.intro{padding:37px 0 28px}.intro h1{font-size:37px;color:#34425e;letter-spacing:-1px}.intro em{background:linear-gradient(100deg,#7f7bfa,#469ff3);color:transparent;background-clip:text}.intro p{color:#94a2bb}.intro-art{color:#dce7ff;font-size:145px;top:1px;right:40px;text-shadow:10px 12px 0 #e6deff66}.intro-art i{color:#8daaff}.collections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin:0 0 30px}.collection{text-align:left;border-radius:13px;padding:16px 17px;color:white;background:linear-gradient(125deg,color-mix(in srgb,var(--accent),white 18%),var(--accent));box-shadow:0 8px 17px var(--edge);border:1px solid #ffffff70;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.collection:after{content:'';position:absolute;right:-24px;top:0;width:90px;height:90px;border:18px solid #ffffff12;border-radius:50%;pointer-events:none}.collection:hover{transform:translateY(-4px);box-shadow:0 12px 23px var(--edge)}.collection.chosen{outline:3px solid var(--edge);outline-offset:3px}.collection-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.collection-symbol{font-size:24px;line-height:1}.collection-arrow{font-size:16px;opacity:.75}.collection strong{font-weight:500;font-size:13px;display:block;white-space:nowrap}.collection-count{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#fffd;margin-top:9px}.collection-count>span{opacity:.75;font-size:8px}.search{border:1px solid #eaf0fc;box-shadow:0 5px 20px #809edb08;border-radius:11px;color:#97abc9;padding:14px 17px}.search input{font-size:12px}.search input::placeholder{color:#b0bdd2}kbd{border-color:#e9effa;color:#b1bdd1}.primary{background:linear-gradient(120deg,#8185ff,#4b9aff);box-shadow:0 6px 14px #6488f733;border:1px solid #ffffff70;border-radius:10px}.primary:hover{background:linear-gradient(120deg,#6c71ee,#3b86ed)}.tags{gap:8px;padding:20px 0 29px}.tag{color:var(--accent);background:var(--soft);border:1px solid transparent;border-radius:7px;padding:7px 12px;font-size:10px}.tag:hover,.tag.active{background:var(--soft);color:var(--accent);border-color:var(--edge);box-shadow:0 3px 7px var(--soft)}.tag.active{font-weight:700}.section-title{margin-bottom:19px}.section-title h2{font-size:16px;color:#3d4b66}.section-title span,.section-title select{color:#9eacc3}.grid{gap:19px}.card{border:1px solid #edf1fa;border-top:3px solid var(--edge);background:linear-gradient(145deg,#fff 65%,var(--soft));border-radius:14px;box-shadow:0 5px 20px #7795cf08;padding:22px;min-height:226px}.card:hover{border-color:var(--edge);box-shadow:0 12px 28px var(--soft);transform:translateY(-4px)}.icon{color:var(--accent);background:var(--soft);border:1px solid var(--edge);width:44px;height:44px;border-radius:12px;font-size:22px}.card h3{color:#45516b;font-size:14px}.domain{color:#aab6c9}.star{color:#c6d1e2;top:17px}.star.selected{color:#f3bc4a;text-shadow:0 3px 9px #f6c44d30}.description{color:#92a0b8;margin:12px 0 21px;font-size:11px}.category-badge{align-self:flex-start;background:var(--soft);color:var(--accent);font-size:9px;border-radius:5px;padding:4px 7px;margin-top:16px}.pill{color:var(--accent);background:var(--soft);border-radius:5px;font-size:9px}.pill:hover{box-shadow:0 0 0 1px var(--edge)}.edit,.delete{color:#a3b2ca}.edit:hover,.open:hover{color:#587dfb}.delete:hover{color:#ef768c}.open{color:var(--accent)}footer{color:#afbbcf}dialog{border-color:#e8effc;background:#fbfdff;box-shadow:0 30px 90px #536a9e30}dialog::backdrop{background:#4c60853b}form label input,form label select{border-color:#e0e8f8;color:#45516b}#toast{background:#6284ed;box-shadow:0 6px 22px #6488f733}input:focus,select:focus,button:focus-visible,a:focus-visible{outline-color:#86a5ff}@media(min-width:1450px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.collections{grid-template-columns:repeat(3,minmax(0,1fr))}.collection{padding:15px}.collection-count>span{display:none}}@media(max-width:700px){aside{background:white}.intro{padding-top:28px}.intro h1{font-size:30px}.intro-art{font-size:100px;right:0;top:40px}.collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:23px}.collection:last-child:nth-child(odd){grid-column:1/-1}.collection-top{margin-bottom:12px}.collection-count>span{display:inline}.card{min-height:220px}.toolbar .primary{white-space:nowrap}.tag{padding:7px 10px}#categories .nav{padding:9px 12px}#categories .nav.active{box-shadow:none}}