@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--sidebar-width:160px}@media (max-width:768px){:root{--sidebar-width:0px}}*{margin:0;padding:0;box-sizing:border-box}input::placeholder,select::placeholder,textarea::placeholder{color:#b8c5da!important;opacity:.6!important;font-weight:300!important;letter-spacing:.01em!important;transition:opacity .3s ease!important}input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b8c5da!important;opacity:.6!important;font-weight:300!important;letter-spacing:.01em!important}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#b8c5da!important;opacity:.6!important;font-weight:300!important;letter-spacing:.01em!important}input:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#b8c5da!important;opacity:.6!important;font-weight:300!important;letter-spacing:.01em!important}input:focus::placeholder,textarea:focus::placeholder{opacity:.3!important}select{color:#1e293b!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem!important}select option{background:#ffffff;color:#1e293b}select:invalid{color:#7b86a3!important}:root,[data-theme=light]{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--color-primary-500:#7398e6;--color-primary-600:#5d8bd8;--color-primary-700:#5b8def;--color-primary-800:#213a61;--color-purple-500:#6B7BC5;--color-purple-600:#5A6FAE;--color-text-primary:#213a61;--color-text-secondary:#6a8abf;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-text-white:#ffffff;--color-bg-primary:#f4f9ff;--color-bg-secondary:#e7f1ff;--color-bg-tertiary:#f8fafc;--color-bg-white:#ffffff;--color-bg-card:#ffffff;--color-bg-overlay:rgba(255,255,255,0.85);--color-bg-hover:rgba(183,220,255,0.2);--color-border-light:#e3ebf5;--color-border-default:#e2e8f0;--color-border-medium:#cbd5e1;--color-border-focus:#6a8abf;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#7398e6,#5d8bd8);--gradient-background:linear-gradient(180deg,rgba(255,255,255,0.95),rgba(240,248,255,0.9));--gradient-card:linear-gradient(135deg,#f0f7ff,#e7f1ff);--gradient-header:linear-gradient(135deg,#5d8bd8,#7398e6 50%,#89a6f2);--gradient-accent-btn:linear-gradient(135deg,#ff6b35,#f7931e);--gradient-body:radial-gradient(ellipse at 20% 0%,rgba(183,220,255,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(255,214,232,0.1) 0%,transparent 40%),radial-gradient(ellipse at 40% 80%,rgba(212,240,212,0.08) 0%,transparent 50%),linear-gradient(180deg,#f0f7ff,#f8fbff 50%,#fff0f8);--container-max-width:1440px;--sidebar-width:200px;--navbar-height:56px;--grid-gutter:24px;--radius-sm:6px;--radius-default:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-default:0 2px 8px rgba(114,150,224,0.08);--shadow-md:0 4px 12px rgba(114,150,224,0.12);--shadow-lg:0 8px 24px rgba(114,150,224,0.15);--shadow-xl:0 12px 32px rgba(114,150,224,0.2);--shadow-glow:0 0 40px rgba(183,220,255,0.08);--transition-fast:0.15s ease;--transition-default:0.2s ease;--transition-slow:0.3s ease;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-notification:80;--z-max:100;--snow-opacity:0.25;--snow-color:rgba(223,233,255,0.5)}[data-theme=dark]{--color-primary-500:#8ab4f8;--color-primary-600:#6d9ef5;--color-primary-700:#5b8def;--color-primary-800:#a8c7fa;--color-purple-500:#9ba8d8;--color-purple-600:#8494c7;--color-text-primary:#e7e9ea;--color-text-secondary:#8899a6;--color-text-tertiary:#71767b;--color-text-muted:#536471;--color-text-white:#ffffff;--color-bg-primary:#0f1419;--color-bg-secondary:#1a1f26;--color-bg-tertiary:#22282f;--color-bg-white:#1a1f26;--color-bg-card:#1e2732;--color-bg-overlay:rgba(0,0,0,0.85);--color-bg-hover:rgba(255,255,255,0.08);--color-border-light:#2f3336;--color-border-default:#38444d;--color-border-medium:#4a5568;--color-border-focus:#8ab4f8;--gradient-primary:linear-gradient(135deg,#5c4b8a,#4a6fa5);--gradient-background:linear-gradient(180deg,rgba(30,39,50,0.95),rgba(15,20,25,0.9));--gradient-card:linear-gradient(135deg,#1e2732,#22282f);--gradient-header:linear-gradient(135deg,#4a3d6e,#5c4b8a 50%,#4a6fa5);--gradient-accent-btn:linear-gradient(135deg,rgba(108,92,158,0.7),rgba(74,111,165,0.7));--gradient-body:radial-gradient(ellipse at 20% 0%,rgba(61,90,128,0.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(138,180,248,0.08) 0%,transparent 40%),linear-gradient(180deg,#0f1419,#15191e 50%,#1a1f26);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-default:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--shadow-xl:0 12px 32px rgba(0,0,0,0.7);--shadow-glow:0 0 40px rgba(138,180,248,0.1);--snow-opacity:0.15;--snow-color:rgba(255,255,255,0.3)}[data-theme=craft]{--color-primary-500:#b8a9c9;--color-primary-600:#a799bb;--color-primary-700:#9589ad;--color-primary-800:#6b5b7a;--color-purple-500:#a7c4bc;--color-purple-600:#96b5ac;--color-accent:#f4b8c5;--color-text-primary:#5c4a3d;--color-text-secondary:#8a7565;--color-text-tertiary:#a69485;--color-text-muted:#c4b5a5;--color-text-white:#ffffff;--color-bg-primary:#faf7f5;--color-bg-secondary:#fff5ee;--color-bg-tertiary:#fef9f3;--color-bg-white:#fffaf6;--color-bg-card:#fff9f5;--color-bg-overlay:rgba(250,247,245,0.9);--color-bg-hover:rgba(184,169,201,0.15);--color-border-light:#e8ddd4;--color-border-default:#ddd0c5;--color-border-medium:#d2c4b8;--color-border-focus:#b8a9c9;--color-success:#7fb685;--color-warning:#e8b86d;--color-error:#e08080;--color-info:#7eb8d8;--gradient-primary:linear-gradient(135deg,#b8a9c9,#a7c4bc);--gradient-background:linear-gradient(180deg,rgba(255,250,246,0.95),rgba(255,245,238,0.9));--gradient-card:linear-gradient(135deg,#fff9f5,#fef5ef);--gradient-header:linear-gradient(135deg,#c9bbd8,#b8a9c9 50%,#a7c4bc);--gradient-accent-btn:linear-gradient(135deg,#d4a5a5,#c9b8d4);--gradient-body:radial-gradient(ellipse at 20% 0%,rgba(184,169,201,0.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(244,184,197,0.1) 0%,transparent 40%),radial-gradient(ellipse at 40% 80%,rgba(167,196,188,0.08) 0%,transparent 50%),linear-gradient(180deg,#faf7f5,#fff5ee 50%,#fef0e8);--shadow-sm:0 2px 4px rgba(92,74,61,0.05);--shadow-default:0 2px 8px rgba(184,169,201,0.1);--shadow-md:0 4px 12px rgba(184,169,201,0.15);--shadow-lg:0 8px 24px rgba(184,169,201,0.18);--shadow-xl:0 12px 32px rgba(184,169,201,0.22);--shadow-glow:0 0 40px rgba(244,184,197,0.1);--snow-opacity:0.2;--snow-color:rgba(244,184,197,0.4)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-body);min-height:100vh;position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease}.text-h1,h1{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}.text-h2,h2{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.text-body{font-size:var(--font-size-base);font-weight:400}.text-meta{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-tertiary)}@keyframes snowfall{0%{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:.3}90%{opacity:.25}to{transform:translateY(110vh) translateX(30px) rotate(1turn);opacity:0}}@keyframes snowfall-left{0%{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:.3}90%{opacity:.25}to{transform:translateY(110vh) translateX(-40px) rotate(-180deg);opacity:0}}@keyframes snowfall-slow{0%{transform:translateY(-10vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:.35}90%{opacity:.3}to{transform:translateY(110vh) translateX(15px) rotate(180deg);opacity:0}}.snowflake{animation:snowfall linear infinite}.snowflake,.snowflake-left{filter:blur(.5px);pointer-events:none;z-index:0}.snowflake-left{animation:snowfall-left linear infinite}.snowflake-slow{animation:snowfall-slow linear infinite;filter:blur(.8px);pointer-events:none;z-index:0}.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}@keyframes snowfall-simple{0%{transform:translateY(-10vh) translateX(0);opacity:0}10%{opacity:.3}90%{opacity:.25}to{transform:translateY(110vh) translateX(20px);opacity:0}}.animate-snowfall{animation:snowfall-simple linear infinite}@media (min-width:1280px){.main-layout{grid-template-columns:200px 1fr 280px!important}}@media (max-width:1279px) and (min-width:1024px){.main-layout{grid-template-columns:200px 1fr 260px!important;padding:20px!important}}@media (max-width:1023px) and (min-width:769px){.main-layout{grid-template-columns:180px 1fr!important;padding:16px!important}.right-sidebar-wrapper{display:none!important}.main-layout[style*="200px 1fr"]{grid-template-columns:180px 1fr!important}}@media (max-width:767px){body{max-width:480px;margin:0 auto}.main-layout{grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}.main-header{height:auto!important}.header-content{padding:0 16px!important;height:48px!important;gap:8px!important}.yukico-logo{position:static!important;transform:none!important;font-size:14px!important;flex:1 1!important;text-align:center!important}.search-container{display:none!important}.header-icons{gap:8px!important}.desktop-only{display:none!important}.notification-btn{width:32px!important;height:32px!important}.notification-btn svg{width:16px!important;height:16px!important}.profile-avatar{width:30px!important;height:30px!important;font-size:12px!important}.coffee-btn{padding:4px 8px!important;font-size:11px!important;gap:2px!important}.mobile-menu-btn{display:flex!important;order:1!important}.mobile-search-btn{display:flex!important;order:2!important}.yukico-logo{order:3!important}.header-icons{order:4!important}.right-sidebar-wrapper{display:block!important;grid-column:1!important;width:100%!important;margin-top:16px!important}.right-sidebar-wrapper>div{width:100%!important;position:relative!important;top:0!important}.right-sidebar-wrapper>div>div{width:100%!important;margin-bottom:16px!important}.category-section{padding:12px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(114,150,224,.06)!important}.category-section h2{font-size:14px!important;margin-bottom:10px!important}.category-section h2 span:first-child{font-size:16px!important}.scroll-arrow{width:28px!important;height:28px!important}.scroll-arrow svg{width:14px!important;height:14px!important}.story-card{width:120px!important;flex-shrink:0!important}.story-card-cover{width:120px!important;height:160px!important;font-size:2.5rem!important}.story-card-title{font-size:11px!important}.story-card-author{font-size:10px!important}.story-card-stats{font-size:9px!important;gap:6px!important}}@media (max-width:479px){.header-content{padding:0 12px!important}.main-layout{padding:8px!important}.category-section{padding:10px!important;border-radius:10px!important}}@media (max-width:768px){:root{--sidebar-width:200px;--grid-gutter:16px;--navbar-height:56px;--sidebar-width:240px;--font-size-xl:20px;--font-size-lg:18px;--font-size-base:15px;--font-size-sm:13px;--space-6:16px;--space-8:24px;--space-12:32px}body{font-size:15px}.text-h1,h1{font-size:20px}.text-h2,h2{font-size:18px}}@media (max-width:480px){:root{--navbar-height:56px;--font-size-xl:16px;--font-size-lg:18px;--font-size-base:14px;--font-size-sm:12px;--space-6:12px;--space-8:16px;--space-12:24px;--snow-opacity:0.2}body{font-size:14px;padding:0;display:flex;flex-direction:column}.text-h1,h1{font-size:16px}.text-h2,h2{font-size:18px}.auth-page-title{font-size:clamp(2.25rem,9vw,3rem)!important;font-weight:600!important}.auth-page-tagline{font-size:clamp(.9rem,2.5vw,1rem)!important;padding:0 1rem}.mobile-hide-sidebar{display:none!important}.mobile-grid{display:flex!important;flex-direction:column!important;padding:0 16px 80px!important;max-width:100%!important;gap:0!important}.mobile-navbar{padding:0 16px!important;height:56px!important}.mobile-navbar h1{font-size:16px!important}.mobile-story-card{width:160px!important;height:260px!important}.mobile-story-card,.mobile-story-card h3{font-size:14px!important}.mobile-story-card p{font-size:12px!important}.mobile-story-card .tags span{font-size:10px!important}.mobile-category{padding:16px!important;margin-bottom:24px!important}.mobile-category h2{font-size:18px!important;margin-bottom:12px!important}.mobile-scroll{overflow-x:scroll!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:12px!important}.mobile-scroll>*{scroll-snap-align:start!important}}@media (max-width:768px){.desktop-sidebar{position:fixed!important;top:0!important;left:-100%!important;height:100vh!important;max-height:100vh!important;width:280px!important;min-width:280px!important;border-radius:0!important;z-index:50!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;padding-top:80px!important}.desktop-sidebar.mobile-open{left:0!important}.mobile-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}html{scroll-behavior:smooth;--snow-opacity:0.25}.mobile-menu-btn{display:none}@media (max-width:768px){.mobile-menu-btn{display:flex!important}}::selection{background:rgba(92,126,204,.2);color:var(--color-text-primary)}@media (max-width:768px){body{overflow-x:hidden}*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}a,button{min-height:44px;min-width:44px}}.responsive-grid{display:grid;width:100%;grid-gap:clamp(.75rem,2vw,1.5rem);gap:clamp(.75rem,2vw,1.5rem)}@media (min-width:769px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:clamp(1rem,2vw,1.5rem)}}@media (max-width:768px){.responsive-grid{display:flex!important;overflow-x:auto;overflow-y:hidden;gap:12px;padding:0 0 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.responsive-grid::-webkit-scrollbar{display:none}.responsive-grid>*{flex-shrink:0;scroll-snap-align:start;width:130px!important;min-width:130px!important;max-width:130px!important}}.responsive-grid-wide{display:grid;width:100%;grid-gap:clamp(1rem,2vw,1.5rem);gap:clamp(1rem,2vw,1.5rem)}@media (max-width:640px){.responsive-grid-wide{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:clamp(.75rem,2vw,1rem)}}@media (min-width:641px) and (max-width:768px){.responsive-grid-wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1rem,2vw,1.25rem)}}@media (min-width:769px){.responsive-grid-wide{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(1rem,2vw,1.5rem)}}.story-grid{width:100%}@media (max-width:767px){.story-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}}@media (min-width:768px) and (max-width:1023px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:12px!important}}.story-scroll{overflow-x:auto!important;overflow-y:visible!important;scroll-behavior:smooth;flex-wrap:nowrap!important;-webkit-mask-image:none!important;mask-image:none!important;scrollbar-width:thin;scrollbar-color:rgba(114,150,224,.3) rgba(227,235,245,.3)}.story-scroll::-webkit-scrollbar{height:8px}.story-scroll::-webkit-scrollbar-track{background:rgba(227,235,245,.2);border-radius:10px}.story-scroll::-webkit-scrollbar-thumb{background:rgba(114,150,224,.4);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.story-scroll::-webkit-scrollbar-thumb:hover{background:rgba(114,150,224,.6)}@keyframes logoGlow{0%,to{text-shadow:0 0 0 #cfe4ff}50%{text-shadow:0 0 8px #a2c5ff,0 0 12px #a2c5ff}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.snow-container{opacity:var(--snow-opacity);transition:opacity .5s ease-out}.reading-progress:after{content:"";position:absolute;right:0;top:-1px;bottom:-1px;width:6px;background:rgba(255,255,255,.6);border-radius:3px;box-shadow:0 0 10px rgba(162,197,255,.8);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes floatSnowflake{0%{transform:translateY(0) translateX(0) scale(1);opacity:0}10%{opacity:.8}50%{transform:translateY(-15px) translateX(10px) scale(1.2);opacity:1}90%{opacity:.6}to{transform:translateY(-30px) translateX(20px) scale(.8);opacity:0}}@keyframes iceMelting{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes sparkle{0%,to{opacity:.3;transform:translateY(-50%) scale(.8)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}