:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-body: "Inter", system-ui, sans-serif;--font-display: "Scheherazade New", serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-xs-fluid: clamp(11px, .3vw + 10px, 12px);--text-sm-fluid: clamp(13px, .4vw + 11px, 14px);--text-base-fluid: clamp(15px, .5vw + 13px, 18px);--text-lg-fluid: clamp(18px, .6vw + 15px, 22px);--text-xl-fluid: clamp(22px, .8vw + 18px, 28px);--text-2xl-fluid: clamp(28px, 1vw + 22px, 36px);--reading-line-height: 1.6;--reading-max-width: 65ch;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--container-sm: 480px;--container-md: 640px;--container-lg: 960px;--container-xl: 1200px}[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--panel: #efede8;--text-primary: #1c1b1f;--text-secondary: #4a4750;--text-muted: #6a6670;--accent: #6d4cff;--accent-strong: #5a3df0;--border: #e3dde9;--shadow: rgba(20, 16, 30, .08);--nav-bg: rgba(247, 246, 243, .9);--nav-border: rgba(28, 27, 31, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #e3dde9;--nav-dropdown-hover: #efede8;--primary-color: #6d4cff;--primary-gradient: linear-gradient(45deg, #6d4cff, #8f7bff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #dc2626;--danger-rgb: 220, 38, 38;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #d97706;--warning-rgb: 217, 119, 6}[data-theme=dark]{--bg: #0f1014;--surface: #171a24;--panel: #1e2230;--text-primary: #f3f1ff;--text-secondary: #c6c0d6;--text-muted: #9b96b0;--accent: #9b7bff;--accent-strong: #b39bff;--border: #2b2f43;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(15, 16, 20, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #171a24;--nav-dropdown-border: #2b2f43;--nav-dropdown-hover: #1e2230;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #c2b1ff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #fbbf24;--warning-rgb: 251, 191, 36}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}.state-loading{opacity:.6;pointer-events:none;position:relative}.state-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:state-spin .6s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.state-error{border-color:var(--danger);background-color:rgba(var(--danger-rgb),.05)}.state-success{border-color:var(--success);background-color:rgba(var(--success-rgb),.05)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;transition:background .2s ease,color .2s ease;background:var(--bg);color:var(--text-primary)}a{color:inherit;text-decoration:none}.has-navbar{padding-top:52px}.carousel{max-width:1200px;margin:24px auto;padding:0 24px;position:relative}.carousel-viewport{border-radius:12px;overflow:hidden;position:relative;aspect-ratio:16 / 7}.carousel-track{display:flex;height:100%;transition:transform .5s ease}@media(prefers-reduced-motion:reduce){.carousel-track{transition:none}}.carousel-slide{min-width:100%;position:relative;cursor:pointer}.carousel-bg{position:absolute;top:0;right:0;bottom:0;left:0}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;padding:32px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);display:flex;flex-direction:column;gap:8px}.carousel-hashtag{font-size:12px;font-weight:600;text-transform:lowercase;letter-spacing:.08em;color:var(--pnav-accent, #f093fb)}.carousel-title{font-family:Scheherazade New,serif;font-size:clamp(22px,3vw,36px);font-weight:700;color:#fff;line-height:1.2}.carousel-excerpt{font-size:14px;color:#fffc;line-height:1.5;max-width:520px}.carousel-meta{font-size:12px;color:#fff9}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:999px;border:none;background:#00000080;color:#fff;font-size:18px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-btn:hover{background:#000000b3}.carousel-btn--prev{left:12px}.carousel-btn--next{right:12px}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.carousel-dot{width:8px;height:8px;border-radius:999px;border:none;background:var(--text-muted, #9b96b0);opacity:.4;cursor:pointer;padding:0;transition:opacity .2s ease,background .2s ease}.carousel-dot.active{opacity:1;background:var(--accent, #9b7bff)}.explore-rows{max-width:1200px;margin:0 auto;padding:0 24px 96px;display:flex;flex-direction:column;gap:40px}.explore-row-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.explore-row-title{font-family:Scheherazade New,serif;font-size:22px;font-weight:700;color:var(--accent, #9b7bff)}.explore-row-more{font-size:13px;font-weight:500;color:var(--text-muted);transition:color .2s ease}.explore-row-more:hover{color:var(--accent)}.explore-row-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.explore-row-track::-webkit-scrollbar{display:none}.row-item{min-width:240px;max-width:280px;flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .2s ease;text-decoration:none;color:inherit}.row-item:hover{transform:translateY(-2px)}.row-item-thumb{aspect-ratio:16 / 9;border-radius:8px;transition:box-shadow .2s ease}.row-item:hover .row-item-thumb{box-shadow:0 4px 16px var(--shadow, rgba(0,0,0,.2))}.row-item-title{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-item-meta{font-size:12px;color:var(--text-muted)}.row-item-hashtags{display:flex;flex-wrap:wrap;gap:4px}.row-item-tag{padding:2px 6px;border-radius:999px;background:var(--panel);font-size:11px;color:var(--text-secondary)}@media(max-width:768px){.carousel{padding:0 16px;margin:16px auto}.carousel-viewport{aspect-ratio:16 / 9;border-radius:8px}.carousel-overlay{padding:20px}.carousel-excerpt{display:none}.carousel-btn{width:32px;height:32px;font-size:14px}.explore-rows{padding:0 16px 64px;gap:32px}.row-item{min-width:200px;max-width:240px}}.explore-loading{text-align:center;padding:48px;color:var(--text-muted)}.explore-back-link{display:inline-block;margin:32px 0 16px 24px;font-size:14px;color:var(--accent);font-weight:500}.explore-tag-heading{margin:0 24px 24px;font-size:24px}.explore-tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:0 24px 48px}.explore-tag-empty{color:var(--text-muted);padding:24px}.explore-tag-card{display:block;border-radius:12px;background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}.explore-tag-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.explore-tag-card-thumb{height:120px}.explore-tag-card-content{padding:14px}.explore-tag-card-title{font-size:15px;font-weight:600;margin-bottom:6px}.explore-tag-card-meta{font-size:12px;color:var(--text-muted)}.explore-tag-card-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.explore-tag-card-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--panel);font-size:11px;color:var(--text-muted)}