@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&display=swap";:root{--gold: #b8902e;--gold-dark: #977325;--gold-light: #e7c595;--gold-tint: #f6eedd;--ink: #17151f;--white: #ffffff;--text-primary: #1a1826;--text-secondary: #5c5a68;--text-muted: #8a8896;--text-faint: #b3b1bd;--screen: #faf8f3;--surface: #ffffff;--surface-alt: #f3f0e9;--border: #ece7dd;--divider: #f1ede5;--success: #1fa463;--danger: #e5484d;--star: #eb9f19;--c-gold: #b8902e;--c-indigo: #6366f1;--c-green: #22c55e;--c-blue: #3b82f6;--c-coral: #ff6b6b;--c-purple: #a855f7;--c-orange: #f59e0b;--c-pink: #ec4899;--c-teal: #14b8a6;--c-sky: #0ea5e9;--grad-hero: linear-gradient(120deg, #2a2320 0%, #6b4f1f 46%, #b8902e 100%);--grad-gold: linear-gradient(120deg, #d9b25a 0%, #b8902e 60%, #977325 100%);--grad-auth: linear-gradient(150deg, #faf8f3 0%, #f3ece0 45%, #efe6f2 100%);--glass: rgba(250, 248, 243, .82);--btn-primary: #17151f;--btn-primary-text: #ffffff;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 20px;--sp-2xl: 24px;--sp-3xl: 32px;--sp-4xl: 48px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--shadow-subtle: 0 1px 2px rgba(20, 18, 30, .04), 0 4px 12px rgba(20, 18, 30, .05);--shadow-card: 0 1px 2px rgba(20, 18, 30, .05), 0 10px 30px rgba(20, 18, 30, .08);--shadow-lg: 0 8px 24px rgba(20, 18, 30, .1), 0 24px 60px rgba(20, 18, 30, .14);--ring: 0 0 0 3px rgba(184, 144, 46, .28);--sidebar-w: 268px;--header-h: 68px;--bottomnav-h: 66px;--content-max: 1180px;--font-sans: "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}:root[data-theme=dark]{--gold-tint: #2a2317;--text-primary: #f3f2f7;--text-secondary: #c3c2cd;--text-muted: #918f9d;--text-faint: #6a6877;--screen: #121118;--surface: #1b1a24;--surface-alt: #24222f;--border: #302e3c;--divider: #29273400;--glass: rgba(18, 17, 24, .72);--btn-primary: #e7c595;--btn-primary-text: #1a1613;--grad-hero: linear-gradient(120deg, #1a1712 0%, #4a3818 48%, #b8902e 120%);--grad-auth: linear-gradient(150deg, #16151c 0%, #1d1a26 50%, #171b24 100%);--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 14px 36px rgba(0, 0, 0, .45);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden;max-width:100%}body{margin:0;font-family:var(--font-sans);color:var(--text-primary);background:var(--screen);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-.005em}h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.12}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit}::selection{background:var(--gold-tint);color:var(--gold-dark)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.grid{display:grid;gap:clamp(14px,2vw,22px);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.muted{color:var(--text-muted)}.center{text-align:center}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 720px){.hero-art{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-alt);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 60%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rise{animation:riseIn .4s ease both}.shell{min-height:100%;display:flex;background:var(--screen)}.sidebar{width:var(--sidebar-w);flex-shrink:0;border-right:1px solid var(--border);padding:var(--sp-2xl) var(--sp-md) var(--sp-xl);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:3px;background:var(--surface)}.sidebar .brand{display:flex;align-items:center;gap:11px;padding:4px 12px 22px;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.02em}.navlink{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:var(--r-md);color:var(--text-secondary);font-weight:600;font-size:14.5px;transition:background .15s ease,color .15s ease,transform .05s ease}.navlink:hover{background:var(--surface-alt);color:var(--text-primary)}.navlink:active{transform:translateY(1px)}.navlink.active{color:var(--gold-dark);font-weight:700}.navlink .ico{width:21px;height:21px;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,40px);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--glass);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);z-index:10}.topbar .title{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:-.02em}.content{flex:1;padding:clamp(20px,3vw,34px) 0 calc(var(--sp-4xl) + var(--bottomnav-h))}.bottomnav{display:none;position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--glass);border-top:1px solid var(--border);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);z-index:20}.bottomnav .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:11px;font-weight:600}.bottomnav .tab.active{color:var(--gold-dark)}.avatar{width:38px;height:38px;border-radius:var(--r-pill);background:var(--grad-gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;overflow:hidden;box-shadow:var(--shadow-subtle)}.sf-card--hover{transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.sf-card--hover:hover{box-shadow:var(--shadow-card);transform:translateY(-3px);border-color:color-mix(in srgb,var(--gold) 30%,var(--border))}@media (max-width: 860px){.sidebar{display:none}.bottomnav{display:flex}.content{padding-top:var(--sp-lg)}}