.icon-wrap{background-color:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.04);backdrop-filter:blur(18px)saturate(1.04);background-image:linear-gradient(165deg,#ffffff42 0%,#ffffff0f 100%);border-radius:22px;place-items:center;width:72px;height:72px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 10px 20px -18px #141a2338}.icon-wrap:before{content:"";pointer-events:none;background:linear-gradient(#ffffffa3,#0000 45%);position:absolute;inset:0}.icon-wrap svg{width:38px;height:38px;fill:var(--icon-fill);opacity:.9}@media (width<=1200px){.icon-wrap{border-radius:19px;width:64px;height:64px}.icon-wrap svg{width:36px;height:36px}}@media (width<=860px){.icon-wrap{border-radius:17px;width:60px;height:60px}.icon-wrap svg{width:34px;height:34px}}@media (prefers-color-scheme:dark){.icon-wrap{background-color:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.06);backdrop-filter:blur(16px)saturate(1.06);background-image:linear-gradient(165deg,#ffffff0f 0%,#ffffff03 100%);box-shadow:inset 0 1px #ffffff14,0 16px 28px -22px #0000008c}.icon-wrap:before{background:linear-gradient(#ffffff1f,#0000 48%)}}.status{font-size:calc(.78rem * var(--font-scale));letter-spacing:.01em;background:#0000000f;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-weight:600;display:inline-flex}.status-dot{background:var(--status-unknown);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--status-unknown) 22%, transparent);border-radius:50%}.status.online .status-dot{background:var(--status-online);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-online) 28%, transparent);animation:1.3s ease-in-out infinite pulse-online}.status.degraded .status-dot{background:var(--status-degraded);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-degraded) 28%, transparent)}.status.offline .status-dot{background:var(--status-offline);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-offline) 28%, transparent)}.status.maintenance .status-dot{background:var(--status-maintenance);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-maintenance) 28%, transparent)}.status.checking .status-dot{background:var(--status-checking);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-checking) 28%, transparent);animation:1.2s ease-in-out infinite pulse-status}@keyframes pulse-status{0%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.85)}}@keyframes pulse-online{0%{opacity:.7;box-shadow:0 0 0 2px color-mix(in srgb, var(--status-online) 18%, transparent);transform:scale(.92)}50%{opacity:1;box-shadow:0 0 0 4px color-mix(in srgb, var(--status-online) 36%, transparent);transform:scale(1.06)}to{opacity:.7;box-shadow:0 0 0 2px color-mix(in srgb, var(--status-online) 18%, transparent);transform:scale(.92)}}@media (prefers-color-scheme:dark){.status{color:var(--text);background:#ffffff14}}@media (width<=860px){.status{font-size:calc(.74rem * var(--font-scale));padding:3px 8px}}.tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tag{height:24px;font-size:calc(clamp(.84rem, .95vw, 1.25rem) * var(--font-scale) * var(--body-font-scale) * var(--tag-scale));letter-spacing:.01em;color:var(--tag-text);border:1px solid #0000000f;border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-weight:600;line-height:1;display:inline-flex}.tag-label{line-height:1;display:block;transform:none}.tag.ai{background:var(--ai)}.tag.api{background:var(--api)}.tag.container{background:var(--container)}.tag.automation{background:var(--automation)}.tag.media{background:var(--media)}.tag.download{background:var(--download)}.tag.security{background:var(--security)}.tag.network{background:var(--network)}.tag.productivity{background:var(--productivity)}.tag.notes{background:var(--notes)}.tag.code{background:var(--code)}.tag.git{background:var(--git-tag)}.tag.nas{background:var(--nas)}.tag.storage{background:var(--storage)}.tag.utility{background:var(--utility)}.tag.translation{background:var(--translation)}@media (width<=860px){.tag{height:21px;font-size:calc(14px * var(--font-scale) * var(--body-font-scale) * var(--tag-scale));padding:0 8px}}.card{min-height:98px;color:inherit;background-color:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.04);backdrop-filter:blur(24px)saturate(1.04);--card-padding-block:10px;--card-padding-inline:12px;padding:var(--card-padding-block) var(--card-padding-inline);isolation:isolate;background-clip:padding-box;border:none;border-radius:20px;grid-template-columns:72px 1fr;align-items:start;gap:16px;text-decoration:none;transition:transform .16s,filter .16s,background-color .16s,box-shadow .16s;display:grid;position:relative;overflow:visible;box-shadow:0 16px 30px -30px #10161d47}.card:before{content:"";border-radius:inherit;background:radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--status-checking) 10%, transparent) 0%, transparent 62%), radial-gradient(circle at 78% 82%, color-mix(in srgb, var(--status-checking) 6%, transparent) 0%, transparent 66%);filter:blur(16px);opacity:0;pointer-events:none;z-index:-1;transition:opacity .16s,transform .16s;position:absolute;inset:-18px;transform:scale(1.03)}.card:hover{filter:brightness(1.05)saturate(1.02);-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);background-color:#ffffff24;transform:none;box-shadow:0 20px 36px -28px #10161d57}.content{align-content:center;gap:4px;display:grid}.title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card h3{font-size:calc(clamp(1.55rem, 1.8vw, 2.35rem) * var(--font-scale) * var(--body-font-scale));letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.06}.card p{font-size:calc(clamp(1.02rem, 1.15vw, 1.42rem) * var(--font-scale) * var(--body-font-scale));color:var(--muted);margin:0;line-height:1.22}@media (width<=1200px){.card{grid-template-columns:64px 1fr;gap:12px}}@media (width<=860px){.card{border-radius:16px;grid-template-columns:60px 1fr;gap:12px;min-height:82px;padding:10px}}@media (prefers-color-scheme:dark){.card{box-shadow:0 0 0 .5px #ffffff1a,inset 0 1px #ffffff14,0 2px 8px #0006}.card:hover{background-color:color-mix(in srgb, var(--surface) 68%, #ffffff08 32%);box-shadow:0 0 0 .5px #ffffff2e,inset 0 1px #ffffff24,0 8px 24px #00000080}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-scale:1.08;--body-font-scale:.7;--tag-scale:.95;--bg:#f5f5f7;--bg-soft:#fff;--surface:#ffffffbd;--card-stroke:#00000014;--text:#1d1d1f;--muted:#6e6e73;--icon-fill:#1d1d1f;--status-online:#34c759;--status-degraded:#ff9f0a;--status-offline:#ff3b30;--status-maintenance:#ff9500;--status-checking:#0a84ff;--status-unknown:#8e8e93;--ai:#e8edf5;--api:#edf0f4;--container:#ebedf1;--automation:#f0ece5;--media:#e8efea;--download:#e6f0e7;--nas:#e8edf7;--storage:#eceef2;--development:#e9ecf7;--productivity:#f1ede4;--notes:#e9f0f6;--code:#e8ebf7;--git-tag:#f4e8e8;--tag-text:#1d1d1f;--security:#f6eee0;--network:#e4eef7;--utility:#eceff4;--translation:#e3f3f8}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 14%, #ff777747 0, #ff777729 18%, transparent 26%), radial-gradient(circle at 88% 10%, #62a8ff3d 0, #62a8ff1f 16%, transparent 24%), radial-gradient(circle at 18% 84%, #6dd6ab3d 0, #6dd6ab1f 18%, transparent 28%), radial-gradient(circle at 82% 84%, #ffbe5c3d 0, #ffbe5c1f 16%, transparent 26%), linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%);margin:0;font-family:SF Pro Display,Segoe UI,sans-serif}.page{max-width:1240px;margin:0 auto;padding:clamp(32px,4.5vw,80px) clamp(16px,2.4vw,28px) 42px}h2{font-size:calc(clamp(2.1rem, 2.2vw, 2.95rem) * var(--font-scale));letter-spacing:-.03em;margin:0 0 22px;font-weight:600;line-height:1.05}.grid{gap:28px clamp(28px,3vw,60px);display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.page section+section{margin-top:clamp(36px,5vw,72px)}@media (prefers-color-scheme:dark){:root{--bg:#000;--bg-soft:#0a0a0c;--surface:#ffffff14;--card-stroke:#ffffff1a;--text:#f5f5f7;--muted:#a1a1a6;--icon-fill:#f5f5f7;--status-checking:#0a84ff;--ai:#3f4f6a;--api:#4b4f59;--container:#43464d;--automation:#514a3f;--media:#3c4f4a;--download:#3f5241;--nas:#3e4d6a;--security:#534539;--network:#394b5f;--storage:#474b54;--development:#40506f;--productivity:#4f483b;--notes:#3d4d62;--code:#434d6d;--git-tag:#5a4650;--tag-text:var(--text);--utility:#4a515c;--translation:#365466}body{background:radial-gradient(circle at 10% 8%, #5e8fff38 0, #5e8fff1a 16%, transparent 26%), radial-gradient(circle at 84% 12%, #ff686829 0, #ff686814 14%, transparent 24%), radial-gradient(circle at 18% 84%, #5cd4a029 0, #5cd4a014 16%, transparent 26%), radial-gradient(circle at 86% 82%, #ffba4c29 0, #ffba4c14 14%, transparent 24%), linear-gradient(180deg, var(--bg-soft) 0%, var(--bg) 100%)}}@media (width<=1200px){.grid{gap:24px 28px}}@media (width<=860px){.page{padding-bottom:26px;padding-left:14px;padding-right:14px;padding-top:calc(40px + constant(safe-area-inset-top));padding-top:calc(40px + env(safe-area-inset-top))}.two-col{grid-template-columns:1fr}}.scroll-to-top{z-index:40;border:1px solid var(--card-stroke);background:var(--surface);-webkit-backdrop-filter:blur(12px);width:44px;height:44px;color:var(--icon-fill);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .35s,transform .35s,box-shadow .2s;display:flex;position:fixed;bottom:clamp(16px,2.4vw,28px);right:clamp(16px,2.4vw,28px);transform:translateY(16px);box-shadow:0 2px 10px #00000014}.scroll-to-top.is-visible{opacity:1;pointer-events:auto;animation:3.2s ease-in-out infinite scroll-to-top-float;transform:translateY(0)}.scroll-to-top:hover{animation-play-state:paused;box-shadow:0 6px 20px #00000029}.scroll-to-top:active{transform:translateY(1px)}@keyframes scroll-to-top-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=860px){.scroll-to-top{right:14px;bottom:calc(14px + constant(safe-area-inset-bottom));bottom:calc(14px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.scroll-to-top{transition:opacity .2s}.scroll-to-top.is-visible{animation:none}}