:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:#0c1017}button,input{font:inherit}.site{--bg:#f7f8fa;--surface:#ffffffe0;--surface-strong:#fff;--text:#131722;--muted:#68707d;--border:#e4e7ec;--pill:#f4f5f7;background:radial-gradient(circle at 15% 0%, #0ea5e914, transparent 28%), radial-gradient(circle at 88% 10%, #facc1514, transparent 25%), var(--bg);min-height:100vh;color:var(--text);transition:background .25s,color .25s}.site[data-theme=dark]{--bg:#0c1017;--surface:#141a24e6;--surface-strong:#151b25;--text:#f8fafc;--muted:#aab2bf;--border:#293140;--pill:#202734;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.container{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 26px}.top-actions{z-index:20;position:fixed;top:14px;right:16px}.theme-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:6px;padding:0 10px;transition:transform .2s,box-shadow .2s,border-color .2s,background .25s,color .25s;display:inline-flex;box-shadow:0 8px 24px #0000000f}.theme-button:hover{border-color:color-mix(in srgb, #0ea5e9 42%, var(--border));transform:translateY(-2px);box-shadow:0 12px 28px #0000001a}.theme-icon{place-items:center;width:16px;font-size:.95rem;line-height:1;display:inline-grid}.theme-label{white-space:nowrap;font-size:.66rem;font-weight:750;line-height:1}.profile{align-items:center;gap:14px;max-width:760px;margin:0 auto 15px;display:flex}.avatar-wrap{flex:none;position:relative}.avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;width:68px;height:68px;box-shadow:0 0 0 3px #8b5cf6,0 8px 24px #8b5cf638}.status-dot{border:3px solid var(--surface-strong);background:#22c55e;border-radius:50%;width:14px;height:14px;position:absolute;bottom:4px;right:-1px}.profile h1{letter-spacing:-.025em;margin:0 0 1px;font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.1}.username{color:var(--muted);margin:0 0 3px;font-size:.86rem;line-height:1.25}.bio{color:var(--muted);margin:0;font-size:.88rem;line-height:1.35}.search{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;max-width:760px;height:40px;margin:0 auto 9px;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .25s;display:flex}.search:focus-within{border-color:color-mix(in srgb, #0ea5e9 52%, var(--border));box-shadow:0 0 0 3px #0ea5e91a}.search span{color:var(--muted);font-size:1.12rem;line-height:1}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:.86rem}.categories{flex-wrap:wrap;gap:6px;max-width:760px;margin:0 auto 15px;display:flex}.categories button{border:1px solid var(--border);background:var(--surface);min-height:29px;color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:650;transition:transform .2s,color .2s,border-color .2s,background .2s}.categories button:hover{color:var(--text);transform:translateY(-1px)}.categories button.active{background:var(--text);color:var(--bg);border-color:var(--text)}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card{border:1px solid var(--border);background:var(--surface);min-height:126px;color:inherit;border-radius:17px;gap:12px;padding:15px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #0f172a09}.card:before{content:"";background:var(--accent);transform-origin:0;height:3px;transition:transform .22s;position:absolute;inset:auto 0 0;transform:scaleX(0)}.card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-5px);box-shadow:0 18px 38px #0f172a1a}.card:hover:before{transform:scaleX(1)}.icon-box{background:var(--accent);color:#fff;width:42px;height:42px;box-shadow:0 7px 16px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:12px;flex:none;place-items:center;transition:transform .2s;display:grid;overflow:hidden}.icon-box svg{width:23px;height:23px;display:block}.card:hover .icon-box{transform:translateY(-2px)rotate(-3deg)scale(1.04)}.card-content{flex-direction:column;flex:1;min-width:0;display:flex}.card-heading{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.card h2{margin:1px 0 5px;font-size:.94rem;line-height:1.2}.arrow{color:var(--muted);font-size:.9rem;transition:transform .2s,color .2s}.card:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.card p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 9px;font-size:.81rem;line-height:1.38;display:-webkit-box;overflow:hidden}.meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.category-pill{background:var(--accent);color:#fff;border-radius:999px;padding:3px 8px;font-size:.66rem;font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.66rem}.stats{color:var(--muted);margin-left:auto;font-size:.66rem}.empty{text-align:center;color:var(--muted);padding:36px 18px}footer{text-align:center;color:var(--muted);padding-top:30px;font-size:.72rem}@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.container{width:min(100% - 20px,560px);padding-top:18px;padding-bottom:20px}.top-actions{top:10px;right:10px}.theme-button{gap:5px;min-height:31px;padding:0 8px}.theme-label{font-size:.61rem}.theme-icon{font-size:.86rem}.profile{align-items:center;gap:10px;width:calc(100% - 76px);max-width:none;margin:0 0 12px}.avatar{border-width:2px;width:54px;height:54px;box-shadow:0 0 0 2px #8b5cf6,0 6px 18px #8b5cf633}.status-dot{border-width:2px;width:12px;height:12px;bottom:2px}.profile h1{margin-bottom:1px;font-size:1.12rem}.username{margin-bottom:2px;font-size:.73rem}.bio{font-size:.75rem;line-height:1.3}.search{height:36px;margin-bottom:8px;padding:0 11px}.search input{font-size:.78rem}.search span{font-size:1rem}.categories{scrollbar-width:none;flex-wrap:nowrap;gap:5px;margin-bottom:11px;padding-bottom:1px;overflow-x:auto}.categories::-webkit-scrollbar{display:none}.categories button{flex:none;min-height:27px;padding:4px 9px;font-size:.67rem}.cards{grid-template-columns:1fr;gap:14px;width:calc(100% - 22px);margin:0 auto}.card{border-radius:15px;gap:10px;min-height:103px;padding:12px}.icon-box{border-radius:11px;width:38px;height:38px}.icon-box svg{width:21px;height:21px}.card h2{margin-bottom:3px;font-size:.88rem}.card p{margin-bottom:6px;font-size:.74rem;line-height:1.32}.category-pill,.badge{padding:2px 7px;font-size:.61rem}.meta{gap:5px}.arrow{font-size:.82rem}footer{padding-top:20px;font-size:.66rem}}