:root{--color-bg: #0c0c10;--color-surface-1: rgba(16, 16, 20, .92);--color-surface-2: rgba(20, 20, 26, .92);--color-surface-3: rgba(26, 26, 31, .92);--color-border: rgba(42, 42, 49, .86);--color-border-soft: rgba(42, 42, 49, .56);--color-border-strong: rgba(147, 159, 198, .22);--color-text: rgba(238, 240, 248, .96);--color-text-secondary: rgba(216, 220, 232, .9);--color-muted: rgba(164, 170, 188, .85);--color-accent: rgba(99, 102, 241, .86);--color-accent-soft: rgba(99, 102, 241, .14);--color-link: #93c5fd;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 10px 22px rgba(0, 0, 0, .28);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .28);--header-height: 76px;--bp-xs: 380px;--bp-sm: 480px;--bp-md: 640px;--bp-lg: 768px;--bp-xl: 960px;--bp-2xl: 1120px;--cat-movie: #67b1ff;--cat-movie-soft: rgba(59, 130, 246, .16);--cat-movie-border: rgba(103, 177, 255, .46);--cat-movie-text: #dcecff;--cat-daily: #4ade80;--cat-daily-soft: rgba(34, 197, 94, .14);--cat-daily-border: rgba(74, 222, 128, .38);--cat-daily-text: #dcfce7;--cat-comic: #fb7185;--cat-comic-soft: rgba(244, 114, 182, .15);--cat-comic-border: rgba(251, 113, 133, .38);--cat-comic-text: #ffe4eb;--cat-retrospect: #fbbf24;--cat-retrospect-soft: rgba(251, 191, 36, .14);--cat-retrospect-border: rgba(251, 191, 36, .36);--cat-retrospect-text: #fff1c5;--cat-book: #f59e0b;--cat-book-soft: rgba(245, 158, 11, .14);--cat-book-border: rgba(245, 158, 11, .34);--cat-book-text: #ffefc3}@tailwind base;@tailwind components;@tailwind utilities;*{scrollbar-width:thin;scrollbar-color:rgb(63 63 70) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:8px}::-webkit-scrollbar-track{background:transparent}html,body,#root{height:100%;margin:0;background:#0c0c10;color:#e4e4e7}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:dark;background:#0c0c10}body{margin:0;background:#0c0c10;color:var(--color-text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.leftnav__tag{display:inline-flex;align-items:center;gap:4px;height:auto;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:none;line-height:1.4}.leftnav__tag:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.leftnav__tag--new{background:#4ade800f;color:#4ade80cc}.leftnav__tag--new:before{background:#4ade80;box-shadow:0 0 4px #4ade8066}.leftnav__tag--ing{background:#facc150d;color:#facc15bf}.leftnav__tag--ing:before{background:#facc15;box-shadow:0 0 4px #facc1559}.leftnav__tag--old{background:#f871710f;color:#f87171bf}.leftnav__tag--old:before{background:#f87171;box-shadow:0 0 4px #f8717159}.article__meta{display:flex;gap:8px;align-items:center;margin-top:6px}.article__date{font-size:12px;color:#888}.shell{min-height:100dvh;display:flex;flex-direction:column;background:#0c0c10}.container{width:100%;max-width:1200px;padding:2rem max(1rem,env(safe-area-inset-left)) 2rem;margin:0 auto;flex:1 1 auto;background:transparent}.doc-header{position:sticky;top:0;z-index:30;border-bottom:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0feb;transition:transform .35s cubic-bezier(.32,.72,0,1);will-change:transform}.doc-header.is-hidden{transform:translateY(-100%);pointer-events:none}.doc-header__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:10px 16px}.brand{display:flex;align-items:center;gap:8px}.brand__dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a78bfa,#6366f1);box-shadow:0 0 12px #4f46e5}.brand__text{font-weight:600;color:#fafafa;font-size:15px;letter-spacing:-.01em}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.tab-switch{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:12px;min-width:0;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-switch::-webkit-scrollbar{display:none}.tab{padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#a1a1aa;flex:0 0 auto;white-space:nowrap;transition:background .15s ease,color .15s ease}.tab:hover{background:#1f1f23;color:#e5e7eb}.tab.is-active{background:#ffffff14;color:#fafafa;font-weight:600;box-shadow:0 1px #00000080 inset}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;background:none;border:1px solid rgba(255,255,255,.06);border-radius:8px;cursor:pointer}.mobile-menu-btn__bar{display:block;width:18px;height:2px;background:#a1a1aa;border-radius:1px;transition:background .15s ease}.mobile-menu-btn:hover .mobile-menu-btn__bar{background:#e5e7eb}.mobile-nav{display:none;flex-direction:column;background:#0c0c10f2;border-top:1px solid rgba(255,255,255,.04);animation:mobile-nav-slide .2s ease}@keyframes mobile-nav-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav__link{display:block;width:100%;padding:14px 20px;font-size:15px;font-weight:500;color:#a1a1aa;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease,color .15s ease}.mobile-nav__link:hover{background:#1f1f23;color:#e5e7eb}.mobile-nav__link.is-active{color:#fafafa;background:#1a1a1f;font-weight:600}.footer{margin-top:0;color:#8a8a90;font-size:13px;background:transparent}.footer__inner{max-width:1200px;margin:0 auto;padding:32px 16px 28px;border-top:none}.footer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.footer__brand{display:flex;align-items:center;gap:8px}.footer__brand-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8)}.footer__brand-text{font-size:14px;font-weight:600;color:#d4d4d8;letter-spacing:.02em}.footer__nav{display:flex;gap:20px}.footer__nav-link{color:#71717a;font-size:12px;letter-spacing:.04em;text-transform:uppercase;transition:color .15s ease}.footer__nav-link:hover,.footer__nav-link.active{color:#a1a1aa}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:none}.footer__copy{color:#52525b;font-size:12px}.footer__links{display:flex;gap:16px}.footer__links a{color:#52525b;font-size:12px;transition:color .15s ease}.footer__links a:hover{color:#a1a1aa}@media (max-width: 768px){.container{padding-top:1.25rem;padding-left:12px;padding-right:12px}.doc-header__inner{flex-wrap:nowrap;gap:8px;padding:10px 12px}.header-actions{margin-left:auto;width:auto}.tab-switch{display:none}.mobile-menu-btn,.mobile-nav{display:flex}}@media (max-width: 380px){.doc-header__inner{padding:8px;gap:6px}.brand__text{font-size:13px}.tab{font-size:11px;padding:5px 8px}.tab-switch{gap:2px;padding:3px;border-radius:10px}.container{padding-left:8px;padding-right:8px}}@media (max-width: 640px){.footer__top{flex-direction:column;align-items:flex-start;gap:12px}.footer__nav{gap:14px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:8px}.footer__links{margin-left:0;flex-wrap:wrap}}.error-fallback{padding:40px 20px;text-align:center;color:var(--color-muted, #a1a1aa)}.error-fallback__title{color:var(--color-text, #fafafa);font-size:20px;font-weight:600;margin-bottom:12px}.error-fallback__message{font-size:14px;max-width:400px;margin:0 auto 20px;line-height:1.6}.error-fallback__retry{padding:8px 20px;border-radius:var(--radius-sm, 8px);border:1px solid var(--color-border, #3f3f46);background:var(--color-surface-2, #27272a);color:var(--color-text, #fafafa);cursor:pointer;font-size:14px;font-family:inherit;transition:background .15s ease,border-color .15s ease}.error-fallback__retry:hover{background:var(--color-surface-3, #323238);border-color:var(--color-border-strong, #52525b)}body.daily-detail-active .doc-header,body.daily-detail-active .footer{display:none!important}body.daily-detail-active .container{padding-top:0}body.daily-art-mode .footer{display:none!important}body.daily-art-mode{background:#0c0c10}body.daily-art-mode .doc-header{background:transparent!important;border-bottom:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body.daily-art-mode .tab-switch{background:#ffffff0f}body.daily-art-mode .container{max-width:none;padding:0}body.daily-art-mode .footer{background:#0c0c10;color:#fff6}body.daily-art-mode .footer__inner{border-top-color:#ffffff0f}body.daily-art-mode .footer__bottom{border-top-color:#ffffff0a}body.daily-art-mode .footer__brand-text{color:#fff9}body.daily-art-mode .footer__nav-link{color:#ffffff4d}body.daily-art-mode .footer__nav-link:hover,body.daily-art-mode .footer__nav-link.active{color:#fff9}body.daily-art-mode .footer__copy{color:#fff3}body.daily-art-mode .footer__links a{color:#ffffff4d}body.daily-art-mode .footer__links a:hover{color:#fff9}.toast-container{position:fixed;z-index:1300;display:flex;flex-direction:column;padding:12px;pointer-events:none}.toast-container--top-right{top:16px;right:16px}.toast-container--top-left{top:16px;left:16px}.toast-container--bottom-right{bottom:16px;right:16px}.toast-container--bottom-left{bottom:16px;left:16px}.toast{pointer-events:auto;display:grid;grid-template-columns:18px 1fr auto;align-items:start;gap:10px;min-width:260px;max-width:min(520px,92vw);border:1px solid #2b2b34;background:radial-gradient(900px 320px at 60% -80%,rgba(99,102,241,.1),transparent 50%),#0f0f12;color:#e6e6ea;border-radius:12px;padding:12px;box-shadow:0 10px 30px #00000059;animation:toast-in .18s ease-out;transition:transform .35s ease,opacity .35s ease,max-height .35s ease,margin .35s ease,padding .35s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast__icon{width:18px;height:18px;border-radius:6px;background:#6366f1}.toast--success .toast__icon{background:#22c55e}.toast--warning .toast__icon{background:#f59e0b}.toast--error .toast__icon{background:#ef4444}.toast__body{min-width:0}.toast__title{font-weight:700;color:#fafafa;font-size:14px;margin-bottom:2px}.toast__msg{font-size:13px;color:#c9cad1;line-height:1.5}.toast__actions{display:inline-flex;gap:6px;margin-left:8px;align-items:center}.toast__btn{border:1px solid #3a3a42;background:#15151a;color:#e7e7ee;font-size:12px;padding:6px 10px;border-radius:8px}.toast__btn:hover{background:#1c1c22}.toast__close{border:0;background:transparent;color:#9ca3af;font-size:18px;padding:2px 6px;border-radius:6px}.toast__close:hover{background:#1c1c22;color:#e5e7eb}.toast--leaving{transform:translate(120%);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}.toast:not(:last-child){margin-bottom:10px}.toast--modal{grid-template-columns:1fr auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1301;animation:toast-modal-in .2s ease-out}@keyframes toast-modal-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast--modal.toast--leaving{transform:translate(-50%,-50%) scale(.97);opacity:0}.toast-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}body.easter-idle-mode{animation:easter-idle-breathe 6s ease-in-out infinite}body.easter-idle-mode .container{animation:easter-idle-float 5.2s ease-in-out infinite}html.easter-gravity-flip body{transform-origin:50% 50%;animation:easter-gravity-flip 1.2s cubic-bezier(.23,.9,.18,1)}@keyframes easter-idle-breathe{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.06) brightness(1.02)}}@keyframes easter-idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes easter-gravity-flip{0%{transform:rotate(0) scale(1)}45%{transform:rotate(180deg) scale(.985)}to{transform:rotate(360deg) scale(1)}}@media (prefers-reduced-motion: reduce){body.easter-idle-mode,body.easter-idle-mode .container,html.easter-gravity-flip body{animation:none!important}}