:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg:#101827;--panel:#151f30;--text:#edf2fa;--muted:#8e9caf;--border:#ffffff14;--accent:#82dce8;--bar:#101827d9;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button svg{width:20px;height:20px}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg)}.ambient:before{content:'';position:absolute;inset:-35%;background:radial-gradient(ellipse at 20% 35%,#28566630,transparent 45%),radial-gradient(ellipse at 80% 70%,#42377324,transparent 40%);animation:drift 22s ease-in-out infinite alternate}.topbar{min-height:96px;padding:20px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border);background:var(--bar)}.logo{font-family:'Consolas','Cascadia Code',monospace;font-size:clamp(21px,2vw,28px);font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.logo>span:first-child{color:var(--accent)}.logo-mark{display:inline-block;color:var(--accent);margin-left:12px;font-size:20px;font-weight:400}.header-actions{display:flex;gap:14px;align-items:center}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:10px 12px;background:var(--panel);width:260px}.search svg{width:17px;height:17px;flex-shrink:0;color:var(--muted)}.search input{min-width:0;width:100%;background:none;border:0;color:var(--text);font-size:13px;outline-offset:2px}.search input::placeholder{color:var(--muted)}kbd{font-family:inherit;font-size:11px;padding:1px 5px;border:1px solid var(--border);border-radius:3px;color:var(--muted)}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;color:var(--muted);border:1px solid transparent;border-radius:8px;background:transparent}.icon-button:hover{background:var(--border);color:var(--text)}#options{border-color:var(--border);background:var(--panel)}main{width:min(1200px,100%);margin:0 auto;padding:40px clamp(24px,5vw,60px) 72px;flex:1}.breadcrumbs{display:flex;gap:12px;font-size:12px;color:var(--muted);min-height:18px;margin-bottom:38px}.breadcrumbs a:hover{color:var(--accent)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.section-heading>div:first-child{display:flex;align-items:center;gap:18px}h1{font-size:24px;font-weight:550;letter-spacing:-.7px;margin:0}.count{font-family:Consolas,monospace;font-size:11px;color:var(--muted)}.view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px}.view-switch button{width:30px;height:30px;border-radius:6px}.view-switch .active{background:var(--border);color:var(--text)}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{--tile-color:#8adce6;--tile-bg:#18313c;position:relative;isolation:isolate;display:flex;flex-direction:column;aspect-ratio:1;padding:24px;border:1px solid color-mix(in srgb,var(--tile-color) 16%,transparent);border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--tile-bg) 85%,transparent),color-mix(in srgb,var(--tile-bg) 40%,var(--bg)));overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}.tile:after{content:'';position:absolute;z-index:-1;width:85%;height:85%;border:1px solid color-mix(in srgb,var(--tile-color) 7%,transparent);border-radius:50%;right:-40%;top:-20%;transition:transform .6s}.tile:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tile-color) 55%,transparent);box-shadow:0 18px 38px #0002}.tile:hover:after{transform:scale(1.2)}.green{--tile-color:#9ad9b6;--tile-bg:#1c3430}.purple{--tile-color:#beb3ef;--tile-bg:#2b2944}.orange{--tile-color:#e9c098;--tile-bg:#382f2d}.tile-top{display:flex;justify-content:space-between;align-items:center;color:var(--tile-color)}.tile-number{font-family:Consolas,monospace;font-size:11px;opacity:.65}.arrow{font-size:21px;opacity:.7;transition:transform .25s}.tile:hover .arrow{transform:translate(2px,-2px);opacity:1}.tile-icon{margin:auto 0;color:var(--tile-color);padding:20px 0}.tile-icon svg{width:46px;height:46px;stroke-width:1.5}.tile-bottom h2{margin:0 0 8px;font-size:17px;font-weight:550;letter-spacing:-.35px}.tile-bottom>span{font-size:12px;color:var(--muted)}.app-tile .tile-bottom>span{line-height:1.5}.empty{padding:60px 0;color:var(--muted);font-size:14px;text-align:center;border:1px dashed var(--border);border-radius:14px}.list{grid-template-columns:1fr}.list .tile{aspect-ratio:auto;min-height:90px;flex-direction:row;align-items:center;gap:24px}.list .tile-top{min-width:40px}.list .tile-top .arrow{display:none}.list .tile-icon{margin:0;padding:0}.list .tile-icon svg{width:32px;height:32px}.list .tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1}.list .tile-bottom h2{margin:0}.list .tile:hover{transform:translateX(4px)}footer{display:flex;justify-content:space-between;margin:0 clamp(24px,5vw,80px);padding:24px 0;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}footer a:hover{color:var(--text)}footer>span{font-family:Consolas,monospace;font-size:10px;letter-spacing:1px}dialog{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(380px,100%);max-width:100%;padding:28px;border:0;border-left:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:-20px 0 80px #0003;overflow-y:auto}dialog[open]{animation:slide-in .3s cubic-bezier(.2,.8,.2,1)}dialog.closing{animation:slide-out .22s ease-in both}dialog::backdrop{background:#050a1680;backdrop-filter:blur(5px);animation:fade-in .3s}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--border)}h2#settings-title{font-size:20px;font-weight:500;margin:0}h3{font-size:12px;font-weight:500;color:var(--muted);margin:0 0 16px}.setting{padding:30px 0}.themes{display:flex;gap:8px}.themes button{flex:1;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);padding:12px}.themes button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.motion-setting{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--border);font-size:14px}.motion-setting input{appearance:none;width:38px;height:22px;background:var(--muted);border-radius:20px;position:relative;cursor:pointer}.motion-setting input:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--bg);transition:transform .2s}.motion-setting input:checked{background:var(--accent)}.motion-setting input:checked:before{transform:translateX(16px)}.drawer-nav{padding-top:32px}.drawer-nav a{display:flex;justify-content:space-between;padding:16px 0;font-size:14px;border-bottom:1px solid var(--border)}.drawer-nav a:hover,.drawer-nav a[aria-current]{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
:root[data-theme=light]{color-scheme:light;--bg:#f4f6f9;--panel:#fff;--text:#172235;--muted:#657287;--border:#17223518;--accent:#176b7a;--bar:#f4f6f9dd}:root[data-theme=light] .tile{background:linear-gradient(145deg,color-mix(in srgb,var(--tile-color) 14%,#fff),#ffffff);color:#172235}:root[data-theme=light] .tile-top,:root[data-theme=light] .tile-icon{color:color-mix(in srgb,var(--tile-bg) 80%,#000)}
@keyframes drift{to{transform:translate(6%,-4%) rotate(10deg)}}@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out{to{transform:translateX(100%)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){main{padding-top:60px}.tiles{gap:24px}}@media(max-width:1050px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.list{grid-template-columns:1fr}.tile{padding:26px}.tile-icon svg{width:56px;height:56px}main{max-width:850px}}@media(max-width:600px){.topbar{padding:20px;min-height:80px;gap:12px;flex-wrap:wrap}.header-actions{gap:8px;flex:1;justify-content:flex-end}.search{width:150px}.search kbd{display:none}.logo{font-size:21px}.logo-mark{display:none}main{padding:26px 20px 48px}.breadcrumbs{margin-bottom:28px}.section-heading>div:first-child{gap:10px}h1{font-size:21px}.tiles{gap:12px}.tile{padding:18px;border-radius:13px}.tile-icon{padding:15px 0}.tile-icon svg{width:36px;height:36px}.tile-bottom h2{font-size:15px}.tile-bottom>span{font-size:11px}.tile-number{font-size:10px}.list .tile{gap:14px}.list .tile-bottom{align-items:flex-start;flex-direction:column;gap:6px}.list .tile-top{min-width:22px}footer{margin:0 20px}.count{font-size:10px}}@media(max-width:380px){.search{width:120px}.topbar{padding:16px}.logo{font-size:19px}.tile{padding:14px}.tile-bottom h2{font-size:14px}.count{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-motion=off] *,:root[data-motion=off] *::before,:root[data-motion=off] *::after{animation:none!important;transition:none!important}
@media(max-width:600px){.tile{padding:14px}.tile-icon{padding:6px 0}.tile-icon svg{width:28px;height:28px}.tile-bottom h2{margin-bottom:4px}.tile-bottom{line-height:1.2}.tile-top{line-height:1}.arrow{font-size:18px}}
.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.blue{--tile-color:#a2c7f4;--tile-bg:#24334b}.rose{--tile-color:#e6afbd;--tile-bg:#3a2b37}.list{grid-template-columns:1fr}@media(max-width:1050px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.list{grid-template-columns:1fr}}