.profile-inline-link[data-v-589e6c12]{color:#2563eb;text-decoration:none;word-break:break-all}.profile-inline-link[data-v-589e6c12]:hover{color:#1d4ed8;text-decoration:none}.admin-login-page[data-v-cdb621ed]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(0,113,227,.14),transparent 38%),linear-gradient(180deg,#f7f9fc,#eef3f8)}.admin-login-card[data-v-cdb621ed]{width:100%;max-width:420px;padding:36px 32px 32px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#fffffff5;box-shadow:0 24px 60px #0f172a1f}.admin-login-header[data-v-cdb621ed]{margin-bottom:28px;text-align:center}.admin-login-badge[data-v-cdb621ed]{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;margin-bottom:14px;border-radius:999px;background:#0071e31a;color:#0071e3;font-size:13px;font-weight:600}.admin-login-header h1[data-v-cdb621ed]{margin:0;color:#111827;font-size:30px;font-weight:700}.admin-login-header p[data-v-cdb621ed]{margin:10px 0 0;color:#111827ad;font-size:14px;line-height:1.6}.admin-login-form[data-v-cdb621ed]{display:grid;gap:18px}.admin-login-field[data-v-cdb621ed]{display:grid;gap:8px}.admin-login-field label[data-v-cdb621ed]{color:#111827;font-size:14px;font-weight:600}.admin-login-field input[data-v-cdb621ed]{width:100%;min-height:50px;padding:0 16px;border:1px solid rgba(148,163,184,.38);border-radius:14px;background:#fff;color:#111827;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-login-field input[data-v-cdb621ed]:focus{border-color:#0071e3cc;box-shadow:0 0 0 4px #0071e31f}.admin-login-error[data-v-cdb621ed]{margin:0;padding:12px 14px;border-radius:14px;border:1px solid rgba(220,38,38,.18);background:#dc262614;color:#b91c1c;font-size:14px}.admin-login-submit[data-v-cdb621ed]{width:100%;min-height:50px;border:0;border-radius:14px;background:linear-gradient(135deg,#0071e3,#2563eb);color:#fff;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 18px 32px #2563eb38}.admin-login-submit[data-v-cdb621ed]:disabled{cursor:not-allowed;opacity:.7;box-shadow:none}@media(max-width:640px){.admin-login-page[data-v-cdb621ed]{padding:16px}.admin-login-card[data-v-cdb621ed]{padding:28px 20px 24px;border-radius:20px}.admin-login-header h1[data-v-cdb621ed]{font-size:26px}}:root{--bg: #f5f5f7;--bg-secondary: #fbfbfd;--bg-elevated: rgba(255, 255, 255, .72);--bg-elevated-strong: rgba(255, 255, 255, .88);--bg-dark: #000000;--text: #1d1d1f;--text-muted: rgba(29, 29, 31, .68);--text-soft: rgba(29, 29, 31, .48);--text-on-light: #1d1d1f;--text-on-dark: #f5f5f7;--metric-strong: #111114;--line: rgba(29, 29, 31, .08);--line-strong: rgba(29, 29, 31, .12);--primary: #0071e3;--primary-hover: #0077ed;--danger: #d92d20;--success: #1f9d55;--shadow-soft: 0 24px 80px rgba(15, 23, 42, .08);--shadow-card: 0 20px 48px rgba(15, 23, 42, .1);--shadow-glow: 0 16px 50px rgba(0, 113, 227, .16);--radius-xs: 12px;--radius-sm: 18px;--radius-md: 28px;--radius-lg: 36px;--radius-xl: 44px;--radius-pill: 999px;--max-width: 1240px;--nav-height: 56px;--stat-value-size: clamp(28px, 4.4vw, 44px);--stat-kicker-size: 13px;--hero-title-size: clamp(40px, 6.4vw, 78px);--body-size: 16px}:root[data-theme=dark]{--bg: #000000;--bg-secondary: #0a0a0a;--bg-elevated: rgba(28, 28, 30, .76);--bg-elevated-strong: rgba(28, 28, 30, .92);--bg-dark: #000000;--text: #f5f5f7;--text-muted: rgba(245, 245, 247, .72);--text-soft: rgba(245, 245, 247, .5);--metric-strong: #f5f5f7;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .12);--shadow-soft: 0 28px 80px rgba(0, 0, 0, .52);--shadow-card: 0 20px 56px rgba(0, 0, 0, .46);--shadow-glow: 0 16px 50px rgba(41, 151, 255, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top center,rgba(0,113,227,.12),transparent 24%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.66),transparent 20%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg) 24%,var(--bg) 100%);color:var(--text);font-size:var(--body-size);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:var(--radius-pill);background:var(--primary);color:#fff;min-height:44px;padding:0 22px;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,opacity .18s ease}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:scale(.985)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}button.danger,.nav-btn.danger{background:var(--danger)}button.secondary,.theme-toggle,.chip,.item-actions button:not(.danger):not(.primary-cta),.search-box button,.mobile-nav-toggle,.quick-link,.nav-btn,.top-nav-link{background:var(--bg-elevated);color:var(--text);border:1px solid var(--line);box-shadow:none}button.secondary:hover,.theme-toggle:hover,.chip:hover,.item-actions button:not(.danger):not(.primary-cta):hover,.search-box button:hover,.mobile-nav-toggle:hover,.quick-link:hover,.nav-btn:hover,.top-nav-link:hover{box-shadow:var(--shadow-card)}input,select,textarea{width:100%;min-height:48px;padding:0 18px;border-radius:18px;border:1px solid var(--line);background:#ffffffad;color:var(--text);outline:none;box-shadow:inset 0 1px #ffffff8c}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#1c1c1ee0}input:focus,select:focus,textarea:focus{border-color:#0071e38c;box-shadow:0 0 0 4px #0071e31f}textarea{min-height:140px;padding:16px 18px;resize:vertical}.page,.admin-shell,.auth-shell{min-height:100vh}.page{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:14px 0 64px}.hero,.glass-panel,.card,.auth-card,.sidebar,.admin-main,.crud-item,.notice,.site-card,.panel,.mobile-nav-panel,.stat-card,.info-card,.top-nav{background:var(--bg-elevated);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.section-title,.hero h1,.auth-card h1,.admin-header h1,.panel-header h2,.section h2{letter-spacing:-.03em}.sub,.label,.muted,.meta,.hint,.section-eyebrow,.hero-copy p,.friend-list span,.auth-copy p,.top-nav-link{color:var(--text-muted)}.top-nav{position:sticky;top:12px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:8px 16px;margin-bottom:14px;border-radius:999px;background:#ffffffa8;border:1px solid rgba(255,255,255,.52);box-shadow:0 16px 40px #0f172a12,inset 0 1px #ffffffb8;backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}:root[data-theme=dark] .top-nav{background:#161618ad;border-color:#ffffff14;box-shadow:0 16px 40px #0000003d,inset 0 1px #ffffff0f}.top-nav-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;padding-left:2px;font-weight:700;letter-spacing:-.02em;color:var(--text);white-space:nowrap}.top-nav-brand-title{min-width:0;max-width:clamp(140px,18vw,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1}.top-nav-mark{width:28px;height:28px;flex:0 0 28px;border-radius:999px;display:inline-grid;place-items:center;font-size:14px;color:#fff;background:linear-gradient(135deg,#111,#3a3a3c);box-shadow:inset 0 1px #ffffff2e,0 6px 16px #0f172a29}:root[data-theme=dark] .top-nav-mark{color:#000;background:linear-gradient(135deg,#fff,#d1d1d6);box-shadow:inset 0 1px #ffffff6b,0 8px 16px #0000003d}.top-nav-links{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex-wrap:nowrap}.top-nav-links-centered{margin-left:auto;padding:3px;border-radius:999px;background:#ffffff80;border:1px solid rgba(255,255,255,.36);box-shadow:inset 0 1px #ffffff9e,0 8px 24px #0f172a0d;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px)}:root[data-theme=dark] .top-nav-links-centered{background:#ffffff0f;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #0003}.top-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:13px;font-weight:520;line-height:1;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.top-nav-link:hover{color:var(--text);background:#ffffffb3;border-color:#ffffff61;box-shadow:inset 0 1px #ffffffbd,0 6px 14px #0f172a0d;transform:translateY(-1px)}.top-nav-link:active{transform:scale(.98)}:root[data-theme=dark] .top-nav-link:hover{color:#fff;background:#ffffff1a;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 6px 14px #00000029}@media(max-width:900px){.top-nav{display:grid;grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px 14px;border-radius:26px}.top-nav-brand{justify-content:center;padding-left:0;text-align:center}.top-nav-brand-title{max-width:min(72vw,340px)}.top-nav-links-centered{margin-left:0;width:auto;max-width:100%}.top-nav-link{min-width:82px}}@media(max-width:640px){.top-nav{top:8px;gap:9px;min-height:auto;padding:9px 10px;border-radius:22px;margin-bottom:12px}.top-nav-brand{width:100%;justify-content:center;gap:7px}.top-nav-brand-title{max-width:min(82vw,280px);font-size:12px;line-height:1.2;text-align:center}.top-nav-mark{width:24px;height:24px;flex-basis:24px;font-size:12px}.top-nav-links-centered{width:100%;max-width:320px;padding:3px;gap:4px}.top-nav-links{width:100%;gap:4px}.top-nav-link{flex:1 1 0;min-width:0;min-height:30px;padding:0 8px;font-size:11px;letter-spacing:-.015em}}@media(max-width:380px){.top-nav{padding:8px 9px}.top-nav-brand-title{max-width:min(84vw,240px);font-size:11px}.top-nav-link{min-height:29px;padding:0 6px;font-size:10.5px}}.hero{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(340px,.78fr);gap:24px;align-items:stretch;padding:46px 48px;border-radius:var(--radius-xl);background:radial-gradient(circle at 14% 10%,rgba(255,255,255,.78),transparent 24%),radial-gradient(circle at 88% 12%,rgba(0,113,227,.14),transparent 30%),radial-gradient(circle at 74% 100%,rgba(108,92,231,.08),transparent 28%),linear-gradient(180deg,#ffffffd6,#ffffff9e)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 34%,transparent 66%,rgba(255,255,255,.1))}.hero>*{position:relative;z-index:1}.hero-copy-main{display:grid;gap:10px}.hero-copy{display:grid;align-content:center;gap:20px;padding:10px 0 6px}.hero-copy h1{margin:8px 0 0;font-size:clamp(52px,5.4vw,92px);line-height:.9;font-weight:700;letter-spacing:-.055em;max-width:7.1em}.hero-copy p{margin:0;max-width:540px;font-size:clamp(16px,1.2vw,19px);line-height:1.68;color:var(--text-muted)}.hero-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:30px;padding:0 14px;border-radius:var(--radius-pill);background:#ffffff8f;border:1px solid rgba(255,255,255,.68);color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px #fff9}.hero-product-strip{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(280px,.94fr);gap:16px}.hero-product-copy,.hero-product-point{padding:20px 22px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff8f,#ffffff61)}:root[data-theme=dark] .hero-product-copy,:root[data-theme=dark] .hero-product-point{background:linear-gradient(180deg,#ffffff12,#ffffff08)}.hero-product-copy{display:grid;gap:10px}.hero-product-label{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-product-copy strong{font-size:clamp(22px,2.8vw,30px);line-height:1.18;letter-spacing:-.04em}.hero-product-copy p{max-width:none;font-size:15px;line-height:1.6}.hero-product-points{display:grid;gap:12px}.hero-product-point{display:grid;gap:8px}.hero-product-point span{color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-product-point strong{font-size:16px;line-height:1.45;letter-spacing:-.02em}.hero-highlight{display:inline-block;background:linear-gradient(180deg,#0f172a,#0f172a9e);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=dark] .hero-highlight{background:linear-gradient(180deg,#fff,#ffffff94);-webkit-background-clip:text;background-clip:text}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:4px}.primary-cta{min-width:148px;min-height:48px;padding:0 24px;background:linear-gradient(180deg,#1185ff,#0071e3 72%);border:1px solid rgba(0,113,227,.16);box-shadow:inset 0 1px #ffffff57,0 16px 30px #0071e33d}.primary-cta:hover{box-shadow:inset 0 1px #ffffff57,0 20px 34px #0071e347}.quick-link,.hero-actions .secondary{min-width:116px;min-height:48px;padding:0 22px;border-color:#ffffff85;background:#ffffff85;box-shadow:inset 0 1px #fff9,0 10px 24px #0f172a0d}.hero-caption-band{display:grid;grid-template-columns:minmax(0,1.15fr) auto minmax(0,.95fr);align-items:center;gap:18px;padding:18px 20px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff80,#ffffff57);box-shadow:inset 0 1px #ffffff59}:root[data-theme=dark] .hero-caption-band{background:linear-gradient(180deg,#ffffff0f,#ffffff08)}.hero-caption-copy,.hero-caption-meta{display:grid;gap:6px}.hero-caption-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.hero-caption-copy strong{font-size:clamp(17px,2vw,20px);line-height:1.35;letter-spacing:-.03em}.hero-caption-meta span{color:var(--text-muted);font-size:13px;line-height:1.5}.hero-caption-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,var(--line-strong),transparent)}.hero-footnotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0}.hero-footnote{display:grid;gap:8px;align-content:center;min-height:108px;padding:16px 16px 14px;border-radius:24px;background:linear-gradient(180deg,#ffffff85,#ffffff57);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffff57}:root[data-theme=dark] .hero-footnote{background:linear-gradient(180deg,#202022d1,#18181ab8);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a}.hero-footnote span{display:block;color:var(--text-soft);font-size:12px;margin-bottom:0}.hero-footnote strong{display:block;font-size:clamp(24px,2.25vw,30px);line-height:.94;letter-spacing:-.04em;color:var(--metric-strong);text-shadow:0 1px 0 rgba(255,255,255,.18)}.quick-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:var(--radius-pill)}.hero-side{display:grid;gap:12px;align-content:center}.hero-side-mobile-compact{align-content:center}.hero-search-shell{display:grid;gap:16px;align-content:center;min-height:100%;padding:26px;border-radius:34px;background:linear-gradient(180deg,#ffffffad,#ffffff75);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px #ffffff6b,0 20px 48px #0f172a14}:root[data-theme=dark] .hero-search-shell{background:linear-gradient(180deg,#1c1c1ed6,#141416bd);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 22px 52px #00000042}.hero-search-copy{display:grid;gap:8px;padding:0}.hero-search-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.hero-search-copy strong{font-size:clamp(20px,1.9vw,25px);line-height:1.16;letter-spacing:-.03em}.hero-search-shell:after{content:"";display:block;height:1px;background:linear-gradient(90deg,#0000,#1d1d1f1f,#0000)}.search-box-desktop-elevated{padding:16px;border-radius:28px;background:linear-gradient(180deg,#ffffffc7,#ffffff9e);box-shadow:inset 0 1px #ffffff94,0 14px 30px #0f172a0f}:root[data-theme=dark] .search-box-desktop-elevated{background:linear-gradient(180deg,#242426e6,#1c1c1ed1);box-shadow:inset 0 1px #ffffff0d,0 16px 32px #0000003d}.search-box-desktop-elevated{display:grid;gap:12px}.search-actions-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;width:min(100%,600px)!important;margin:16px auto 0!important}.search-submit,.search-clear{width:auto;min-width:120px;min-height:46px;flex:none!important}.search-submit{justify-content:center;box-shadow:var(--shadow-glow)}.search-clear{justify-content:center}.search-feedback-panel{display:grid;gap:12px;padding:16px;border-radius:24px;background:linear-gradient(180deg,#ffffffb8,#ffffff8a);border:1px solid rgba(255,255,255,.46);box-shadow:inset 0 1px #ffffff8f,0 14px 30px #0f172a0f}:root[data-theme=dark] .search-feedback-panel{background:linear-gradient(180deg,#242426e0,#18181ad1);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 16px 32px #0000003d}.search-feedback-state{display:grid;justify-items:center;text-align:center;gap:10px;padding:20px 14px;color:var(--text-muted)}.search-feedback-empty strong{color:var(--text);font-size:16px}.search-feedback-empty p{margin:0}.search-results-list{display:grid;gap:10px}.search-result-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:#ffffff8a;border:1px solid rgba(255,255,255,.4);color:var(--text);text-align:left;box-shadow:inset 0 1px #ffffff85}:root[data-theme=dark] .search-result-item{background:#ffffff0a;border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff08}.search-result-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.search-result-main{display:grid;gap:6px;min-width:0}.search-result-main strong{font-size:15px;line-height:1.2}.search-result-main p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.45}.search-result-meta{display:grid;gap:8px;justify-items:end}.search-result-kind{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#0071e314;border:1px solid rgba(0,113,227,.14);color:var(--primary);font-size:12px;font-weight:600}.search-result-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.search-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.34);border-top-color:currentColor;animation:search-spin .7s linear infinite}.search-feedback-loading .search-spinner{width:18px;height:18px;border-color:#0071e32e;border-top-color:var(--primary)}@keyframes search-spin{to{transform:rotate(360deg)}}.search-target-highlight{animation:search-target-flash 1.8s ease}@keyframes search-target-flash{0%{box-shadow:0 0 #0071e35c,var(--shadow-soft);border-color:#0071e347}50%{box-shadow:0 0 0 10px #0071e30f,var(--shadow-glow);border-color:#0071e375}to{box-shadow:var(--shadow-soft);border-color:var(--line)}}@media(min-width:768px){.search-actions-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;width:min(100%,600px)!important;margin:16px auto 0!important}.search-submit,.search-clear{width:auto!important;min-width:120px!important;flex:none!important}}@media(max-width:767px){.search-actions-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;width:100%!important;margin:0!important;align-items:stretch!important}.search-submit,.search-clear{width:100%!important;min-width:0!important;flex:none!important}.search-result-item{grid-template-columns:1fr;align-items:start}.search-result-meta{justify-items:start}.search-result-tags{justify-content:flex-start}}:root[data-theme=dark] .hero{background:radial-gradient(circle at right top,rgba(41,151,255,.16),transparent 30%),linear-gradient(180deg,#121214e6,#0c0c0ed1)}@media(min-width:641px){.hero-side-mobile-compact{align-content:center}}.spotlight-card{padding:24px;border-radius:30px;background:linear-gradient(180deg,#ffffffbd,#ffffff85)}.hero-showcase{position:relative;overflow:hidden}.hero-showcase:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(0,113,227,.2),transparent 70%)}.showcase-orbit{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.showcase-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#ffffff94;border:1px solid rgba(255,255,255,.42);color:var(--text);font-size:12px;font-weight:600}:root[data-theme=dark] .showcase-pill{background:#ffffff14;border-color:#ffffff1f}:root[data-theme=dark] .spotlight-card{background:linear-gradient(180deg,#242426e6,#1c1c1ed6)}.spotlight-card h3,.auth-copy h2{margin:0 0 8px;font-size:clamp(22px,3.5vw,30px);line-height:1.14}.spotlight-card p{margin:0;line-height:1.56;color:var(--text-muted)}.spotlight-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-chip{padding:16px 18px;border-radius:26px;background:var(--bg-elevated-strong);border:1px solid var(--line);width:100%;text-align:left;box-shadow:none}.metric-chip-button{display:grid;align-content:center;justify-items:center;gap:6px;min-height:156px;text-align:center}.metric-chip:hover{box-shadow:var(--shadow-card)}.metric-label{color:var(--text-soft);font-size:var(--stat-kicker-size);font-weight:600;letter-spacing:.04em}.metric-value{font-size:var(--stat-value-size);line-height:1;color:var(--metric-strong);text-shadow:0 1px 0 rgba(255,255,255,.18)}.metric-hint{color:var(--primary);font-size:12px;font-weight:600}.metric-chip strong{display:block;font-size:22px;line-height:1.1}.metric-chip span{color:var(--text-soft);font-size:13px}.section-lead{color:var(--text-soft);font-size:14px;line-height:1.5;max-width:360px;text-align:right}.section{margin-top:32px}.section-shell{padding:28px;border-radius:34px}.section-title-row,.panel-header,.admin-header,.site-head,.meta-row,.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title-row{margin-bottom:36px}.section-title-row>div{display:grid;gap:2px}.section h2,.panel h2,.admin-header h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.06}.section-eyebrow{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.notice-list,.site-list,.crud-list,.section-stack,.friend-list,.admin-grid,.stats-grid,.links-grid,.profile-grid{display:grid;gap:16px}.stats-grid,.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.links-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.links-grid-featured{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.site-card{position:relative;display:grid;gap:14px;min-height:100%;padding:24px;border-radius:30px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}.site-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%,transparent 72%,rgba(255,255,255,.08));opacity:.9}.site-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px #0f172a1f;border-color:#0071e31f}:root[data-theme=dark] .site-card:hover{box-shadow:0 24px 56px #00000052}.site-card.featured{background:linear-gradient(180deg,#ffffffd1,#ffffff9e)}:root[data-theme=dark] .site-card.featured{background:linear-gradient(180deg,#202022eb,#18181ad1)}.site-card-topline,.site-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.site-card-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.site-card p{margin:0;color:var(--text-muted);line-height:1.62}.site-card-meta-pill{display:inline-flex;align-items:center;min-height:30px;max-width:100%;padding:0 12px;border-radius:999px;background:#ffffff70;border:1px solid var(--line);color:var(--text);font-size:12px;font-weight:600}:root[data-theme=dark] .site-card-meta-pill{background:#ffffff0f}.site-card-meta-note{color:var(--text-soft);font-size:12px;font-weight:600}.site-card-url{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-inline-link{color:var(--primary);text-decoration:none;font-weight:600}.profile-inline-link:hover{color:var(--primary-hover);text-decoration:none}.meta{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line);background:#ffffff4d;color:var(--text-muted);font-size:12px}:root[data-theme=dark] .tag{background:#ffffff0a}.tag.hot{color:var(--primary);border-color:#0071e329;background:#0071e314}.link-button{min-width:124px;margin-top:auto;justify-self:start}@media(max-width:900px){.section-lead{max-width:none;text-align:left}}@media(max-width:640px){.section-lead{display:none}.site-card{padding:18px;border-radius:24px}.links-grid,.links-grid-featured{gap:12px}.link-button{width:100%;justify-self:stretch}}.links-grid-featured{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-grid{grid-template-columns:1.12fr .88fr}.notice,.site-card,.crud-item,.card,.panel,.info-card,.stat-card{padding:20px;border-radius:28px}.panel-spacious{padding-top:24px}.panel-header-spacious{margin-bottom:20px}.card,.stat-card{text-align:left}.stat-card-button{width:100%;text-align:left;box-shadow:var(--shadow-soft)}.stat-card-summary,.stat-card-button{display:grid;align-content:center;justify-items:center;min-height:192px;padding:22px 24px;text-align:center;border-radius:30px}.stat-card-body{display:grid;justify-items:center;align-content:center;gap:12px;min-height:122px;width:100%}.trend-summary-grid{margin-top:10px}.trend-summary-button{background:linear-gradient(180deg,#fffffff5,#ffffffd1);border:1px solid rgba(29,29,31,.08);box-shadow:0 16px 38px #0f172a11,inset 0 1px #ffffff85}.stat-card-button,.trend-summary-button{transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),border-color .28s ease,background .28s ease}.stat-card-button:hover,.trend-summary-button:hover{transform:translateY(-3px);box-shadow:0 20px 44px #0f172a14,0 0 0 1px #ffffff61 inset}.stat-card-button:hover{border-color:#0071e31f}.trend-summary-button:hover{border-color:#0071e329}.stat-card-body.is-key-stat{gap:10px}.stat-card-body.is-key-stat .value{font-size:clamp(42px,4.7vw,58px)}.stat-card-body.is-soft-accent .stat-note{color:var(--text-muted)}.stat-card-button.is-key-stat,.trend-summary-button.is-key-stat{background:linear-gradient(180deg,#fffffffa,#ffffffe0);border-color:#1d1d1f14}.stat-card-button.is-soft-accent,.trend-summary-button.is-soft-accent{background:linear-gradient(180deg,#f8fafceb,#fffc)}.stat-kicker{color:var(--text-soft);font-size:13px;font-weight:600;letter-spacing:.06em}.stat-value-center{margin:0;text-align:center}.stat-note{margin-top:0;color:var(--text-soft);font-size:13px;line-height:1.4}.stat-note-center{text-align:center}.compact-grid{margin-top:4px}.dashboard-split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.trend-card{display:grid;gap:16px;padding:10px 0 2px}.trend-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.trend-summary-head strong{display:block;font-size:18px;line-height:1.15;letter-spacing:-.03em}.trend-summary-head p{margin:6px 0 0;color:var(--text-muted);font-size:13px;line-height:1.55;max-width:480px}.trend-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:#0071e314;border:1px solid rgba(0,113,227,.1);color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.trend-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:12px;align-items:end;min-height:210px}.trend-bar-wrap{display:grid;gap:8px;justify-items:center}.trend-bar-track{display:flex;align-items:flex-end;width:100%;min-height:160px;padding:8px;border-radius:22px;background:linear-gradient(180deg,#ffffffb8,#ffffff57);border:1px solid rgba(29,29,31,.06)}.trend-bar{width:100%;min-height:18px;border-radius:16px 16px 10px 10px;background:linear-gradient(180deg,rgba(99,167,255,.88) 0%,var(--primary) 100%);box-shadow:inset 0 1px #ffffff59}.trend-axis-note{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:12px}.trend-bar-wrap span,.activity-item p{color:var(--text-soft);font-size:12px}.trend-bar-wrap strong{font-size:13px}.quick-actions-grid,.activity-list{display:grid;gap:12px}.quick-action-card{display:grid;gap:8px;justify-items:center;min-height:108px;padding:18px;border-radius:24px;background:var(--bg-elevated-strong);border:1px solid var(--line);color:var(--text)}.quick-action-card strong{font-size:24px;line-height:1.1}.activity-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-item strong{font-size:16px}.is-highlighted{border-color:#0071e36b!important;box-shadow:0 0 0 3px #0071e31f,var(--shadow-card)!important}.value{font-size:clamp(42px,4.7vw,58px);line-height:.95;font-weight:760;letter-spacing:-.05em;color:var(--metric-strong);margin-bottom:0}.notice,.site-card,.crud-item,.panel,.hero,.auth-copy,.auth-card,.top-nav{position:relative;overflow:hidden}.notice:after,.site-card:after,.crud-item:after,.panel:after,.hero:after,.auth-copy:after,.auth-card:after,.top-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 40%);pointer-events:none}:root[data-theme=dark] .notice:after,:root[data-theme=dark] .site-card:after,:root[data-theme=dark] .crud-item:after,:root[data-theme=dark] .panel:after,:root[data-theme=dark] .hero:after,:root[data-theme=dark] .auth-copy:after,:root[data-theme=dark] .auth-card:after,:root[data-theme=dark] .top-nav:after{background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 36%)}.site-card.featured{background:linear-gradient(180deg,#fffffff7,#ffffffdb);border-color:#0071e31f;box-shadow:0 24px 56px #0f172a1c,inset 0 1px #ffffff6b}.site-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.site-card-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 8px}.site-card-meta-pill{display:inline-flex;align-items:center;min-height:32px;max-width:100%;padding:0 12px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(29,29,31,.08);color:var(--text);font-size:12px;font-weight:600}.site-card-meta-note{color:var(--text-muted);font-size:12px;font-weight:600}.site-card-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-card-kicker{color:var(--text-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.site-card{display:flex;flex-direction:column;gap:14px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;min-height:100%;padding:24px}.site-card>*{position:relative;z-index:1}.site-card .site-head strong{letter-spacing:-.03em}.site-card.featured .site-head strong{font-size:clamp(22px,2.4vw,26px)}.site-card .site-head .label{padding:0;min-height:auto;border:0;border-radius:0;background:transparent;color:var(--text-soft);font-size:12px;font-weight:600}.site-card p{margin:0;color:var(--text-muted)}.site-card.featured p{color:var(--text)}.site-card .meta{display:flex;gap:8px;align-items:center}.site-card .tag{background:#0071e317;border:1px solid rgba(0,113,227,.08)}.link-button{margin-top:auto;align-self:flex-start;min-width:136px}.panel{overflow:visible}.site-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:#0071e329}.site-card.featured:hover{transform:translateY(-6px);box-shadow:0 28px 72px #0f172a24,inset 0 1px #ffffff7a}:root[data-theme=dark] .site-card.featured{background:linear-gradient(180deg,#1e1e20f5,#18181ad1)}:root[data-theme=dark] .site-card-meta-pill{background:#ffffff0f;border-color:#ffffff14}:root[data-theme=dark] .site-card .tag{background:#ffffff12;border-color:#ffffff0f}.site-card p,.notice p,.crud-item p,.panel p,.info-card p{line-height:1.7}.site-head strong,.crud-item strong,.notice strong,.friend-list a,.auth-copy h2{font-size:clamp(18px,2vw,20px);line-height:1.2}.meta{flex-wrap:wrap;font-size:13px}.tag,.chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:var(--radius-pill);font-size:13px;font-weight:600}.tag{background:#0071e31f;color:var(--primary)}.site-card.featured .tag.hot{background:#0071e31a;color:var(--primary)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip.active{background:var(--primary);color:#fff;border-color:transparent}.link-button,.primary-cta{width:fit-content;min-width:128px}.empty{padding:46px 22px;text-align:center;color:var(--text-soft);border-radius:28px;border:1px dashed var(--line-strong)}.auth-shell{display:grid;place-items:center;padding:24px}.auth-page{width:min(1160px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;align-items:stretch}.auth-copy,.auth-card{border-radius:40px;padding:34px}.auth-copy{background:linear-gradient(180deg,#000000eb,#1c1c1ef0);color:#fff;display:grid;align-content:space-between;gap:24px}.auth-copy p{color:#ffffffb3}.auth-card{display:grid;gap:14px;background:var(--bg-elevated-strong)}.auth-card h1{margin:0;font-size:clamp(36px,5vw,50px);line-height:1.05}.auth-card .hint,.auth-card .sub{margin:0}.animated-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(122,92,255,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(0,113,227,.22),transparent 30%),linear-gradient(180deg,#eef5ff,#f7f7fb 45%,#f2f4ff)}.animated-login-stage{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:stretch}.animated-login-visual,.animated-login-form{border-radius:40px;box-shadow:0 30px 90px #1a2b521f}.animated-login-visual{position:relative;overflow:hidden;padding:36px;color:#fff;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 80% 12%,rgba(255,212,128,.18),transparent 22%),linear-gradient(160deg,#6c63ff,#7a5cff 40%,#5b7cfa);display:grid;align-content:space-between;gap:18px}.animated-login-logo{width:fit-content;padding:8px 16px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.2);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.animated-login-copy{position:relative;z-index:2;display:grid;gap:12px}.animated-login-copy h1{margin:0;font-size:clamp(40px,5vw,58px);line-height:.96;letter-spacing:-.05em}.animated-login-copy p{margin:0;max-width:420px;color:#ffffffd1;line-height:1.7}.section-eyebrow.light{color:#ffffffbf}.character-scene{position:relative;min-height:420px;display:grid;place-items:center;isolation:isolate}.character-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 68%);filter:blur(8px);animation:character-float 5s ease-in-out infinite}.character-card{position:relative;width:260px;display:grid;justify-items:center;gap:0;z-index:1}.character-head{position:relative;width:188px;height:188px}.character-face{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:46% 46% 44% 44%;background:#ffd9b3;box-shadow:inset 0 -10px #ebb68a80}.character-hair{position:absolute;top:0;width:96px;height:120px;background:#2a1e5c;border-radius:56px 56px 28px 28px}.character-hair.hair-left{left:12px;transform:rotate(-12deg)}.character-hair.hair-right{right:12px;transform:rotate(12deg)}.character-hair:after{content:"";position:absolute;top:20px;right:18px;bottom:-2px;left:18px;background:#2a1e5c;border-radius:40px}.character-brows,.character-eyes{position:absolute;left:50%;transform:translate(-50%);width:108px;display:flex;justify-content:space-between}.character-brows{top:48px}.character-brows span{width:28px;height:6px;border-radius:999px;background:#3a2b6a}.character-eyes{top:70px}.eye{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;transform-origin:center;animation:eye-blink 4.5s infinite}.eye i{width:12px;height:12px;border-radius:50%;background:#1f1f1f;transform:translate(0);transition:transform .25s ease}.character-blush{position:absolute;top:104px;width:18px;height:10px;border-radius:999px;background:#ff85a259}.blush-left{left:30px}.blush-right{right:30px}.character-mouth{position:absolute;left:50%;bottom:28px;width:28px;height:14px;border-radius:0 0 24px 24px;border:4px solid #9b4b53;border-top:0;transform:translate(-50%);transition:all .2s ease}.character-arms{position:absolute;inset:auto 0 8px;display:flex;justify-content:space-between;padding:0 4px}.arm{width:58px;height:78px;border-radius:999px;background:#ffd9b3;transform-origin:top center;transition:transform .25s ease;box-shadow:inset 0 -8px #ebb68a66}.arm.left{transform:rotate(18deg) translateY(6px)}.arm.right{transform:rotate(-18deg) translateY(6px)}.character-body{width:214px;height:140px;margin-top:-18px;border-radius:48px 48px 26px 26px;background:linear-gradient(180deg,#ffd56f,#ffba49);box-shadow:inset 0 -14px #ea922f59}.character-scene.has-text .eye i,.character-scene.is-looking .eye i{transform:translate(6px)}.character-scene.is-password .arm.left{transform:rotate(-18deg) translate(18px,-34px)}.character-scene.is-password .arm.right{transform:rotate(18deg) translate(-18px,-34px)}.character-scene.is-password .character-mouth{width:22px;height:22px;border-radius:50%;border:0;background:#9b4b53}.character-scene.is-loading .character-card{animation:character-wiggle .8s ease-in-out infinite}.animated-login-form{padding:36px 34px;background:#ffffffdb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.75);display:grid;align-content:center;gap:18px}.form-header{display:grid;gap:10px}.form-header h2{margin:0;font-size:clamp(34px,4vw,46px);line-height:1.04;letter-spacing:-.04em}.form-header p:last-child{margin:0;color:var(--text-muted)}.animated-field{display:grid;gap:10px}.animated-field>span{font-size:13px;font-weight:700;color:var(--text-muted)}.animated-field input{min-height:56px;border-radius:20px;padding:0 18px;background:#ffffffe6}.password-wrap{position:relative}.password-wrap input{padding-right:88px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);min-height:40px;padding:0 14px;background:transparent;color:var(--primary);border:0;box-shadow:none}.password-toggle:hover{transform:translateY(-50%);box-shadow:none}.animated-submit{min-height:56px;border-radius:20px;background:linear-gradient(135deg,#6c63ff,#4d7df3);font-weight:700;font-size:16px;box-shadow:0 16px 36px #5c64ff47}.auth-error{margin-bottom:0}@keyframes eye-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes character-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes character-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}:root[data-theme=dark] .animated-login-shell{background:radial-gradient(circle at top left,rgba(122,92,255,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(0,113,227,.24),transparent 30%),linear-gradient(180deg,#06070b,#0d1020 48%,#111327)}:root[data-theme=dark] .animated-login-form{background:#141418e0;border-color:#ffffff14}:root[data-theme=dark] .animated-field input{background:#1e1e22eb}@media(max-width:980px){.animated-login-stage{grid-template-columns:1fr}.animated-login-visual,.animated-login-form{padding:28px}.character-scene{min-height:340px}}@media(max-width:640px){.animated-login-shell{padding:14px}.animated-login-visual,.animated-login-form{border-radius:28px;padding:22px}.character-card{transform:scale(.88)}.character-scene{min-height:280px}}.admin-shell{width:min(1460px,calc(100% - 24px));margin:0 auto;padding:12px 0 32px}.admin-topbar{display:none;position:sticky;top:10px;z-index:15;margin-bottom:12px;padding:12px 16px;border-radius:24px}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:94px}.admin-page{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.sidebar{position:sticky;top:12px;align-self:start;padding:24px;border-radius:34px;display:grid;gap:12px;max-height:calc(100vh - 24px);overflow:auto}.sidebar h2{margin:0 0 8px;font-size:30px;line-height:1.06}.nav-btn{width:100%;justify-content:flex-start;text-align:left;min-height:48px}.nav-btn.active{background:var(--primary);color:#fff;border-color:transparent}.admin-main{padding:30px;border-radius:38px}.admin-header{margin-bottom:18px}.admin-header p{margin:10px 0 0}.success-text,.error-text{margin:0 0 14px;padding:14px 18px;border-radius:20px;font-size:14px}.success-text{color:var(--success);background:#1f9d551a;border:1px solid rgba(31,157,85,.14)}.error-text{color:var(--danger);background:#d92d2014;border:1px solid rgba(217,45,32,.14)}.crud-section,.stack-form{display:grid;gap:18px}.hidden-file-input{display:none}.settings-avatar-block{padding:22px}.settings-avatar-layout{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.settings-avatar-preview{width:92px;height:92px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#0a84ff,#5ac8fa);color:#fff;font-size:34px;font-weight:700;box-shadow:0 12px 30px #0a84ff3d}.settings-avatar-image{width:100%;height:100%;object-fit:cover;display:block}.settings-avatar-actions{display:grid;gap:10px;justify-items:start}.settings-avatar-stage{display:grid;gap:20px}.settings-avatar-shell{position:relative;display:grid;gap:20px;padding:24px;border-radius:30px;border:1px solid rgba(0,113,227,.12);background:linear-gradient(180deg,#ffffffa8,#ffffff80),radial-gradient(circle at top right,rgba(0,113,227,.12),transparent 42%);box-shadow:inset 0 1px #ffffffb3;overflow:hidden}.settings-avatar-shell.is-dragging{border-color:#0071e366;box-shadow:0 0 0 4px #0071e31f,var(--shadow-card);transform:translateY(-1px)}.settings-avatar-shell.has-crop{padding-bottom:28px}.settings-avatar-preview.is-large{width:116px;height:116px}.avatar-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0071e31f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2}.avatar-drop-overlay span{padding:14px 20px;border-radius:999px;background:#ffffffdb;color:var(--text);font-weight:600;box-shadow:var(--shadow-card)}.avatar-crop-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,320px);gap:18px;align-items:start}.avatar-crop-panel,.avatar-crop-sidecard{display:grid;gap:14px}.avatar-crop-viewport{position:relative;width:min(100%,360px);aspect-ratio:1;margin:0 auto;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#0f172ae6,#0f172ab8);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-image{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:contain;transform-origin:center center;will-change:transform}.avatar-crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 42%,rgba(7,10,18,.68) 43%);pointer-events:none}.avatar-crop-frame{position:absolute;width:68%;height:68%;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;border:2px solid rgba(255,255,255,.92);box-shadow:0 0 0 999px #ffffff05,inset 0 0 0 1px #fff3;pointer-events:none}.avatar-crop-toolbar,.avatar-slider-field{display:grid;gap:10px}.avatar-slider-field span,.avatar-crop-meta,.avatar-crop-mini-head strong,.avatar-status-hint{color:var(--text)}.avatar-slider-field input[type=range]{padding:0;min-height:auto;background:transparent;box-shadow:none}.avatar-crop-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-muted)}.avatar-crop-sidecard{padding:18px;border-radius:26px;background:#ffffff8a;border:1px solid rgba(29,29,31,.08);box-shadow:inset 0 1px #ffffffb3;justify-items:center;text-align:center}.avatar-crop-mini-head{display:grid;gap:6px}.avatar-crop-mini-preview{width:124px;height:124px}.enhanced-avatar-actions{gap:14px}.avatar-actions-row{display:flex;flex-wrap:wrap;gap:10px}.avatar-actions-copy{display:grid;gap:8px}.avatar-status-hint{margin:0;padding:12px 14px;border-radius:18px;background:#0071e30f;border:1px solid rgba(0,113,227,.08);color:var(--text-muted)}.avatar-status-hint.ready{color:var(--success);background:#1f9d5514;border-color:#1f9d5529}.action-toast{position:sticky;top:18px;z-index:25;display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:14px 18px;border-radius:22px;border:1px solid transparent;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 18px 42px #0f172a1f;opacity:0;transform:translateY(-14px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .28s ease}.action-toast.is-visible{opacity:1;transform:translateY(0) scale(1)}.action-toast.success{background:#ffffffd6;border-color:#1f9d552e}.action-toast.error{background:#ffffffd6;border-color:#d92d2029}.action-toast-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);flex:0 0 34px}.action-toast.error .action-toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-toast p{margin:4px 0 0;color:var(--text-muted);font-size:13px}@media(max-width:767px){.settings-avatar-layout{grid-template-columns:1fr;justify-items:center}.settings-avatar-actions{justify-items:center;text-align:center}.settings-avatar-shell{padding:18px}.avatar-crop-layout{grid-template-columns:1fr}.avatar-crop-viewport{width:min(100%,300px)}.avatar-actions-row{width:100%;display:grid;grid-template-columns:1fr}.avatar-actions-row button{width:100%}}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:center}.inline-form label,.toggle-field{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:18px;border:1px solid var(--line);background:#ffffff6b}:root[data-theme=dark] .inline-form label,:root[data-theme=dark] .toggle-field{background:#1c1c1ec7}.inline-form input[type=checkbox],.toggle-field input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}.item-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.item-actions button{min-width:88px}.friend-list{list-style:none;margin:0;padding:0}.friend-list li{display:grid;gap:6px;padding:16px 0;border-bottom:1px solid var(--line)}.friend-list li:last-child{border-bottom:0;padding-bottom:0}.profile{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.avatar{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0a84ff,#5ac8fa);color:#fff;font-size:28px;font-weight:700;box-shadow:0 12px 30px #0a84ff3d}.avatar-image-shell{overflow:hidden;background:transparent}.avatar-static-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.mobile-nav-overlay{display:none}.mobile-nav-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000047;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav-panel{position:absolute;top:18px;right:12px;left:12px;padding:20px;border-radius:28px;display:grid;gap:10px}.mobile-nav-panel .nav-btn{width:100%}.fade-in-up{animation:fadeInUp .7s ease both}.fade-delay-1{animation-delay:.08s}.fade-delay-2{animation-delay:.16s}.fade-delay-3{animation-delay:.24s}.fade-delay-4{animation-delay:.32s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.hero,.auth-page,.profile-grid,.admin-page{grid-template-columns:1fr}.sidebar{display:none}.admin-topbar{display:flex;align-items:center;justify-content:space-between}.top-nav{padding:0 14px}}@media(max-width:900px){.page{width:min(var(--max-width),calc(100% - 24px))}.stats-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight-metrics{grid-template-columns:1fr 1fr}.dashboard-split{grid-template-columns:1fr}.trend-summary-head,.trend-axis-note{flex-direction:column;align-items:flex-start}.hero-product-strip{grid-template-columns:1fr}.hero-caption-band{grid-template-columns:1fr;gap:12px}.hero-caption-divider{width:100%;height:1px}.hero{grid-template-columns:1fr;gap:18px;padding:32px 30px}.hero-copy{gap:16px;padding:2px 0}.hero-copy h1{font-size:clamp(42px,8vw,68px);max-width:8.2em}.hero-copy p{max-width:100%;font-size:16px;line-height:1.62}.hero-actions{gap:10px;padding-top:2px}.hero-search-shell,.admin-main,.panel,.auth-copy,.auth-card,.section-shell{padding:22px;border-radius:28px}.top-nav-links-centered{display:flex;justify-content:center;width:100%;gap:4px;padding:3px 34px 3px 3px;border-radius:999px}.top-nav-links{display:flex}.top-nav-link{min-height:30px;padding:0 10px;font-size:12px}.page{padding-top:6px}}@media(max-width:640px){body{background:radial-gradient(circle at top center,rgba(0,113,227,.08),transparent 32%),linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg) 18%,var(--bg) 100%)}.page,.admin-shell{width:calc(100% - 20px)}.page{gap:14px;padding-bottom:46px}.top-nav{min-height:44px;justify-content:center;border-radius:18px;padding:10px 12px;margin-bottom:10px;background:#ffffffbd;box-shadow:0 10px 24px #0f172a0d}:root[data-theme=dark] .top-nav{background:#161618d1}.top-nav-brand{min-width:0;gap:7px;font-size:13px;letter-spacing:-.02em}.top-nav-brand span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{gap:14px;padding:24px 20px;border-radius:30px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.7),transparent 24%),radial-gradient(circle at 88% 12%,rgba(0,113,227,.1),transparent 32%),linear-gradient(180deg,#ffffffdb,#ffffffad)}.hero-copy{gap:14px;align-content:start;padding:0}.hero-copy-main{gap:8px}.hero-copy h1{margin-top:4px;font-size:clamp(34px,10.4vw,48px);line-height:.96;max-width:100%;letter-spacing:-.05em}.hero-copy p{max-width:100%;font-size:14px;line-height:1.62}.hero-badge{min-height:28px;padding:0 12px;font-size:10px;letter-spacing:.1em}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.primary-cta,.hero-actions .secondary,.quick-link{width:100%;min-width:0;min-height:44px;padding:0 16px}.quick-link{grid-column:1 / -1}.hero-side{gap:10px}.hero-search-shell{gap:14px;padding:18px;border-radius:24px}.hero-search-copy{gap:6px}.hero-search-copy strong{font-size:18px;line-height:1.2}.search-box-desktop-elevated{padding:12px;border-radius:22px}.mobile-quick-nav{position:fixed;right:8px;top:92px;z-index:45;display:grid;justify-items:end;gap:8px;width:auto;margin-top:0;opacity:.34;transition:opacity .22s ease,transform .22s ease}.mobile-quick-nav:active,.mobile-quick-nav:hover,.mobile-quick-nav:focus-within{opacity:.92}.mobile-quick-nav.collapsed{gap:0}.mobile-quick-toggle{width:32px;min-width:32px;min-height:32px;padding:0;border-radius:999px;background:#ffffff6b;color:var(--text);border:1px solid rgba(255,255,255,.24);box-shadow:0 8px 18px #0f172a09;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.mobile-quick-toggle span{font-size:16px;line-height:1}:root[data-theme=dark] .mobile-quick-toggle{background:#ffffff14;border-color:#ffffff14;box-shadow:0 8px 18px #00000029}.mobile-quick-nav-row{display:flex;flex-direction:column;gap:6px;padding:7px;border-radius:18px;background:#ffffff6b;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 24px #0f172a09;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px)}.mobile-quick-nav-row::-webkit-scrollbar{display:none}:root[data-theme=dark] .mobile-quick-nav-row{background:#16161880;border-color:#ffffff0d;box-shadow:0 14px 28px #0003}.mobile-quick-pill{width:auto;min-width:52px;min-height:30px;padding:0 10px;border-radius:999px;background:#ffffff6b;color:var(--text);border:1px solid rgba(255,255,255,.22);box-shadow:0 6px 14px #0f172a06,inset 0 1px #ffffff57;scroll-snap-align:start;font-size:12px;font-weight:500;letter-spacing:-.01em}.mobile-quick-pill-primary{background:linear-gradient(180deg,#0071e3cc,#0071e3b3);color:#fff;border-color:#0071e324;box-shadow:0 8px 18px #0071e324}:root[data-theme=dark] .mobile-quick-pill{background:#ffffff0b;border-color:#ffffff0d;box-shadow:0 8px 18px #00000024,inset 0 1px #ffffff09}.top-nav-mark{width:22px;height:22px;font-size:11px}.hero{position:relative;overflow:hidden;padding:20px 14px 16px;border-radius:28px;gap:12px;background:linear-gradient(180deg,#ffffffe6,#ffffffad);box-shadow:0 20px 42px #0f172a14}:root[data-theme=dark] .hero{background:linear-gradient(180deg,#1c1c1eeb,#121214d1)}.hero:before{content:"";position:absolute;inset:-18% auto auto 50%;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#0071e333,#0071e300);pointer-events:none;filter:blur(6px)}.hero:after{content:"";position:absolute;inset:auto -12% -24% auto;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#5ac8fa1f,#5ac8fa00);pointer-events:none;filter:blur(8px)}.hero>*{position:relative;z-index:1}.hero-copy{gap:12px}.hero-copy-main{display:grid;gap:9px}.hero-badge{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:0 12px;border-radius:999px;font-size:11px;letter-spacing:.14em;color:#1d1d1fb8;background:#ffffffb8;border:1px solid rgba(255,255,255,.52);box-shadow:inset 0 1px #ffffffa6}:root[data-theme=dark] .hero-badge{background:#ffffff14;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff14}.hero-copy h1{font-size:28px;line-height:1.06;letter-spacing:-.055em;max-width:11ch}.hero-copy p{font-size:14px;line-height:1.52;color:var(--text-muted);max-width:26ch}.hero{grid-template-columns:1fr;gap:10px;padding:16px 16px 12px;border-radius:24px}.hero-copy{gap:10px}.hero-copy-main{display:grid;gap:7px}.hero-copy h1{margin:6px 0 8px;max-width:10.5ch}.hero-copy p{max-width:24ch}.hero-actions,.section-title-row,.panel-header,.site-head,.admin-header{flex-direction:column;align-items:flex-start}.hero-actions{gap:6px}.primary-cta,.quick-link,.search-box button,.secondary,.link-button,.mobile-nav-toggle{width:100%;min-height:46px;border-radius:17px}.primary-cta{box-shadow:0 14px 28px #0071e338}.primary-cta:active,.link-button:active,.quick-link:active,.secondary:active{transform:scale(.98)}.secondary{justify-content:center}.hero-footnotes{display:none}.hero-side{gap:0}.hero-side-mobile-compact{margin-top:-2px}.spotlight-card{padding:16px;border-radius:20px}.hero-showcase,.spotlight-metrics{display:none}.metric-chip{padding:12px;border-radius:18px;background:linear-gradient(180deg,#ffffffc7,#ffffff94);border:1px solid rgba(255,255,255,.42);box-shadow:0 8px 22px #0f172a0a,inset 0 1px #ffffff9e}:root[data-theme=dark] .metric-chip{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-color:#ffffff14;box-shadow:0 8px 22px #0003,inset 0 1px #ffffff0d}.metric-chip-button{min-height:118px;gap:5px}.metric-label,.metric-hint,.metric-chip span{font-size:11px}.metric-value{font-size:26px;line-height:1}.search-box{width:100%;display:grid;grid-template-columns:1fr;gap:8px;margin-top:0;padding:12px;border-radius:20px;background:linear-gradient(180deg,#ffffffd6,#ffffffa8);box-shadow:0 10px 22px #0f172a0a}:root[data-theme=dark] .search-box{background:linear-gradient(180deg,#1c1c1eeb,#1c1c1ecc)}.search-box input{min-height:42px;font-size:14px}.section{margin-top:12px}#content-start.section,#featured-section.section,.hero+.section{margin-top:10px}.section-shell,.panel,.auth-copy,.auth-card,.admin-main,.sidebar{padding:14px;border-radius:20px;box-shadow:0 10px 30px #0f172a0d}.panel-spacious{padding-top:16px;background:linear-gradient(180deg,#ffffffd6,#ffffffad)}:root[data-theme=dark] .panel-spacious{background:linear-gradient(180deg,#1c1c1ee0,#141416d1)}.panel-header-spacious,.section-title-row{margin-bottom:14px}.section-eyebrow{margin-bottom:5px;font-size:10px;letter-spacing:.12em}.section h2,.panel h2,.admin-header h1{font-size:22px;line-height:1.14;letter-spacing:-.04em}.notice,.site-card,.crud-item,.card,.stat-card{padding:16px;border-radius:22px;box-shadow:0 12px 26px #0f172a0d}.site-card{position:relative;gap:12px;overflow:hidden;background:linear-gradient(180deg,#ffffffe0,#ffffffb3);border:1px solid rgba(255,255,255,.42)}.site-card:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,#fffc,#fff0);pointer-events:none}:root[data-theme=dark] .site-card{background:linear-gradient(180deg,#ffffff0f,#ffffff09)}.site-head strong,.crud-item strong,.notice strong,.friend-list a{font-size:17px;letter-spacing:-.02em}.site-card p,.notice p,.profile p,.friend-list span{font-size:13px;line-height:1.55}.site-card-meta-row{gap:8px;align-items:flex-start;padding-top:2px;padding-bottom:2px}.site-card-meta-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffff94;border-color:#ffffff6b}:root[data-theme=dark] .site-card-meta-pill{background:#ffffff0f;border-color:#ffffff14}.meta,.label,.hint,.sub,.site-card-meta-note{font-size:11px}.stats-grid,.admin-grid,.spotlight-metrics,.links-grid,.profile-grid{grid-template-columns:1fr}.links-grid,.section-stack,.friend-list,.notice-list{gap:12px}.chips{gap:8px;margin-top:-2px;padding-bottom:2px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin-left:-2px;margin-right:-2px;padding-right:2px}.chip{flex:0 0 auto;scroll-snap-align:start;background:linear-gradient(180deg,#ffffffd1,#ffffff9e);border-color:#ffffff70;box-shadow:0 6px 16px #0f172a08,inset 0 1px #ffffff9e}:root[data-theme=dark] .chip{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d}.chip,.tag{min-height:32px;padding:0 13px;font-size:12px}.tag{background:#ffffff9e;border-color:#ffffff6b}:root[data-theme=dark] .tag{background:#ffffff0d;border-color:#ffffff14}.profile{grid-template-columns:1fr;gap:12px}.avatar{width:52px;height:52px;font-size:21px}.auth-shell{padding:10px}.auth-page{gap:10px}.auth-copy{display:none}.auth-card{padding:22px 18px}.auth-card h1{font-size:32px}.admin-topbar{top:8px;padding:10px 12px;border-radius:20px;box-shadow:0 10px 28px #0f172a0f}.admin-topbar strong{font-size:14px}.mobile-nav-panel{top:12px;right:10px;left:10px;padding:16px;border-radius:20px}.fade-in-up,.fade-delay-1,.fade-delay-2,.fade-delay-3,.fade-delay-4{animation:none}}.hero-copy-main h1{line-height:1.15;letter-spacing:-.03em}#profile-section .avatar{margin:32px auto 24px;display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 8px 24px #0077e340;border:3px solid rgba(255,255,255,.8);transition:transform .25s ease,box-shadow .25s ease}#profile-section .avatar-text{font-size:36px;font-weight:700;color:#fff;margin:0;padding:0;text-align:center}#profile-section .avatar:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 32px #0077e359}