: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;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}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}button,a,[role=button],input[type=submit],input[type=button]{touch-action:manipulation}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}.post-skeleton{min-height:80dvh;padding:24px 0 48px;display:flex;flex-direction:column;gap:12px}.post-skeleton__title,.post-skeleton__meta,.post-skeleton__line,.post-skeleton__h2{background:linear-gradient(90deg,#ffffff0a,#ffffff0f,#ffffff0a);background-size:200% 100%;border-radius:6px;animation:post-skeleton-shimmer 1.6s ease-in-out infinite}.post-skeleton__title{height:36px;width:70%;margin-bottom:4px}.post-skeleton__meta{height:14px;width:36%;margin-bottom:14px}.post-skeleton__h2{height:22px;width:38%;margin:22px 0 6px}.post-skeleton__line{height:13px}.post-skeleton__line--w90{width:90%}.post-skeleton__line--w95{width:95%}.post-skeleton__line--w94{width:94%}.post-skeleton__line--w92{width:92%}.post-skeleton__line--w88{width:88%}.post-skeleton__line--w85{width:85%}.post-skeleton__line--w80{width:80%}.post-skeleton__line--w70{width:70%}.post-skeleton__line--w60{width:60%}@keyframes post-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.post-skeleton__title,.post-skeleton__meta,.post-skeleton__line,.post-skeleton__h2{animation:none}}.doc-left--peek,.doc-right--peek,.blog-left--peek,.blog-right--peek,.cubidetail__frame-scroll,.gp,.cubiglobe-settings-panel,.lb-detail__col-body,.graph-reader__sidebar,.lightbox,.search-dialog,.search-dialog__results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (hover: none) and (pointer: coarse){.doc-focus-btn,.blog-focus-btn,.mobile-menu-btn,.lightbox__close,.gp-toggle,.gp__icon-btn,.da-view-toggle__btn,.lb-detail__close,.cubidetail__nav,.cubidetail__sticky-header{position:relative}.doc-focus-btn:after,.blog-focus-btn:after,.mobile-menu-btn:after,.lightbox__close:after,.gp-toggle:after,.gp__icon-btn:after,.da-view-toggle__btn:after,.lb-detail__close:after{content:"";position:absolute;inset:50%;width:44px;height:44px;transform:translate(-50%,-50%);pointer-events:auto}.tab,.panel__btn,.reader-preset__btn,.reader__chapter-btn,.docs-mode-btn,.docs-pagination__btn,.docs-pagination__num,.leftnav__title,.leftnav__title--sub{min-height:44px}}@media (max-width: 768px){input,select,textarea{font-size:16px}}@media (max-width: 640px){.article__body,.article__body p,.article__body li,.article__body h1,.article__body h2,.article__body h3,.article__body h4,.doc-page-content,.reader__chapter-body,.dp-article,.dar__article,.blog-article{overflow-wrap:anywhere;word-break:break-word}.article__body pre,.article__body code,.reader-scroll .md pre,.reader-scroll .md code,.cubidetail__body .md pre,.cubidetail__body .md code{overflow-wrap:normal;word-break:normal}}@media (prefers-reduced-motion: reduce){.cubiglobe-page,.cubiglobe.is-entered .cubiglobe__card,.daily-artview--magazine.is-active .daily-magazine__card,.daily-artview--universe.is-entering,.daily-magazine__card,.jl,.jl-loader__text,.jl-hero__bg:after,.jl-featured__item.is-glitch .jl-featured__text,.jl-featured__item.is-glitch .jl-featured__link,.jl-featured__item.is-glitch:before{animation:none!important}.grid-card,.hero-inner>*{animation:none!important;opacity:1!important;transform:none!important}.da-reveal,.da-hero__stagger{opacity:1!important;transform:none!important;transition:none!important}}html,body{overflow-x:hidden}.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)) calc(2rem + env(safe-area-inset-bottom));margin:0 auto;flex:1 1 auto;background:transparent;min-width:0}.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:#8a8a93;font-size:12px;letter-spacing:.04em;text-transform:uppercase;transition:color .15s ease}.footer__nav-link:hover,.footer__nav-link.active{color:#c4c4c9}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:none}.footer__copy{color:#8a8a93;font-size:12px}.footer__links{display:flex;gap:16px}.footer__links a{color:#8a8a93;font-size:12px;transition:color .15s ease}.footer__links a:hover{color:#c4c4c9}@media (max-width: 768px){.container{padding-top:1.25rem;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.doc-header__inner{flex-wrap:nowrap;gap:8px;padding:10px max(12px,env(safe-area-inset-left))}.header-actions{margin-left:auto;width:auto}.tab-switch{display:none}.mobile-menu-btn,.mobile-nav{display:flex}.footer__inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(28px + env(safe-area-inset-bottom))}}@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}}