html[data-skin]:not([data-skin=original]){--skin-tint-6:color-mix(in srgb,var(--skin-accent) 6%,transparent);--skin-tint-12:color-mix(in srgb,var(--skin-accent) 12%,transparent);--skin-tint-16:color-mix(in srgb,var(--skin-accent) 16%,transparent);--skin-tint-30:color-mix(in srgb,var(--skin-accent) 30%,transparent);--skin-tint-35:color-mix(in srgb,var(--skin-accent) 35%,transparent);--skin-tint-90:color-mix(in srgb,var(--skin-accent) 90%,transparent);--skin-glow:color-mix(in srgb,var(--skin-accent) 13%,transparent);--skin-soft:color-mix(in srgb,var(--skin-accent) 16%,transparent);background:var(--bg)}html[data-skin]:not([data-skin=original]) body{background:radial-gradient(ellipse at 8% 0,var(--skin-glow),transparent 42%),radial-gradient(ellipse at 92% 100%,var(--skin-glow),transparent 48%),var(--bg);background-attachment:fixed;min-height:100dvh}html[data-skin]:not([data-skin=original]) .header{background:color-mix(in srgb,var(--bg) 94%,transparent)}html[data-skin]:not([data-skin=original]) :is(.category-bar,.feed-categories){background:color-mix(in srgb,var(--bg) 92%,transparent)}html[data-skin]:not([data-skin=original]) .button:not(.secondary):not(.follow-button){background:var(--skin-primary)}html[data-skin]:not([data-skin=original]) :is(.top-nav a.active,.sort button.active){background:var(--skin-soft);box-shadow:inset 0 0 0 1px var(--skin-accent),0 2px 12px var(--skin-glow);color:var(--text)}html[data-skin]:not([data-skin=original]) :is(.tags span,.work-tags span,.book-tags span){background:var(--skin-soft);color:var(--bright)}html[data-skin]:not([data-skin=original]) :is(.feed-episodes button.active,.film-control-options button[aria-pressed=true]){background:var(--skin-soft);color:var(--bright)}html[data-skin]:not([data-skin=original]) .profile-cover{background:linear-gradient(120deg,var(--skin-raised),var(--panel) 70%)}html[data-skin]:not([data-skin=original]) .feed-player .player-bottom,html[data-skin]:not([data-skin=original]) :is(.card-video,.card-drama,.card-film) .card-body{--skin-text:#ecedef;--skin-muted:#c3c7ce;--text:#ecedef;--muted:#c3c7ce;color:#ecedef}html[data-skin=sage] :is(.card-video,.card-drama,.card-film) .card-body{--bright:#c5dfb8}html[data-skin=sage] .search input::placeholder{color:#636e65}html[data-skin=sage] .book-byline>span{color:var(--bright)}html[data-skin=sage] .feed-author .feed-follow[aria-pressed=true]{border-color:#d2d8cd}.skin-toggle{flex:none;width:36px;height:36px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.skin-toggle:hover{background:var(--skin-raised,#1f2228)}.skin-dialog{width:min(640px,calc(100vw - 32px));max-width:none;max-height:min(85dvh,720px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #0006}.skin-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.skin-heading h2{margin:0 0 4px;font-size:20px}.skin-heading p{margin:0;font-size:13px;color:var(--muted)}.skin-heading .icon-button{color:var(--text);background:var(--panel);flex:none}.skin-options{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skin-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skin-option{position:relative;display:block;border:1px solid var(--line);border-radius:12px;padding:5px;cursor:pointer;min-width:0}.skin-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.skin-option:has(input:focus-visible){outline:2px solid var(--bright);outline-offset:3px}.skin-option:hover{background:var(--panel)}.skin-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.skin-preview{display:block;padding:10px;border-radius:8px;background:radial-gradient(ellipse at top left,var(--preview-line),transparent 75%),var(--preview-bg)}.skin-preview-top{display:flex;gap:6px;align-items:center;margin-bottom:10px}.skin-preview-top i{width:10px;height:10px;background:var(--preview-accent);border-radius:3px}.skin-preview-top b{flex:1 1;height:8px;border:1px solid var(--preview-line);background:var(--preview-panel);border-radius:4px}.skin-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.skin-preview-cards i{display:block;height:42px;border-radius:4px;background:linear-gradient(145deg,var(--preview-line),var(--preview-panel));border:1px solid var(--preview-line)}.skin-preview-cards i:first-child{border-bottom:3px solid var(--preview-accent)}.skin-option-label{display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:12px;padding:8px 4px 4px}.skin-option-label svg{color:var(--bright)}.skin-save-note{font-size:12px;color:var(--muted);margin:18px 0 0}@media (max-width:719px){html[data-skin]:not([data-skin=original]) body:has(.portrait-feed) .header{background:linear-gradient(180deg,#0008,#0003 60%,transparent 88%)}html[data-skin]:not([data-skin=original]) body:has(.portrait-feed) .feed-categories{background:transparent}body:has(.portrait-feed) .skin-toggle{background:#16181dcc;color:#fff;border-color:#ffffff33}.skin-dialog{width:100%;max-height:85dvh;margin:auto 0 0;border-radius:20px 20px 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.skin-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skin-preview-cards i{height:34px}}html .header .logo,html body:has(.portrait-feed) .header .logo{display:inline-flex;width:auto;height:36px;flex:none;background:transparent;border-radius:0;color:var(--text)}.brand-lockup{display:inline-flex;align-items:center;gap:7px;line-height:1}.brand-symbol{display:block;width:32px;height:32px;flex:none;filter:none}.brand-wordmark{font-family:Sora,sans-serif;font-size:22px;font-weight:700;letter-spacing:-1px}.auth-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0 0 20px}.auth-brand small{font-size:11px;color:var(--muted);letter-spacing:1px}@media (max-width:719px){.header .brand-wordmark{display:none}.header .brand-symbol{width:28px;height:28px}body:has(.portrait-feed) .header .logo{color:#fff}}