:root {
  color-scheme: dark;
  --bg: #0d0b14;
  --surface: #17131f;
  --surface-soft: #211a2c;
  --text: #fbf8ff;
  --muted: #b8afc7;
  --line: rgba(255,255,255,.12);
  --violet: #9e7cff;
  --rose: #ff7bbd;
  --aqua: #66ead5;
  --max: 1180px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.story-image-preview{margin-top:.75rem;display:flex;align-items:center;gap:.8rem;padding:.7rem;border:1px solid var(--line,#d9d4cc);border-radius:14px;background:rgba(255,255,255,.55)}
.story-image-preview img{width:72px;height:72px;object-fit:cover;border-radius:10px}
.story-detail-image{margin:1.4rem 0}.story-detail-image img{display:block;width:100%;max-height:680px;object-fit:contain;border-radius:18px;background:#111}.story-detail-image small{display:block;margin-top:.55rem;color:var(--muted,#706b64)}
.story-add-choice{margin:1.5rem 0 2rem;padding:1.2rem;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:linear-gradient(135deg,rgba(39,34,53,.96),rgba(21,19,30,.96));box-shadow:0 18px 45px rgba(0,0,0,.22)}
.story-add-work{display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}.story-add-work img{width:120px;height:120px;object-fit:cover;border-radius:14px}.story-add-work h2{margin:.2rem 0}.story-add-paths{display:flex;align-items:end;gap:1rem;flex-wrap:wrap;margin-top:1rem}.story-add-paths>div{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}.story-add-paths label{display:grid;gap:.35rem}.story-add-paths select{min-width:220px;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#17141f;color:#fff}.story-add-paths .text-button{color:rgba(255,255,255,.78)}.story-library-status{display:block;margin-top:.3rem;color:var(--accent,#7657d6);font-weight:650}
@media(max-width:640px){.story-add-work{grid-template-columns:84px 1fr}.story-add-work img{width:84px;height:84px}.story-add-paths,.story-add-paths>div{align-items:stretch;flex-direction:column}.story-add-paths button,.story-add-paths a{width:100%}}
.story-visual-controls>div{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.story-image-picker{display:grid!important;grid-template-columns:repeat(4,minmax(110px,1fr));width:100%;gap:10px!important;margin-top:16px}.story-image-option{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:14px;color:var(--text);text-align:left;background:rgba(255,255,255,.02);cursor:pointer}.story-image-option img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.story-image-option span{display:block;overflow:hidden;padding:10px;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.story-image-option.selected{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(97,225,209,.14)}.story-visual-actions{margin-top:14px}.story-visual-empty{justify-content:space-between;width:100%;padding:14px;border:1px dashed var(--line);border-radius:14px}.story-visual-empty p{margin:0;color:var(--muted)}.timeline-event-visual{width:100%;max-height:260px;object-fit:cover;border-radius:14px;margin-bottom:.9rem}
@media(max-width:700px){.story-image-picker{display:flex!important;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.story-image-option{flex:0 0 145px;scroll-snap-align:start}}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 75% 18%, rgba(117,70,190,.22), transparent 34%), var(--bg); color: var(--text); min-height: 100vh; }
button, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.site-header { max-width: var(--max); margin: auto; min-height: 76px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 760; letter-spacing: -.02em; }
.brand-mark { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 10px; color: #100d17; background: linear-gradient(135deg, var(--aqua), var(--violet) 58%, var(--rose)); font-weight: 900; }
.desktop-nav { display: flex; gap: 30px; color: var(--muted); font-size: 14px; }
.desktop-nav a:hover { color: var(--text); }
.quiet-button, .primary-button { border: 0; cursor: pointer; color: var(--text); border-radius: 999px; }
.quiet-button { padding: 10px 17px; border: 1px solid var(--line); background: rgba(255,255,255,.04); }
.hero { max-width: var(--max); margin: 0 auto; padding: 82px 24px 108px; display: grid; grid-template-columns: minmax(0,1.04fr) minmax(360px,.96fr); align-items: center; gap: 76px; }
.eyebrow { color: var(--aqua); font-weight: 800; font-size: 12px; letter-spacing: .16em; }
.hero h1 { margin: 16px 0 22px; max-width: 720px; font-size: clamp(48px,7.4vw,90px); line-height: .96; letter-spacing: -.065em; }
.hero h1 span { color: transparent; background: linear-gradient(100deg, #fff 5%, var(--violet) 50%, var(--rose)); background-clip: text; }
.hero-body { max-width: 650px; color: var(--muted); font-size: clamp(17px,2vw,20px); line-height: 1.55; }
.idea-card { margin-top: 34px; padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: rgba(26,20,36,.86); box-shadow: 0 24px 70px rgba(0,0,0,.3); backdrop-filter: blur(18px); }
.idea-card label { display: block; margin: 1px 3px 10px; font-size: 13px; font-weight: 750; }
.idea-card textarea { width: 100%; resize: vertical; color: var(--text); padding: 14px; border: 0; outline: 0; border-radius: 14px; background: rgba(255,255,255,.055); line-height: 1.5; }
.idea-card textarea::placeholder { color: #81778f; }
.idea-actions { margin-top: 14px; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.idea-actions span { color: var(--muted); font-size: 12px; }
.primary-button { min-height: 44px; padding: 0 20px; color: #120e19; background: linear-gradient(100deg, var(--aqua), #b9a5ff 60%, var(--rose)); font-weight: 800; }
.form-message { min-height: 18px; margin: 10px 3px 0; color: var(--aqua); font-size: 13px; }
.character-stage { position: relative; min-height: 560px; display: grid; place-items: center; }
.glow { position: absolute; width: 310px; height: 310px; border-radius: 50%; background: linear-gradient(135deg, var(--violet), var(--rose)); filter: blur(80px); opacity: .24; }
.character-card { position: absolute; overflow: hidden; border: 1px solid rgba(255,255,255,.17); background: var(--surface); box-shadow: 0 38px 80px rgba(0,0,0,.45); }
.card-front { width: min(360px,82vw); border-radius: 28px; transform: rotate(2deg); }
.card-front > div:last-child { padding: 21px 23px 26px; }
.card-front h2 { margin: 5px 0 0; font-size: 25px; line-height: 1.08; letter-spacing: -.03em; }
.card-kicker { margin: 0; color: var(--rose); font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.card-back { width: 250px; left: 0; top: 66px; border-radius: 22px; transform: rotate(-12deg); opacity: .62; }
.card-back p { margin: 0; padding: 14px; color: var(--muted); }
.portrait { aspect-ratio: 4/5; }
.abstract-one { background: radial-gradient(circle at 50% 28%, #f0c4aa 0 9%, transparent 10%), linear-gradient(155deg, #3c3252, #15121c 62%); }
.abstract-two { background: radial-gradient(circle at 50% 27%, #f3cdb9 0 10%, transparent 10.5%), radial-gradient(ellipse at 50% 17%, #201620 0 19%, transparent 20%), linear-gradient(155deg, #4f416d, #25162e 53%, #111018); }
.life-chip { position: absolute; right: 0; bottom: 58px; z-index: 2; padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; background: rgba(18,15,25,.9); color: var(--muted); font-size: 12px; }
.life-chip i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 14px var(--aqua); }
.promise { max-width: var(--max); margin: 0 auto; padding: 86px 24px 130px; border-top: 1px solid var(--line); }
.promise-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 80px; align-items: end; }
.promise h2 { max-width: 640px; margin: 14px 0 0; font-size: clamp(34px,5vw,60px); line-height: 1.04; letter-spacing: -.045em; }
.promise-grid > p { margin: 0; color: var(--muted); line-height: 1.65; font-size: 18px; }
.mediums { margin-top: 52px; display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.mediums span { padding: 22px 12px; text-align: center; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); font-weight: 700; }
.mobile-nav { display: none; }
.flow-view { min-height: calc(100vh - 76px); padding: 72px 20px; display: grid; place-items: center; }
.flow-card { width: min(560px,100%); padding: 42px; border: 1px solid var(--line); border-radius: 28px; background: rgba(23,19,31,.9); text-align: center; box-shadow: 0 32px 90px rgba(0,0,0,.34); }
.flow-card h1 { margin: 10px 0 14px; font-size: 44px; letter-spacing: -.045em; }
.flow-card > p:not(.eyebrow):not(.flow-message) { color: var(--muted); line-height: 1.6; }
.flow-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 22px; border-radius: 22px; color: #120e19; background: linear-gradient(135deg,var(--aqua),var(--violet),var(--rose)); font-size: 28px; }
.flow-actions { display: grid; gap: 12px; margin-top: 28px; }
.text-button { min-height: 42px; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-weight: 700; }
.text-button:hover { color: var(--text); }
.flow-message { min-height: 20px; color: var(--aqua); font-size: 13px; }
.flow-header { position: absolute; top: 0; left: 0; right: 0; min-height: 72px; padding: 0 max(20px,calc((100vw - var(--max))/2)); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.step-label { color: var(--muted); font-size: 13px; }
.identity-flow { position: relative; display: block; padding: 128px 24px 80px; }
.identity-layout { width: min(var(--max),100%); margin: auto; display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); gap: 72px; }
.idea-summary { align-self: start; position: sticky; top: 110px; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); }
.idea-summary blockquote { margin: 13px 0 20px; font-size: 25px; line-height: 1.35; letter-spacing: -.025em; }
.idea-summary > p:last-child { color: var(--muted); line-height: 1.6; font-size: 14px; }
.identity-editor { min-height: 520px; }
#identity-intro { padding-top: 42px; }
#identity-intro h1,.editor-heading h1 { margin: 10px 0 14px; font-size: clamp(42px,6vw,70px); line-height: 1; letter-spacing: -.055em; }
#identity-intro > p:not(.eyebrow):not(.flow-message) { max-width: 610px; color: var(--muted); font-size: 18px; line-height: 1.6; }
.wide-action { min-width: 220px; margin-top: 18px; }
.identity-form { display: grid; gap: 18px; }
.editor-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
.editor-heading h1 { font-size: clamp(38px,5vw,58px); }
.editor-heading > span { flex: none; margin-bottom: 18px; color: var(--aqua); font-size: 12px; }
.identity-form label { display: grid; gap: 8px; color: var(--muted); font-size: 13px; font-weight: 750; }
.identity-form input,.identity-form textarea { width: 100%; padding: 14px 15px; border: 1px solid var(--line); border-radius: 14px; outline: 0; color: var(--text); background: rgba(255,255,255,.045); resize: vertical; line-height: 1.5; }
.identity-form input:focus,.identity-form textarea:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(158,124,255,.14); }
.identity-form small { color: #81778f; font-weight: 500; }
.editor-actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 8px; }
.visual-identity-flow { display: block; padding: 80px 24px 110px; }
.visual-shell { width: min(var(--max),100%); margin: auto; }
.visual-shell > h1 { max-width: 800px; margin: 12px 0 16px; font-size: clamp(44px,6.5vw,76px); line-height: .98; letter-spacing: -.06em; }
.visual-shell > h1 span { color: var(--violet); }
.visual-lead { max-width: 720px; color: var(--muted); font-size: 18px; line-height: 1.55; }
.visual-grid { margin-top: 42px; display: grid; grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr); gap: 34px; align-items: start; }
.visual-controls,.candidate-stage { border: 1px solid var(--line); border-radius: 24px; background: rgba(24,19,33,.78); }
.visual-controls { padding: 24px; }
.direction-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; border: 0; }
.direction-picker legend { grid-column: 1/-1; margin-bottom: 9px; color: var(--text); font-weight: 800; }
.direction-picker label { cursor: pointer; }
.direction-picker input { position: absolute; opacity: 0; }
.direction-picker span { display: grid; gap: 4px; min-height: 76px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; font-weight: 750; }
.direction-picker small,.reference-panel small { color: var(--muted); font-weight: 500; line-height: 1.3; }
.direction-picker input:checked + span { border-color: var(--violet); background: rgba(158,124,255,.12); box-shadow: inset 0 0 0 1px var(--violet); }
.reference-panel { display: grid; gap: 12px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.reference-panel > label:first-child { display: grid; gap: 4px; }
.reference-panel input[type=file] { width: 100%; padding: 12px; border: 1px dashed var(--line); border-radius: 13px; color: var(--muted); }
.rights-check { display: flex; gap: 9px; align-items: center; color: var(--muted); font-size: 13px; }
.candidate-stage { min-height: 520px; padding: 20px; }
.candidate-empty { min-height: 478px; display: grid; place-content: center; text-align: center; color: var(--muted); }
.candidate-empty span { color: var(--aqua); font-size: 34px; }
.candidate-empty h2 { margin: 12px 0 4px; color: var(--text); }
.candidate-empty p { margin: 0; }
.candidate-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.candidate-card { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--surface-soft); }
.candidate-card img,.candidate-placeholder { display: block; width: 100%; aspect-ratio: 3/4; object-fit: cover; background: linear-gradient(135deg,#292138,#15111e); }
.candidate-placeholder { display: grid; place-items: center; color: var(--muted); }
.candidate-card button { width: calc(100% - 20px); margin: 10px; }
.app-view { min-height: calc(100vh - 76px); padding: 58px 24px 110px; }
.app-shell,.character-home-shell { width: min(var(--max),100%); margin: auto; }
.home-heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.home-heading h1 { margin: 8px 0; font-size: clamp(42px,6vw,68px); letter-spacing: -.055em; }
.home-heading > div > p:last-child { color: var(--muted); }
.home-status { display: flex; gap: 10px; margin: 30px 0 48px; }
.status-pill { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 13px; }
.home-section { border-top: 1px solid var(--line); padding-top: 34px; }
.section-heading h2 { margin: 6px 0 24px; font-size: 34px; }
.character-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.home-character-card { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); transition: transform .2s,border-color .2s; }
.home-character-card:hover { transform: translateY(-3px); border-color: rgba(158,124,255,.6); }
.home-character-card img,.home-character-placeholder { display: block; width: 100%; aspect-ratio: 4/5; object-fit: cover; background: linear-gradient(145deg,#302541,#16121e); }
.home-character-placeholder { display: grid; place-items: center; color: var(--muted); }
.home-character-card > div:last-child { padding: 18px; }
.home-character-card h3 { margin: 0 0 5px; font-size: 23px; }
.home-character-card p { margin: 0; color: var(--muted); line-height: 1.4; }
.back-link { display: inline-block; margin-bottom: 24px; color: var(--muted); }
.character-hero { display: grid; grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr); gap: 60px; align-items: center; }
.character-intro-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.character-intro-meta .eyebrow{margin:0}.character-visibility{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.character-visibility::before{content:"●";margin-right:7px;color:var(--aqua)}
.character-portrait { overflow: hidden; aspect-ratio: 3/4; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(145deg,#302541,#16121e); box-shadow: 0 36px 90px rgba(0,0,0,.38); }
.character-portrait img { width: 100%; height: 100%; object-fit: cover; }
.character-intro h1 { margin: 10px 0 14px; font-size: clamp(52px,8vw,92px); line-height: .9; letter-spacing: -.065em; }
.character-tagline { max-width: 650px; color: var(--muted); font-size: 21px; line-height: 1.5; }
.character-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 28px; }
.character-chips span { padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 12px; }
.character-actions { display: flex; gap: 10px; align-items: center; }
.action-link { display: inline-grid; place-items: center; min-height: 46px; }
.character-dashboard { margin-top: 70px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.dashboard-card { padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.025); }
.dashboard-card h2 { margin: 10px 0; font-size: 24px; }
.dashboard-card > p:not(.eyebrow) { min-height: 44px; color: var(--muted); line-height: 1.45; }
.dashboard-card .text-button { padding: 0; }
.dashboard-link { display: inline-grid; align-items: center; }
.next-step { margin-top: 70px; padding-top: 36px; border-top: 1px solid var(--line); }
.next-step h2 { margin: 8px 0 28px; font-size: 36px; }
.next-step-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.next-step-grid a { display: grid; gap: 6px; padding: 20px; border: 1px solid var(--line); border-radius: 17px; }
.next-step-grid a:hover { border-color: var(--violet); }
.next-step-grid span { color: var(--muted); font-size: 13px; }
.character-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.character-path-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(97,225,209,.07),rgba(255,255,255,.02))}.character-path-card.story-path-card{background:linear-gradient(145deg,rgba(139,92,246,.11),rgba(255,255,255,.02))}.character-path-card h3{margin:8px 0;font-size:24px}.character-path-card>p:not(.eyebrow){min-height:48px;color:var(--muted);line-height:1.55}.character-path-card>.action-link{margin-top:12px}.path-shortcuts{display:flex;gap:8px;margin-top:16px}.path-shortcuts a{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px;text-decoration:none}.path-shortcuts a:hover{color:var(--text);border-color:var(--aqua)}
.recent-creations { margin-top:48px; }
.recent-creations header { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:16px; }
.recent-creations h2 { margin:6px 0 0; font-size:30px; }
.recent-creation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.recent-creation-card { display:grid; overflow:hidden; border:1px solid var(--line); border-radius:16px; color:var(--text); text-decoration:none; background:rgba(255,255,255,.025); }
.recent-creation-card:hover { border-color:rgba(97,225,209,.42); transform:translateY(-2px); }
.recent-creation-card img { width:100%; aspect-ratio:3/4; object-fit:cover; background:rgba(255,255,255,.04); }
.recent-creation-card span { display:grid; gap:4px; padding:13px; }
.recent-creation-card small { color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.recent-creation-empty { grid-column:1/-1; display:grid; gap:6px; padding:24px; border:1px dashed var(--line); border-radius:16px; color:var(--text); text-decoration:none; }
.recent-creation-empty span { color:var(--muted); }
.recent-creation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recent-creation-card{min-width:0;border-radius:19px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 14px 36px rgba(0,0,0,.12)}.recent-creation-visual{position:relative;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(145deg,#211a31,#3c2a50)}.recent-creation-card .recent-creation-visual img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .35s ease}.recent-creation-card:hover .recent-creation-visual img{transform:scale(1.035)}.recent-creation-card .recent-creation-placeholder{display:grid;width:100%;height:100%;place-items:center;padding:0;color:var(--accent);font-size:46px}.recent-creation-visual b{position:absolute;left:10px;top:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,8,15,.72);backdrop-filter:blur(8px);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.recent-creation-visual i{position:absolute;right:12px;bottom:12px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--accent);color:#17111f;font-size:13px;font-style:normal;box-shadow:0 6px 20px rgba(0,0,0,.3)}.recent-creation-copy{display:grid;gap:6px;padding:14px 15px 16px;min-width:0}.recent-creation-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.recent-creation-copy small{display:-webkit-box;min-height:2.8em;overflow:hidden;color:var(--muted);line-height:1.4;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recent-creation-copy em{width:max-content;padding:4px 7px;border-radius:999px;background:rgba(97,225,209,.08);color:var(--aqua);font-size:10px;font-style:normal}.recent-song .recent-creation-visual{aspect-ratio:1}.recent-song .recent-creation-copy,.recent-mv .recent-creation-copy{border-top:1px solid rgba(255,255,255,.04)}
@media(max-width:980px){.recent-creation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.recent-creation-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,78vw);grid-template-columns:none;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.recent-creation-grid::-webkit-scrollbar{display:none}.recent-creation-card{scroll-snap-align:start}.recent-creations header{margin-bottom:14px}.recent-creations h2{font-size:27px}}
.create-type-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:32px; }
.create-type-grid > * { display:grid; gap:10px; min-height:190px; padding:22px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); }
.create-type-grid a { color:var(--text); text-decoration:none; }
.create-type-grid a:hover { border-color:var(--aqua); transform:translateY(-2px); }
.create-type-grid strong { font-size:22px; }
.create-type-grid small { color:var(--muted); line-height:1.45; }
.create-type-grid b { align-self:end; color:var(--aqua); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.create-type-grid .coming-soon { opacity:.55; }
.create-type-icon { font-size:24px; }
.create-center-note { margin-top:18px; color:var(--muted); }
.creation-source-tabs { display:inline-flex; gap:5px; margin:18px 0 26px; padding:5px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.creation-source-tabs button { padding:11px 18px; border:0; border-radius:10px; color:var(--muted); background:transparent; cursor:pointer; }
.creation-source-tabs button.active { color:var(--text); background:rgba(139,92,246,.2); box-shadow:inset 0 0 0 1px rgba(139,92,246,.28); }
.upload-existing-panel { padding:24px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); }
.upload-existing-panel h2 { margin:6px 0 8px; }
.upload-existing-panel > div > p:last-child { color:var(--muted); }
.upload-existing-grid { display:grid; grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr); gap:24px; margin-top:24px; }
.upload-dropzone { display:flex; min-height:260px; padding:24px; align-items:center; justify-content:center; flex-direction:column; text-align:center; border:1px dashed rgba(97,225,209,.4); border-radius:16px; background:rgba(97,225,209,.035); }
.upload-dropzone input { max-width:100%; margin-top:16px; }
.upload-dropzone small { margin-top:8px; color:var(--muted); }
.upload-fields { display:grid; gap:14px; }
.upload-fields label:not(.rights-check) { display:grid; gap:7px; }
.upload-fields input,.upload-fields select,.upload-fields textarea { width:100%; }
.image-inspiration { margin-bottom:22px; padding:22px; border:1px solid rgba(139,92,246,.24); border-radius:20px; background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(97,225,209,.035)); }
.image-inspiration h2 { margin:5px 0 7px; }
.image-inspiration > div:first-child > p:last-child { color:var(--muted); }
.inspiration-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.inspiration-actions button { padding:10px 14px; border:1px solid var(--line); border-radius:999px; color:var(--text); background:rgba(8,12,24,.45); cursor:pointer; }
.inspiration-actions button:hover,.inspiration-actions button.active { border-color:var(--aqua); color:var(--aqua); }
.image-idea-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
.image-idea-card { display:grid; align-content:start; gap:8px; padding:16px; border:1px solid var(--line); border-radius:14px; color:var(--text); text-align:left; background:rgba(8,12,24,.42); cursor:pointer; }
.image-idea-card:hover { border-color:rgba(97,225,209,.5); transform:translateY(-1px); }
.image-idea-card span { color:var(--muted); line-height:1.45; }
.image-idea-card small { color:var(--aqua); text-transform:uppercase; letter-spacing:.07em; }
.image-more-ideas { grid-column:1/-1; justify-self:start; margin-top:2px; }
.image-ai-panel .visual-grid { grid-template-columns:minmax(380px,.8fr) minmax(0,1.2fr); gap:26px; margin-top:0; }
#image-ai-form { display:grid; gap:18px; padding:26px; }
#image-ai-form .look-reference { margin:0 0 2px; }
#image-ai-form > label { display:grid; gap:8px; color:var(--text); font-size:14px; font-weight:650; }
#image-ai-form > label > small { color:var(--muted); font-size:12px; font-weight:400; line-height:1.45; }
#image-ai-form input,#image-ai-form select,#image-ai-form textarea { box-sizing:border-box; width:100%; padding:13px 14px; border:1px solid var(--line); border-radius:13px; outline:0; color:var(--text); background:#1b1724; line-height:1.45; }
#image-ai-form textarea { min-height:142px; resize:vertical; }
#image-ai-form input::placeholder,#image-ai-form textarea::placeholder { color:#81798f; }
#image-ai-form input:focus,#image-ai-form select:focus,#image-ai-form textarea:focus { border-color:var(--violet); box-shadow:0 0 0 3px rgba(158,124,255,.13); }
#image-ai-form > .primary-button { width:100%; min-height:48px; margin-top:2px; }
.image-create-step { display:flex; align-items:flex-start; gap:11px; padding-top:5px; }
.image-create-step > span { display:grid; place-items:center; flex:0 0 27px; height:27px; border:1px solid rgba(158,124,255,.42); border-radius:50%; color:#d8c9ff; background:rgba(158,124,255,.1); font-size:12px; font-weight:800; }
.image-create-step > div { display:grid; gap:3px; }
.image-create-step strong { font-size:17px; }
.image-create-step small { color:var(--muted); font-size:12px; font-weight:400; line-height:1.4; }
#image-ai-form .image-inspiration { margin:0; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.02); }
#image-ai-form .image-inspiration > div:first-of-type > .eyebrow { display:none; }
#image-ai-form .image-inspiration h2 { margin:12px 0 4px; font-size:20px; }
#image-ai-form .image-inspiration h2 + p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }
#image-ai-form .inspiration-actions { margin-top:13px; }
#image-ai-form .image-idea-grid { grid-template-columns:1fr; }
.image-idea-card::after { content:"Use This Idea →"; margin-top:3px; color:#d8c9ff; font-size:12px; font-weight:750; }
.canon-preserved-note { padding:13px 14px; border:1px solid rgba(97,225,209,.22); border-radius:13px; color:var(--muted); background:rgba(97,225,209,.045); font-size:12px; line-height:1.45; }
.canon-preserved-note summary { color:var(--text); cursor:pointer; font-weight:650; }
.canon-preserved-note p { margin:9px 0 0; }
.credits-balance { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:34px; }
.credits-balance article { display:grid; gap:6px; padding:24px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,rgba(158,124,255,.09),rgba(97,225,209,.04)); }
.credits-balance span,.credits-balance small { color:var(--muted); font-size:12px; }
.credits-balance span { font-weight:800; letter-spacing:.08em; }
.credits-balance strong { font-size:42px; line-height:1; }
.credit-pricing { margin-top:36px; }
.credit-pricing > div { display:grid; gap:9px; margin-top:12px; }
.credit-pricing article,.credit-free-state { display:flex; justify-content:space-between; gap:20px; padding:15px 17px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.credit-free-state { align-items:flex-start; flex-direction:column; color:var(--muted); }
.credit-free-state strong { color:var(--text); }
.credit-history { margin-top:36px; }
.credit-entry { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:14px 0; border-bottom:1px solid var(--line); }
.credit-entry > div:first-child { display:grid; gap:4px; }
.credit-entry span,.credit-entry small { color:var(--muted); font-size:12px; }
.credit-entry-amount { display:grid; justify-items:end; font-size:18px; font-weight:800; }
.credit-entry-amount.positive { color:var(--aqua); }.credit-entry-amount.negative { color:var(--rose); }
@media(max-width:520px){.credits-balance{grid-template-columns:1fr}.credit-entry{align-items:flex-start}.credit-entry>div:first-child span{max-width:210px}}
.image-ai-panel #image-candidate-stage { min-height:100%; }
.library-type-tabs { display:flex; gap:8px; margin:30px 0 20px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.library-toolbar { display:grid; grid-template-columns:minmax(220px,300px) minmax(260px,1fr); gap:12px; margin-top:28px; padding:16px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.022); }
.library-toolbar label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:650; letter-spacing:.04em; text-transform:uppercase; }
.library-toolbar select,.library-toolbar input { width:100%; box-sizing:border-box; padding:12px 13px; border:1px solid var(--line); border-radius:11px; outline:0; color:var(--text); background:#1b1724; font:inherit; text-transform:none; letter-spacing:0; }
.library-toolbar select:focus,.library-toolbar input:focus { border-color:var(--violet); box-shadow:0 0 0 3px rgba(158,124,255,.12); }
.library-heading-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.library-upload-form { margin-top:30px; }
.library-upload-form .upload-fields label > small { color:var(--muted); font-size:12px; font-weight:400; }
.library-type-tabs button { padding:11px 15px; border:0; border-radius:11px; color:var(--muted); background:transparent; cursor:pointer; }
.library-type-tabs button.active { color:var(--text); background:rgba(139,92,246,.16); }
.library-type-tabs span { display:inline-grid; min-width:22px; height:22px; margin-left:6px; place-items:center; border-radius:999px; color:var(--aqua); background:rgba(97,225,209,.08); font-size:12px; }
.library-work-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.library-work-card { overflow:hidden; border:1px solid var(--line); border-radius:18px; color:var(--text); text-decoration:none; background:rgba(255,255,255,.025); }
.library-work-card:hover { border-color:rgba(97,225,209,.42); transform:translateY(-2px); }
.library-work-card img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; background:rgba(255,255,255,.035); }
.library-work-card > div { padding:17px; }
.library-work-card span,.library-work-card small { color:var(--muted); }
.library-work-card h2 { margin:6px 0 7px; font-size:20px; }
.library-work-card p { min-height:42px; margin:0 0 13px; color:var(--muted); line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.library-empty { grid-column:1/-1; display:grid; justify-items:start; gap:8px; padding:34px; border:1px dashed var(--line); border-radius:18px; }
.library-empty p { color:var(--muted); }
.image-connect-panel { display:grid; gap:11px; margin-top:24px; padding:18px; border:1px solid rgba(97,225,209,.22); border-radius:16px; background:rgba(97,225,209,.035); }
.image-connect-panel h2 { margin:0; font-size:21px; }
.image-connect-panel > p:not(.eyebrow):not(.flow-message) { margin:0; color:var(--muted); line-height:1.5; }
.image-connect-panel label { display:grid; gap:7px; margin-top:4px; color:var(--muted); font-size:13px; }
.image-connect-panel select { width:100%; padding:12px 13px; border:1px solid var(--line); border-radius:11px; color:var(--text); background:#1b1724; }
.look-title { max-width: 900px; margin: 12px 0 16px; font-size: clamp(42px,6vw,70px); line-height: 1; letter-spacing: -.055em; }
.look-title span { color: var(--violet); }
.look-reference { display: flex; align-items: center; gap: 13px; margin-bottom: 22px; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.look-reference img { width: 62px; height: 76px; border-radius: 11px; object-fit: cover; }
.look-reference div { display: grid; gap: 4px; }
.look-reference small,.look-description small { color: var(--muted); }
.look-description { display: grid; gap: 8px; margin-top: 20px; color: var(--muted); font-size: 13px; font-weight: 750; }
.look-description textarea { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--text); background: rgba(255,255,255,.045); resize: vertical; line-height: 1.5; }
.candidate-stage-footer { display: flex; justify-content: center; margin-top: 15px; }
.look-detail-layout { display: grid; grid-template-columns: minmax(360px,1.1fr) minmax(280px,.9fr); gap: 64px; align-items: center; }
.look-main-image { overflow: hidden; border: 1px solid var(--line); border-radius: 28px; background: var(--surface); }
.look-main-image img { display: block; width: 100%; max-height: 76vh; object-fit: contain; }
.look-detail-copy h1 { margin: 10px 0 12px; font-size: clamp(48px,7vw,78px); line-height: .95; letter-spacing: -.06em; }
.look-detail-copy > p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.6; }
.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.detail-actions .action-link{margin:0}.detail-actions .quiet-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.task-nav-link{display:inline-flex!important;align-items:center;gap:7px}.task-nav-link span{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:var(--accent);color:#17111f;font-size:11px;font-weight:800}.task-center-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.task-center-heading h1{margin:8px 0;font-size:clamp(42px,7vw,76px);line-height:.95;letter-spacing:-.055em}.task-center-heading p{color:var(--muted)}.task-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.task-summary article{display:grid;gap:4px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.task-summary strong{font-size:32px}.task-summary span{color:var(--muted)}.task-list{display:grid;gap:12px}.task-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}.task-type-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(190,139,255,.13);color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em}.task-card-copy>div{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.task-card-copy h2,.task-card-copy p{margin:4px 0}.task-card-copy p{color:var(--muted)}.task-card-action{display:grid;justify-items:end;gap:10px}.task-status{text-transform:capitalize;font-size:12px;color:var(--muted)}.task-running,.task-queued,.task-saving,.task-validating{border-color:rgba(190,139,255,.42)}.task-needs_attention{border-color:rgba(92,220,194,.42)}.task-failed{border-color:rgba(255,112,128,.35)}@media(max-width:720px){.task-center-heading{align-items:start}.task-summary{grid-template-columns:1fr}.task-card{grid-template-columns:auto 1fr}.task-card-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}}
.song-lyrics-panel{margin-top:54px;padding:clamp(24px,5vw,52px);border:1px solid var(--line);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(190,139,255,.12),transparent 34%),rgba(255,255,255,.025)}.song-lyrics-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.55fr);gap:36px;align-items:start;padding-bottom:28px;border-bottom:1px solid var(--line)}.song-lyrics-heading h2{margin:8px 0 0;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:-.045em}.song-style-note{padding:18px;border-radius:18px;background:rgba(0,0,0,.16)}.song-style-note span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.song-style-note p{margin:8px 0 0;color:var(--muted);line-height:1.55}.song-lyrics{max-width:780px;margin:38px auto 0;columns:2;column-gap:64px}.lyric-section{break-inside:avoid;margin:0 0 34px}.lyric-section h3{margin:0 0 12px;color:var(--accent);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lyric-section p{margin:0;color:rgba(255,255,255,.9);font-size:17px;line-height:1.9}.instrumental-note{column-span:all;display:flex;align-items:center;justify-content:center;gap:18px;min-height:180px;text-align:left}.instrumental-note>span{font-size:50px;color:var(--accent)}.instrumental-note h3,.instrumental-note p{margin:4px 0}.instrumental-note p,.lyrics-unavailable{color:var(--muted)}@media(max-width:760px){.song-lyrics-heading{grid-template-columns:1fr}.song-lyrics{columns:1;margin-top:30px}.lyric-section p{font-size:16px;line-height:1.82}}
.song-lyrics-panel.collapsed{padding:0;background:rgba(255,255,255,.025)}.song-lyrics-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:0;background:transparent;color:inherit;text-align:left}.song-lyrics-toggle>span{display:grid;gap:5px}.song-lyrics-toggle small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.song-lyrics-toggle strong{font-size:20px}.song-lyrics-toggle>b{color:var(--muted);font-size:13px}.song-lyrics-toggle>b::after{content:"↓";display:inline-block;margin-left:9px;transition:transform .2s ease}.song-lyrics-toggle[aria-expanded="true"]>b::after{transform:rotate(180deg)}.song-lyrics-content{padding-top:28px;border-top:1px solid var(--line)}.song-lyrics-content .song-style-note{max-width:520px;margin-left:auto}.song-lyrics-panel:not(.collapsed) .song-lyrics-toggle{padding:0 0 24px}.song-lyrics-panel:not(.collapsed){background:radial-gradient(circle at 85% 10%,rgba(190,139,255,.12),transparent 34%),rgba(255,255,255,.025)}@media(max-width:760px){.song-lyrics-toggle{padding:18px 20px}.song-lyrics-toggle strong{font-size:17px}.song-lyrics-toggle>b{white-space:nowrap}.song-lyrics-content .song-style-note{margin-left:0}}
.song-version-switcher{align-items:center;flex-wrap:wrap}.song-version-options{display:flex;gap:10px}.song-version-option small{display:inline-block;margin-left:5px;padding:2px 6px;border-radius:999px;background:var(--accent);color:#17111f;font-size:9px;text-transform:uppercase}.song-make-default{padding:9px 14px!important;border-style:dashed!important;font-size:12px}.song-make-default[hidden]{display:none}
.story-song-preview,.story-detail-soundtrack{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.story-song-preview img,.story-detail-soundtrack img,.story-add-work.song img{width:64px;height:64px;border-radius:12px;object-fit:cover}.story-song-preview>div,.story-detail-soundtrack>div{display:grid;gap:5px;flex:1}.story-song-preview audio,.story-detail-soundtrack audio{width:100%;height:32px}.story-detail-soundtrack a{color:inherit;text-decoration:none}.story-detail-soundtrack span,.story-detail-soundtrack small{color:var(--muted);font-size:12px}.song-note{display:grid;place-items:center;width:64px;height:64px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#9174ff);color:#17111f;font-size:28px;flex:0 0 auto}.story-soundtrack-controls label{display:grid;gap:8px;max-width:620px}
@media(max-width:640px){.story-detail-soundtrack{align-items:flex-start}.story-detail-soundtrack img,.story-detail-soundtrack>.song-note{width:52px;height:52px}.story-song-preview audio,.story-detail-soundtrack audio{max-width:220px}}
.timeline-soundtrack{display:grid;grid-template-columns:48px 34px minmax(0,1fr);align-items:center;gap:10px;margin:14px 0 4px;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.timeline-soundtrack>img,.timeline-soundtrack>.song-note{width:48px;height:48px;border-radius:10px;object-fit:cover}.timeline-soundtrack>.song-note{font-size:20px}.timeline-soundtrack-play{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--accent);color:#17111f;cursor:pointer}.timeline-soundtrack>div{display:grid;gap:2px;min-width:0}.timeline-soundtrack small,.timeline-soundtrack span{font-size:11px;color:var(--muted)}.timeline-soundtrack a{overflow:hidden;color:var(--text);font-weight:700;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.timeline-soundtrack audio{display:none}
.story-add-work video{width:120px;max-height:100px;border-radius:12px;object-fit:cover}.story-mv-controls>video{display:block;width:min(100%,620px);max-height:360px;margin:14px 0;border-radius:16px;background:#08080b}.story-mv-controls label{display:grid;gap:8px;max-width:620px}
.story-mv-badge{display:inline-flex;align-items:center;width:max-content;margin:2px 0 8px;padding:4px 9px;border:1px solid rgba(224,190,124,.35);border-radius:999px;background:rgba(224,190,124,.09);color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.08em}.story-detail-featured-mv{display:grid;gap:12px;margin:18px 0 22px;padding:14px;border:1px solid rgba(224,190,124,.28);border-radius:18px;background:linear-gradient(145deg,rgba(224,190,124,.08),rgba(255,255,255,.02))}.story-detail-featured-mv[hidden]{display:none}.story-featured-mv-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.story-featured-mv-heading>div{display:grid;gap:3px}.story-featured-mv-heading small{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}.story-featured-mv-heading a{color:var(--text);text-decoration:none}.story-detail-featured-mv video{display:block;width:100%;max-height:520px;border-radius:13px;background:#08080b}.timeline-featured-mv{display:flex;align-items:center;gap:11px;margin:12px 0 4px;padding:10px 12px;border:1px solid rgba(224,190,124,.3);border-radius:13px;background:rgba(224,190,124,.07);color:var(--text);text-decoration:none}.timeline-featured-mv>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#17111f}.timeline-featured-mv>div{display:grid;gap:2px;min-width:0}.timeline-featured-mv small{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.1em}.timeline-featured-mv strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-featured-mv:hover{border-color:var(--accent);transform:translateY(-1px)}
@media(max-width:640px){.story-featured-mv-heading{align-items:flex-start;flex-direction:column}.story-detail-featured-mv{margin-inline:-4px;padding:10px}}
.detail-actions .delete-work-action{margin-left:auto;color:#ff9b9b}.detail-actions .delete-work-action:hover{color:#ffd0d0}.detail-actions .delete-work-action:disabled{opacity:.55}
.turnaround-reference { display: flex; align-items: center; gap: 14px; width: max-content; max-width: 100%; margin: 32px 0 22px; padding: 10px 14px 10px 10px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.turnaround-reference img { width: 52px; height: 64px; border-radius: 10px; object-fit: cover; }
.turnaround-reference div { display: grid; gap: 3px; }
.turnaround-reference span { color: var(--muted); font-size: 12px; }
.turnaround-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.turnaround-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.turnaround-card img,.turnaround-empty { display: grid; place-items: center; width: 100%; aspect-ratio: 3/4; object-fit: cover; background: linear-gradient(145deg,#2b2339,#15111e); }
.turnaround-empty { padding: 24px; color: var(--muted); text-align: center; }
.turnaround-card footer { display: grid; gap: 10px; padding: 14px; }
.turnaround-card footer strong { font-size: 17px; }
.turnaround-card footer button { width: 100%; }
.canon-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.canon-heading h1 { max-width: 790px; margin: 10px 0 14px; font-size: clamp(42px,6vw,68px); line-height: 1; letter-spacing: -.055em; }
.canon-heading h1 span { color: var(--violet); }
.canon-heading > div > p:last-child { max-width: 680px; color: var(--muted); line-height: 1.6; }
.canon-boundary { margin-top: 30px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.canon-boundary strong { font-size: 16px; }
.canon-boundary p { margin: 8px 0; color: var(--muted); line-height: 1.55; }
.canon-boundary b { color: var(--text); }
.canon-boundary span { color: #d8c9ff; font-size: 13px; }
.canon-overview { display: flex; gap: 12px; margin-top: 18px; }
.canon-overview article { display: flex; align-items: baseline; gap: 8px; padding: 13px 17px; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); background: var(--surface); }
.canon-overview strong { color: var(--text); font-size: 22px; }
.canon-era-banner,.canon-review-summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 26px; padding: 22px; border: 1px solid rgba(158,124,255,.34); border-radius: 20px; background: linear-gradient(120deg,rgba(158,124,255,.11),rgba(255,255,255,.02)); }
.canon-era-banner h2,.canon-review-summary h2 { margin: 5px 0 7px; font-size: 22px; }
.canon-era-banner span,.canon-review-summary p { margin: 0; color: var(--muted); line-height: 1.5; }
.canon-review-summary > div:last-child { display: grid; min-width: min(360px,100%); gap: 8px; }
.canon-review-summary a { display: flex; justify-content: space-between; gap: 18px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); text-decoration: none; background: rgba(0,0,0,.12); }
.canon-review-summary a strong { color: #d8c9ff; font-size: 12px; white-space: nowrap; }
.canon-form { max-width: 760px; margin: 34px 0; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); }
.canon-form label { display: grid; gap: 8px; margin-bottom: 15px; color: var(--muted); font-size: 13px; font-weight: 750; }
.canon-form select,.canon-form textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: #1c1725; }
.canon-form small { color: var(--muted); font-weight: 500; line-height: 1.45; }
.field-count { justify-self: end; color: var(--muted); font-size: 12px; font-weight: 600; }
.field-advice { padding: 10px 12px; border: 1px solid rgba(255,194,112,.25); border-radius: 11px; color: #f2c98d; background: rgba(255,174,76,.06); font-size: 12px; font-weight: 600; line-height: 1.4; }
.canon-groups { display: grid; gap: 34px; margin-top: 54px; }
.canon-group h2 { margin: 0 0 14px; font-size: 26px; }
.canon-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.canon-card { padding: 20px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.025); }
.canon-card p { margin: 0 0 16px; line-height: 1.55; }
.canon-source { margin: -6px 0 10px; color: #d8c9ff; font-size: 12px; }
.canon-meta { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--muted); font-size: 12px; }
.canon-meta button { min-height: auto; padding: 5px 0; }
.archived-canon { margin-top: 42px; padding-top: 20px; border-top: 1px solid var(--line); }
.archived-canon-list { display: grid; gap: 10px; margin-top: 12px; }
.archived-canon-card { display: flex; justify-content: space-between; gap: 18px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; color: var(--muted); }
.canon-dialog { width: min(700px,calc(100vw - 28px)); max-height: 88vh; padding: 0; border: 1px solid var(--line); border-radius: 25px; color: var(--text); background: #15111d; }
.canon-dialog::backdrop { background: rgba(5,4,9,.72); backdrop-filter: blur(9px); }
.canon-dialog-shell { position: relative; padding: 30px; }
.canon-dialog h2 { margin: 8px 44px 22px 0; font-size: 34px; }
.canon-current { padding: 18px; border: 1px solid rgba(158,124,255,.35); border-radius: 16px; background: rgba(158,124,255,.08); line-height: 1.55; }
.canon-current span,.history-version span { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; }
.canon-history { display: grid; gap: 10px; margin-top: 22px; }
.canon-history > h3 { margin: 0 0 4px; }
.history-version { padding: 16px; border: 1px solid var(--line); border-radius: 14px; }
.history-version p { margin: 0; line-height: 1.5; }
.history-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.canon-dialog-actions { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--line); }
.danger-text { color: #f09aa7; }
.era-form input { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: #1c1725; }
.era-shape-panel { max-width: 760px; margin: 34px 0; padding: 30px; border: 1px solid rgba(158,124,255,.4); border-radius: 22px; background: rgba(158,124,255,.06); }
.era-shape-panel h2 { margin: 8px 0; font-size: 32px; }
.era-shape-panel h2 span { color: var(--violet); }
.era-shape-panel > p:not(.eyebrow):not(.flow-message) { color: var(--muted); }
.era-shape-panel textarea { width: 100%; margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--text); background: #191420; resize: vertical; line-height: 1.5; }
.era-shape-actions,.era-form-secondary { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; }
.era-form-secondary { justify-content: flex-start; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.era-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.era-form-grid label:nth-child(3) { grid-column: 1/-1; }
.era-timeline { display: grid; gap: 18px; margin-top: 50px; }
.era-card { position: relative; padding: 26px; border: 1px solid var(--line); border-radius: 22px; background: rgba(255,255,255,.025); }
.era-card.current { border-color: rgba(158,124,255,.5); background: rgba(158,124,255,.06); }
.era-card-header { display: flex; justify-content: space-between; gap: 22px; }
.era-card h2 { margin: 7px 0; font-size: 34px; }
.era-card-tagline { margin: 0; color: var(--muted); font-size: 17px; }
.era-state { height: max-content; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.era-directions { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 22px; }
.era-directions div { padding: 14px; border: 1px solid var(--line); border-radius: 13px; }
.era-directions strong { display: block; margin-bottom: 6px; font-size: 12px; }
.era-directions p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.45; }
.era-story { margin: 20px 0 0; line-height: 1.6; }
.era-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 20px; color: var(--muted); font-size: 12px; }
.story-form input { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: #1c1725; }
.canon-proposals { margin: 8px 0 18px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.canon-proposals > p { color: var(--muted); font-size: 13px; }
.canon-analysis-note,.canon-analysis-status { margin:14px 0; padding:12px 14px; border:1px solid rgba(97,225,209,.22); border-radius:12px; color:var(--muted); background:rgba(97,225,209,.05); font-size:13px; line-height:1.5; }
.story-canon-review { border-color:rgba(158,124,255,.25); background:linear-gradient(135deg,rgba(158,124,255,.06),rgba(255,255,255,.015)); }
.story-canon-review > h2 { margin-bottom:8px; }
.story-canon-review > h2 + p { max-width:720px; color:var(--muted); line-height:1.55; }
.story-version-history { padding-top:18px; padding-bottom:18px; }
.story-version-history > .eyebrow { display:inline-block; margin-right:10px; }
.story-version-toggle { min-height:auto; padding:5px 0; }
.story-version-history #story-detail-versions { margin-top:14px; }
.canon-review-inbox { margin:18px 0; padding:20px; border:1px solid rgba(97,225,209,.28); border-radius:18px; background:linear-gradient(135deg,rgba(97,225,209,.08),rgba(139,92,246,.06)); }
.canon-review-inbox header h2 { margin:4px 0 14px; font-size:clamp(18px,3vw,24px); }
.canon-review-list { display:grid; gap:8px; }
.canon-review-list a { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 14px; border:1px solid var(--line); border-radius:12px; color:var(--text); background:rgba(8,12,24,.42); text-decoration:none; }
.canon-review-list a:hover { border-color:rgba(97,225,209,.45); transform:translateY(-1px); }
.canon-review-list a div { display:grid; gap:4px; }
.canon-review-list a div span { color:var(--muted); font-size:13px; }
.profile-version-card { margin-top:10px; padding:14px 15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
.profile-version-card > p { margin:10px 0; color:var(--muted); font-size:14px; }
.character-story-spotlight,.character-foundation { margin-top:22px; padding:22px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.025); }
.character-story-spotlight { display:flex; align-items:center; justify-content:space-between; gap:24px; background:linear-gradient(135deg,rgba(139,92,246,.09),rgba(97,225,209,.06)); }
.character-story-spotlight h2,.character-foundation h2 { margin:5px 0 8px; }
.story-spotlight-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.character-foundation header { display:flex; justify-content:space-between; align-items:end; gap:18px; }
.foundation-links,.edit-character-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; margin-top:16px; }
.character-story-spotlight{margin-top:38px}.character-story-spotlight>div:first-child{flex:1}.character-current-moment,#character-current-moment{margin-top:14px}.current-moment-card{display:grid;max-width:620px;overflow:hidden;border:1px solid var(--line);border-radius:15px;color:var(--text);text-decoration:none;background:rgba(5,6,12,.18)}.current-moment-card.has-visual{grid-template-columns:112px minmax(0,1fr)}.current-moment-card img{width:112px;height:100%;min-height:112px;object-fit:cover}.current-moment-copy{display:grid;gap:4px;padding:13px 15px}.current-moment-copy span{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.06em}.current-moment-copy strong{font-size:16px}.current-moment-copy p{display:-webkit-box;overflow:hidden;margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}.current-moment-card.empty{display:inline-grid}.creation-story-state{color:var(--aqua)!important;margin-top:3px}
@media(max-width:520px){.current-moment-card.has-visual{grid-template-columns:82px minmax(0,1fr)}.current-moment-card img{width:82px;min-height:108px}.current-moment-copy{padding:11px 12px}}
.foundation-links a,.edit-character-grid a { display:grid; gap:6px; min-height:105px; padding:16px; border:1px solid var(--line); border-radius:14px; color:var(--text); text-decoration:none; background:rgba(8,12,24,.38); }
.foundation-links a:hover,.edit-character-grid a:hover { border-color:rgba(97,225,209,.42); transform:translateY(-1px); }
.foundation-links span,.foundation-links small,.edit-character-grid span { color:var(--muted); line-height:1.4; }
.foundation-group{margin-top:22px}.foundation-group-label{margin:0;color:var(--aqua);font-size:11px;font-weight:800;letter-spacing:.16em}.foundation-group .foundation-links{margin-top:10px}.foundation-core-links{grid-template-columns:repeat(3,minmax(0,1fr))}.foundation-story-links{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-links small{display:block;font-size:12px}.foundation-links b{color:inherit}
.story-subnav { display:flex; gap:6px; margin:18px 0 26px; padding:5px; width:max-content; max-width:100%; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.story-subnav a { padding:9px 16px; border-radius:10px; color:var(--muted); text-decoration:none; font-weight:700; }
.story-subnav a.active { color:var(--text); background:rgba(97,225,209,.12); }
@media (max-width:800px) { .foundation-links,.foundation-core-links,.foundation-story-links,.edit-character-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .character-story-spotlight { align-items:flex-start; flex-direction:column; } }
@media (max-width:800px){.character-path-grid{grid-template-columns:1fr}.character-path-card>p:not(.eyebrow){min-height:0}}
@media (max-width:800px) { .recent-creation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) { .create-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .upload-existing-grid { grid-template-columns:1fr; } }
@media (max-width:800px) { .image-idea-grid { grid-template-columns:1fr; } }
@media (max-width:980px) { .image-ai-panel .visual-grid { grid-template-columns:1fr; } .image-ai-panel #image-candidate-stage { min-height:430px; } }
@media (max-width:800px) { .library-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .library-work-grid { grid-template-columns:1fr; } .library-type-tabs button { flex:1; } }
@media (max-width:620px) { .library-toolbar { grid-template-columns:1fr; } }
@media (max-width:620px) { .library-heading-actions { width:100%; justify-content:stretch; } .library-heading-actions a { flex:1; text-align:center; } }
@media (max-width:520px) { .foundation-links,.edit-character-grid,.create-type-grid { grid-template-columns:1fr; } .story-subnav { width:100%; } .story-subnav a { flex:1; text-align:center; padding-inline:10px; } .recent-creations header { align-items:flex-start; flex-direction:column; } .creation-source-tabs { display:grid; width:100%; grid-template-columns:1fr 1fr; } }
.canon-proposal-item { margin: 7px 0; padding: 10px 12px; border-radius: 10px; background: rgba(158,124,255,.08); font-size: 13px; }
.story-timeline { display: grid; gap: 12px; margin-top: 48px; padding-left: 22px; border-left: 1px solid var(--line); }
.story-moment { position: relative; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.story-moment::before { content:""; position:absolute; left:-28px; top:29px; width:10px; height:10px; border-radius:50%; background:var(--violet); box-shadow:0 0 14px var(--violet); }
.story-moment h2 { margin: 7px 0 10px; font-size: 27px; }
.story-moment > p { margin: 0; color: var(--muted); line-height: 1.6; }
.story-moment.has-visual { display:grid; grid-template-columns:150px minmax(0,1fr); gap:20px; padding:14px; }
.story-moment-thumb { width:150px; height:100%; min-height:150px; border-radius:12px; object-fit:cover; }
.story-moment-copy { min-width:0; padding:7px 8px 7px 0; }
.story-moment-copy > p:not(.eyebrow) { margin:0; color:var(--muted); line-height:1.6; }
.story-moment-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; color: var(--muted); font-size: 12px; }
.compact-story-moment{display:grid;grid-template-columns:104px minmax(0,1fr) 24px;align-items:center;gap:17px;padding:13px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022);color:var(--text);text-decoration:none}.compact-story-moment:hover{border-color:rgba(97,225,209,.4);transform:translateY(-1px)}.compact-story-moment-thumb,.compact-story-moment-placeholder{width:104px;height:82px;border-radius:12px;object-fit:cover;background:linear-gradient(145deg,#211a31,#3c2a50)}.compact-story-moment-placeholder{display:grid;place-items:center;color:var(--accent);font-size:28px}.compact-story-moment-copy{min-width:0}.compact-story-moment-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-story-moment-heading p{margin:0;color:var(--aqua);font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.compact-story-moment-heading>span{color:var(--muted);font-size:10px;text-transform:uppercase}.compact-story-moment h2{margin:6px 0 4px;font-size:19px}.compact-story-moment-copy>p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-story-moment-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.compact-story-moment-meta span{padding:3px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted);font-size:9px}.compact-story-moment-arrow{color:var(--aqua);font-size:20px}.story-timeline:has(.compact-story-moment){display:grid;gap:10px}
@media(max-width:620px){.compact-story-moment{grid-template-columns:70px minmax(0,1fr);gap:11px;padding:10px}.compact-story-moment-thumb,.compact-story-moment-placeholder{width:70px;height:70px}.compact-story-moment-arrow{display:none}.compact-story-moment-heading{align-items:flex-start;flex-direction:column;gap:3px}.compact-story-moment h2{font-size:17px}.compact-story-moment-copy>p{-webkit-line-clamp:1}.compact-story-moment-meta span:first-child{display:none}}
.optional-label { color: var(--muted); font-weight: 500; }
.recent-life { margin-top: 70px; padding-top: 34px; border-top: 1px solid var(--line); }
.recent-life header { display:flex; justify-content:space-between; align-items:end; gap:20px; }
.recent-life h2 { margin:6px 0 18px; font-size:34px; }
.recent-event-list { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.recent-event { padding:16px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.025); }
.recent-event strong,.recent-event span { display:block; }
.recent-event span { margin-top:6px; color:var(--muted); font-size:12px; }
.timeline-era-groups { display:grid; gap:46px; margin-top:50px; }
.timeline-era-group > h2 { margin:0 0 18px; font-size:28px; }
.timeline-event-list { display:grid; gap:12px; padding-left:22px; border-left:1px solid var(--line); }
.timeline-event { position:relative; padding:20px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.025); }
.timeline-event::before { content:""; position:absolute; left:-28px; top:26px; width:10px; height:10px; border-radius:50%; background:var(--aqua); }
.timeline-event h3 { margin:6px 0 8px; font-size:23px; }
.timeline-event > p { margin:0; color:var(--muted); line-height:1.5; }
.timeline-event footer { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-top:13px; color:var(--muted); font-size:12px; }
.timeline-era-groups{gap:18px;margin-top:38px}.timeline-era-chapter{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.018)}.timeline-era-chapter>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;cursor:pointer;list-style:none;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(255,255,255,.015))}.timeline-era-chapter>summary::-webkit-details-marker{display:none}.timeline-era-chapter>summary>span:first-child{display:grid;gap:3px}.timeline-era-chapter>summary small{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.13em}.timeline-era-chapter>summary strong{font-size:22px}.timeline-era-chapter>summary>span:last-child{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.timeline-era-chapter>summary b{color:var(--text);font-size:18px;transition:transform .2s}.timeline-era-chapter[open]>summary b{transform:rotate(180deg)}.compact-timeline-list{padding:2px 20px 10px}.compact-timeline-event{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 116px;gap:12px;padding:19px 0;border-top:1px solid rgba(255,255,255,.07)}.compact-timeline-event:first-child{border-top:0}.compact-timeline-rail{position:relative}.compact-timeline-rail::after{content:"";position:absolute;left:5px;top:17px;bottom:-20px;width:1px;background:var(--line)}.compact-timeline-event:last-child .compact-timeline-rail::after{display:none}.compact-timeline-rail span{position:absolute;left:0;top:7px;width:11px;height:11px;border:2px solid var(--panel);border-radius:50%;background:var(--aqua);box-shadow:0 0 0 3px rgba(97,225,209,.12)}.compact-timeline-content{min-width:0}.compact-timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.compact-timeline-heading p{margin:0;color:var(--aqua);font-size:11px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.compact-timeline-heading>span{color:var(--muted);font-size:10px;text-transform:uppercase}.compact-timeline-title,.compact-timeline-content>h3{display:block;margin:7px 0 6px;color:var(--text);font-size:20px;font-weight:750;line-height:1.25;text-decoration:none}.compact-timeline-title:hover{color:var(--violet)}.compact-timeline-summary{display:-webkit-box;max-width:720px;margin:0;overflow:hidden;color:var(--muted);font-size:14px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-timeline-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.compact-timeline-meta span{padding:4px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted);font-size:10px}.compact-timeline-actions{display:flex;align-items:center;gap:15px;margin-top:11px}.compact-timeline-actions a{color:var(--aqua);font-size:12px;font-weight:750;text-decoration:none}.compact-timeline-actions .text-button{margin-left:auto;padding:0;color:var(--muted);font-size:11px}.compact-timeline-thumb{align-self:start;overflow:hidden;width:116px;height:82px;border-radius:12px;background:var(--panel)}.compact-timeline-thumb img{width:100%;height:100%;object-fit:cover}.compact-timeline-thumb:hover img{transform:scale(1.035)}
@media(max-width:700px){.timeline-era-groups{margin-top:28px}.timeline-era-chapter>summary{padding:15px 16px}.timeline-era-chapter>summary strong{font-size:19px}.compact-timeline-list{padding-inline:14px}.compact-timeline-event{grid-template-columns:20px minmax(0,1fr);gap:9px;padding:17px 0}.compact-timeline-thumb{display:none}.compact-timeline-heading{align-items:flex-start;flex-direction:column;gap:4px}.compact-timeline-title,.compact-timeline-content>h3{font-size:18px}.compact-timeline-summary{font-size:13px}.compact-timeline-meta span{padding:3px 7px}.compact-timeline-actions{margin-top:10px}}
.story-link { color:inherit; }
.story-link:hover h2,.story-link:hover h3 { color:var(--violet); }
.story-detail { max-width:900px; padding-bottom:36px; border-bottom:1px solid var(--line); }
.story-detail header { display:flex; justify-content:space-between; align-items:start; gap:24px; }
.story-detail h1 { margin:10px 0 14px; font-size:clamp(46px,7vw,76px); line-height:.98; letter-spacing:-.055em; }
.story-detail-summary { color:var(--muted); font-size:20px; line-height:1.7; }
.story-detail-section { max-width:900px; margin-top:38px; }
.story-detail-section h2 { margin:8px 0; font-size:29px; }
.story-detail-section > p:not(.eyebrow) { color:var(--muted); }
.story-detail-works{max-width:900px;margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.story-detail-works[hidden]{display:none}.story-detail-works-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.story-detail-works-heading h2{margin:5px 0 0;font-size:24px}.story-detail-works-content{display:grid;gap:13px}.story-detail-works-content .story-detail-image{margin:0}.story-detail-works-content .story-detail-soundtrack,.story-detail-works-content .story-detail-featured-mv{margin:0}.story-manage-works{max-width:900px;margin-top:20px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.story-manage-works>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;cursor:pointer;list-style:none}.story-manage-works>summary::-webkit-details-marker{display:none}.story-manage-works>summary>span:first-child{display:grid;gap:3px}.story-manage-works>summary small{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.12em}.story-manage-works>summary strong{font-size:17px}.story-manage-works>summary>span:last-child{color:var(--muted);font-size:11px}.story-manage-works[open]>summary{border-bottom:1px solid var(--line);background:rgba(97,225,209,.035)}.story-manage-works-body{display:grid;gap:0;padding:0 19px 18px}.story-manage-works-body>.story-detail-section{margin-top:0;padding:22px 0;border-bottom:1px solid var(--line)}.story-manage-works-body>.story-detail-section:last-child{border-bottom:0}.story-manage-works-body>.story-detail-section h2{font-size:22px}.story-canon-review.compact{display:flex;align-items:center;gap:14px;margin-top:20px;padding:13px 16px;border:1px solid rgba(97,225,209,.18);border-radius:15px;background:rgba(97,225,209,.035)}.story-canon-review.compact>.eyebrow{margin:0;white-space:nowrap}.story-canon-review.compact .canon-analysis-status{margin:0;padding:0;border:0;background:transparent}.story-version-history{max-width:900px}.story-moment-danger{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:900px;margin:28px 0 20px;padding:17px 19px;border:1px solid rgba(255,104,122,.22);border-radius:17px;background:rgba(255,104,122,.035)}.story-moment-danger>div{display:grid;gap:4px}.story-moment-danger small{color:#ff8998;font-size:10px;font-weight:800;letter-spacing:.12em}.story-moment-danger strong{font-size:16px}.story-moment-danger p{margin:0;color:var(--muted);font-size:12px}.danger-button{padding:9px 13px!important;border:1px solid rgba(255,104,122,.35)!important;border-radius:10px!important;color:#ff8998!important;white-space:nowrap}
@media(max-width:640px){.story-detail-works-heading{align-items:flex-start;flex-direction:column}.story-detail-works-heading h2{font-size:21px}.story-manage-works>summary{padding:15px}.story-manage-works-body{padding-inline:15px}.story-canon-review.compact{align-items:flex-start;flex-direction:column}.story-moment-danger{align-items:flex-start;flex-direction:column}.danger-button{width:100%}}
.proposal-review { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:10px; padding:15px; border:1px solid var(--line); border-radius:14px; }
.proposal-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; flex:none; }
@media (max-width:700px) { .proposal-review { align-items:flex-start; flex-direction:column; } .proposal-actions { justify-content:flex-start; width:100%; } }
.proposal-status { color:var(--muted); font-size:12px; text-transform:capitalize; }
.version-row { padding:14px 0; border-bottom:1px solid var(--line); }
.version-row strong { display:block; }
.version-row span { color:var(--muted); font-size:12px; }
.auth-dialog { width: min(520px,calc(100vw - 28px)); padding: 0; border: 1px solid var(--line); border-radius: 26px; color: var(--text); background: rgba(20,16,29,.98); box-shadow: 0 36px 110px rgba(0,0,0,.62); }
.auth-dialog::backdrop { background: rgba(5,4,9,.74); backdrop-filter: blur(10px); }
.dialog-shell { position: relative; padding: 30px; }
.dialog-close { position: absolute; top: 17px; right: 17px; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: rgba(255,255,255,.04); cursor: pointer; font-size: 22px; }
.auth-heading h2 { margin: 8px 42px 8px 0; font-size: 30px; letter-spacing: -.035em; }
.auth-heading > p:last-child { margin: 0; color: var(--muted); line-height: 1.5; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 24px 0 18px; padding: 4px; border-radius: 14px; background: rgba(255,255,255,.055); }
.auth-tabs button { min-height: 40px; border: 0; border-radius: 11px; color: var(--muted); background: transparent; cursor: pointer; }
.auth-tabs button.active { color: var(--text); background: var(--surface-soft); box-shadow: 0 5px 18px rgba(0,0,0,.18); }
.auth-form { display: grid; gap: 14px; }
.auth-form label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; font-weight: 700; }
.auth-form input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid var(--line); outline: 0; border-radius: 13px; color: var(--text); background: rgba(255,255,255,.045); }
.auth-form input:focus { border-color: var(--violet); box-shadow: 0 0 0 3px rgba(158,124,255,.14); }
.auth-submit { width: 100%; margin-top: 4px; }
.auth-message { min-height: 20px; margin: 0; color: var(--rose); font-size: 13px; }
.auth-message.success { color: var(--aqua); }
.auth-terms { margin: 4px 0 0; color: #7f758c; text-align: center; font-size: 11px; }
@media (max-width: 800px) {
  .canon-overview { display: grid; grid-template-columns: 1fr 1fr; }
  .canon-era-banner,.canon-review-summary { align-items: stretch; flex-direction: column; }
  .canon-review-summary > div:last-child { min-width: 0; width: 100%; }
  .canon-list { grid-template-columns: 1fr; }
  body { padding-bottom: 76px; }
  .site-header { min-height: 64px; padding: 0 18px; }
  .desktop-nav { display: none; }
  .hero { padding: 50px 18px 76px; grid-template-columns: 1fr; gap: 34px; }
  .hero h1 { font-size: clamp(48px,16vw,70px); }
  .hero-body { font-size: 17px; }
  .idea-actions { align-items: stretch; flex-direction: column; }
  .primary-button { width: 100%; }
  .character-stage { min-height: 440px; }
  .card-front { width: min(310px,82vw); }
  .card-back { width: 190px; left: 3px; }
  .life-chip { right: 4px; bottom: 20px; }
  .promise { padding: 70px 18px 90px; }
  .promise-grid { grid-template-columns: 1fr; gap: 24px; }
  .mediums { grid-template-columns: repeat(2,1fr); }
  .mediums span:last-child { grid-column: 1/-1; }
  .mobile-nav { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; min-height: 68px; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--line); background: rgba(13,11,20,.93); backdrop-filter: blur(18px); }
  .mobile-nav a { color: var(--muted); text-align: center; font-size: 11px; }
  .mobile-nav a.active { color: var(--text); }
  .mobile-nav button { justify-self: center; width: 42px; height: 42px; border: 0; border-radius: 15px; color: #160f1d; background: linear-gradient(135deg,var(--aqua),var(--violet),var(--rose)); font-size: 26px; }
  .auth-dialog { margin: auto auto max(10px,env(safe-area-inset-bottom)); width: calc(100vw - 20px); max-height: calc(100vh - 20px); border-radius: 24px; }
  .dialog-shell { padding: 26px 20px 22px; }
  .flow-view { min-height: 100vh; padding: 34px 16px 92px; }
  .flow-card { padding: 30px 20px; }
  .flow-card h1 { font-size: 37px; }
  .identity-flow { padding: 98px 18px 50px; }
  .identity-layout { grid-template-columns: 1fr; gap: 30px; }
  .idea-summary { position: static; padding: 20px; }
  .idea-summary blockquote { font-size: 20px; }
  #identity-intro { padding-top: 0; }
  .editor-heading { display: block; }
  .editor-heading > span { display: block; margin: 0 0 6px; }
  .editor-actions { align-items: stretch; flex-direction: column-reverse; }
  .editor-actions .primary-button,.editor-actions .text-button { width: 100%; }
  .visual-identity-flow { padding: 48px 16px 90px; }
  .visual-grid { grid-template-columns: 1fr; }
  .direction-picker { grid-template-columns: 1fr; }
  .candidate-stage { min-height: 420px; }
  .candidate-empty { min-height: 380px; }
  .app-view { padding: 38px 16px 90px; }
  .home-heading { align-items: stretch; flex-direction: column; }
  .home-heading .primary-button { width: 100%; }
  .character-grid { grid-template-columns: 1fr 1fr; }
  .character-hero { grid-template-columns: 1fr; gap: 30px; }
  .character-portrait { width: min(100%,430px); margin: auto; }
  .character-dashboard,.next-step-grid { grid-template-columns: 1fr; }
  .look-detail-layout { grid-template-columns: 1fr; gap: 28px; }
  .turnaround-grid { grid-template-columns: 1fr; }
  .canon-heading { align-items: stretch; flex-direction: column; }
  .canon-list { grid-template-columns: 1fr; }
  .era-form-grid,.era-directions { grid-template-columns: 1fr; }
  .recent-event-list { grid-template-columns:1fr; }
  .era-form-grid label:nth-child(3) { grid-column: auto; }
}

@media (max-width:600px){
  .story-moment.has-visual{grid-template-columns:92px minmax(0,1fr);gap:13px}.story-moment-thumb{width:92px;min-height:128px}.story-moment h2{font-size:22px}.story-moment-copy>p:not(.eyebrow){display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}
  .character-hero{gap:22px}.character-portrait{width:100%;aspect-ratio:4/3;border-radius:22px}.character-portrait img{object-position:center 22%}.character-intro h1{font-size:46px}.character-intro-meta{align-items:flex-start}.character-actions{display:grid;grid-template-columns:1fr 1fr}.character-actions .action-link{text-align:center;padding-inline:12px}.next-step{margin-top:48px;padding-top:28px}.next-step h2{font-size:30px;margin-bottom:20px}
}
@media (max-width: 520px) { .character-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: no-preference) {
  .character-card { animation: arrive .8s cubic-bezier(.2,.8,.2,1) both; }
  .card-back { animation-delay: .1s; }
  @keyframes arrive { from { opacity: 0; translate: 0 24px; } }
}
.media-create-form{max-width:760px;margin:32px auto;display:grid;gap:18px}.media-create-form label{display:grid;gap:8px}.media-create-form textarea{resize:vertical}.mv-media-preview{min-height:180px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.mv-media-preview img{display:block;width:100%;max-height:420px;object-fit:cover}.media-create-form audio{width:100%}.media-player-card{min-height:360px;display:grid;place-content:center;gap:26px;text-align:center;background:linear-gradient(145deg,#1b1727,#342449);border-radius:24px}.song-cover-art{width:min(420px,80vw);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#211a31,#3c2a50)}.song-cover-art>span{font-size:84px;color:var(--accent)}.song-cover-art img,.media-library-card>img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.media-player-card audio{width:min(520px,80vw)}.song-version-switcher{display:flex;justify-content:center;gap:10px;margin-top:16px}.song-version-switcher button{min-width:112px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-weight:700}.song-version-switcher button.active{border-color:var(--accent);background:rgba(190,139,255,.14);color:var(--text)}#media-detail-player video{width:100%;max-height:75vh;border-radius:24px;background:#000}.media-library-symbol{display:grid;place-items:center;min-height:210px;font-size:64px;color:var(--accent);background:linear-gradient(145deg,#211a31,#3c2a50)}
.mv-cover-maker{display:grid;grid-template-columns:minmax(120px,220px) 1fr;align-items:center;gap:18px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.mv-cover-maker[hidden]{display:none}.mv-cover-preview{aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#211a31,#3c2a50)}.mv-cover-preview img{width:100%;height:100%;object-fit:cover}.mv-cover-maker>div:last-child{display:grid;gap:8px}.mv-cover-maker p{margin:0;color:var(--muted);font-size:13px}.cover-upload-button{display:inline-flex!important;width:max-content;cursor:pointer}.cover-upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:600px){.mv-cover-maker{grid-template-columns:1fr}.mv-cover-preview{width:100%}}
.song-inspiration{max-width:960px;margin:30px auto 0}.song-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.song-idea-card{display:grid;align-content:start;gap:10px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.song-idea-card h3,.song-idea-card p{margin:0}.song-idea-card>small,.song-idea-card>span{color:var(--muted)}.song-idea-card .quiet-button{margin-top:auto}.song-more-ideas{grid-column:1/-1;justify-self:center}.lyrics-assist{display:grid;gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.lyrics-assist>span{font-weight:700}.lyrics-assist>div{display:flex;gap:8px;flex-wrap:wrap}.lyrics-assist button{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:transparent;color:inherit}.lyrics-assist small{color:var(--muted)}@media(max-width:760px){.song-idea-grid{grid-template-columns:1fr}}
/* Publication preparation keeps the private work and its public snapshot visually distinct. */
.publication-shell{max-width:1080px}.publication-heading{max-width:680px;margin:34px 0 28px}.publication-heading h1{margin:.25rem 0 .65rem}.publication-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(340px,1fr);gap:32px;align-items:start}.publication-preview,.publication-form{border:1px solid var(--line,#ddd4c8);border-radius:24px;background:var(--surface,#fff);padding:18px}.publication-preview{position:sticky;top:92px;overflow:hidden}.publication-preview img{width:100%;max-height:560px;object-fit:cover;border-radius:16px;display:block}.publication-preview>div:not(.publication-media-placeholder){display:grid;gap:5px;padding:16px 4px 3px}.publication-preview small{letter-spacing:.12em}.publication-preview strong{font-size:1.15rem}.publication-preview span{color:var(--muted,#746d67)}.publication-media-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:linear-gradient(145deg,#17151b,#392d45);color:white;border-radius:16px;padding:28px}.publication-media-placeholder>span{font-size:4rem;color:#fff}.publication-form{display:grid;gap:18px}.publication-form label{display:grid;gap:8px;font-weight:650}.publication-form input:not([type=checkbox]),.publication-form textarea{width:100%}.rights-confirmation{grid-template-columns:auto 1fr!important;align-items:start;font-weight:450!important;line-height:1.45}.rights-confirmation input{margin-top:4px}.publication-status{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:#f2eee8}.publication-status.published{background:#e7f5ec;color:#1f633e}.publication-status.pending{background:#fff4d8;color:#76540d}.publication-status span{font-size:.92rem}.publication-form .danger-text{justify-self:start}
@media(max-width:760px){.publication-layout{grid-template-columns:1fr}.publication-preview{position:static}.publication-media-placeholder{min-height:230px}.publication-heading{margin-top:22px}}
.discover-shell,.discover-detail-shell{max-width:1180px;margin:0 auto;padding:48px 24px 110px}.discover-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.discover-heading h1{max-width:760px;margin:.3rem 0 .7rem;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1}.discover-heading p{max-width:640px}.discover-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 22px;scrollbar-width:none}.discover-tabs a{white-space:nowrap;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.03)}.discover-tabs a.active{color:#17121d;background:linear-gradient(135deg,var(--aqua),#fff,var(--rose));border-color:transparent}.discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.discover-card{min-width:0;color:var(--text);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035);transition:transform .2s ease,border-color .2s ease}.discover-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28)}.discover-card-media{position:relative;aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(145deg,#211a2c,#46354f);overflow:hidden}.discover-card.song .discover-card-media,.discover-card.video .discover-card-media{aspect-ratio:1}.discover-card-media img{width:100%;height:100%;object-fit:cover}.discover-card-media>span{font-size:4rem}.discover-card-media>small{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:rgba(10,8,14,.7);backdrop-filter:blur(8px);font-size:.67rem;letter-spacing:.12em}.discover-card-copy{padding:15px}.discover-card-copy h2{margin:0 0 7px;font-size:1.05rem}.discover-card-copy>p{margin:0 0 15px;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discover-card-copy>div{display:grid;gap:2px}.discover-card-copy small{color:var(--muted)}.discover-empty{grid-column:1/-1;min-height:340px;display:grid;place-items:center;align-content:center;text-align:center;border:1px dashed var(--line);border-radius:24px}.discover-empty>span{font-size:2rem}.discover-detail-shell>.back-link{display:inline-flex;margin-bottom:28px}.discover-detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:38px;align-items:start}.discover-detail-media{border-radius:24px;overflow:hidden;background:#08070b;min-height:420px;display:grid;place-items:center}.discover-detail-media>img,.discover-detail-media>video{display:block;width:100%;max-height:78vh;object-fit:contain}.discover-detail-copy{position:sticky;top:100px;padding:18px 0}.discover-detail-copy h1{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:.35rem 0 1rem}.discover-description{font-size:1.05rem;line-height:1.65;color:var(--muted)}.discover-attribution{display:grid;gap:5px;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}.discover-attribution small{color:var(--muted)}.discover-audio-art{width:100%;min-height:520px;display:grid;place-items:center;align-content:center;gap:26px;background:linear-gradient(145deg,#17121d,#46354f)}.discover-audio-art img{width:min(82%,520px);aspect-ratio:1;object-fit:cover;border-radius:18px}.discover-audio-art>span{font-size:6rem}.discover-audio-art audio{width:min(82%,520px)}
@media(max-width:980px){.discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.discover-shell,.discover-detail-shell{padding:28px 16px 96px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.discover-card{border-radius:16px}.discover-card-copy{padding:12px}.discover-card-copy h2{font-size:.94rem}.discover-detail{grid-template-columns:1fr;gap:20px}.discover-detail-media{min-height:260px;border-radius:18px}.discover-detail-copy{position:static}.discover-audio-art{min-height:360px}.discover-heading h1{font-size:2.5rem}}
.moderation-shell{max-width:1120px;margin:0 auto;padding:42px 24px 110px}.moderation-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin:24px 0 26px}.moderation-heading h1{margin:.3rem 0 .7rem;font-size:clamp(2.1rem,4vw,3.8rem)}.moderation-heading>div{max-width:700px}.moderation-switch{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;max-width:310px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.moderation-switch input{margin-top:4px}.moderation-switch span{display:grid;gap:3px}.moderation-switch small{color:var(--muted);line-height:1.35}.moderation-list{display:grid;gap:18px}.moderation-card{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(340px,1.28fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035)}.moderation-media{min-height:330px;display:grid;place-items:center;background:#09080c}.moderation-media img,.moderation-media video{width:100%;height:100%;max-height:560px;object-fit:contain}.moderation-media audio{width:82%}.moderation-media>span{font-size:4rem}.moderation-copy{padding:24px;display:grid;align-content:start;gap:12px}.moderation-copy h2,.moderation-copy p{margin:0}.moderation-copy>small{color:var(--muted)}.moderation-copy label{display:grid;gap:7px;margin-top:8px}.moderation-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
@media(max-width:720px){.moderation-shell{padding:28px 16px 96px}.moderation-heading{display:grid}.moderation-switch{max-width:none}.moderation-card{grid-template-columns:1fr}.moderation-media{min-height:240px}.moderation-copy{padding:18px}}
.admin-login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 25% 10%,rgba(114,229,224,.14),transparent 35%),radial-gradient(circle at 85% 80%,rgba(199,134,255,.15),transparent 38%),#0d0b14}.admin-login-card{width:min(100%,440px);display:grid;gap:20px;padding:30px;border:1px solid var(--line);border-radius:26px;background:rgba(24,20,31,.96);box-shadow:0 30px 90px rgba(0,0,0,.35)}.admin-login-card .brand{justify-self:start;margin-bottom:8px}.admin-login-card h1{margin:.35rem 0 .6rem;font-size:2.25rem;line-height:1.05}.admin-login-card label{display:grid;gap:8px;font-weight:650}.admin-login-card input{width:100%}
.admin-account-tools{margin-top:42px;padding-top:32px;border-top:1px solid var(--line)}.admin-account-tools>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-account-tools h2,.admin-account-tools h3{margin:.3rem 0 .5rem}.admin-tools-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.admin-tools-grid>section,.admin-password-panel{padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.reviewer-form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end;margin:18px 0}.reviewer-form label{display:grid;gap:7px}.reviewer-form .flow-message{grid-column:1/-1}.reviewer-list{display:grid;gap:8px}.reviewer-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.reviewer-list article>div{display:grid}.reviewer-list article span,.reviewer-list article small,.admin-empty-note{color:var(--muted)}.admin-password-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.admin-password-panel summary>span{display:grid;gap:3px}.admin-password-panel summary small{color:var(--muted)}.admin-password-panel summary b{font-size:.8rem;color:var(--aqua)}.admin-password-panel form{display:grid;gap:13px;padding-top:20px;margin-top:18px;border-top:1px solid var(--line)}.admin-password-panel label{display:grid;gap:7px}
@media(max-width:840px){.admin-tools-grid{grid-template-columns:1fr}.reviewer-form{grid-template-columns:1fr 1fr}.reviewer-form button{grid-column:1/-1}.admin-account-tools>header{align-items:start}}
@media(max-width:560px){.reviewer-form{grid-template-columns:1fr}.reviewer-list article{grid-template-columns:1fr auto}.reviewer-list article>small{grid-column:1}.admin-account-tools>header{display:grid}}
.community-management{margin-top:38px;padding-top:32px;border-top:1px solid var(--line)}.community-management>header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.community-management h2,.community-management h3{margin:.3rem 0 .5rem}.community-form{display:grid;gap:15px;padding:20px;margin-bottom:18px;border:1px solid rgba(114,229,224,.35);border-radius:20px;background:rgba(114,229,224,.045)}.community-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.community-form label{display:grid;gap:7px}.community-form fieldset{display:flex;gap:10px;flex-wrap:wrap;border:0;padding:0}.community-form legend{width:100%;margin-bottom:7px;font-weight:700}.community-form fieldset label{display:flex;grid-template-columns:auto 1fr;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px}.community-form-actions{display:flex;gap:10px}.community-list{display:grid;gap:10px}.community-admin-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.community-admin-card.archived{opacity:.62}.community-state{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(114,229,224,.12);color:var(--aqua);font-size:.72rem}.community-admin-card.archived .community-state{background:rgba(255,255,255,.08);color:var(--muted)}.community-admin-card p{margin:.2rem 0 .5rem;color:var(--muted)}.community-admin-card small{color:var(--muted)}.community-counts{display:flex;gap:16px}.community-counts span{display:grid;color:var(--muted);font-size:.75rem}.community-counts strong{color:var(--text);font-size:1.05rem}.community-card-actions{display:flex;gap:5px}
@media(max-width:850px){.community-admin-card{grid-template-columns:1fr}.community-counts{order:2}.community-card-actions{order:3}.community-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.community-management>header{display:grid}.community-counts{justify-content:space-between}.community-form-actions{display:grid}}
.admin-console{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:#0d0b14}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px 18px;border-right:1px solid var(--line);background:#121019}.admin-sidebar .brand{padding:0 8px}.admin-product-label{margin:18px 9px 10px;color:var(--muted);font-size:.68rem;letter-spacing:.16em}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:var(--muted);font-size:.9rem}.admin-sidebar nav a span{width:21px;text-align:center}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:var(--text);background:rgba(255,255,255,.07)}.admin-sidebar nav a.active{box-shadow:inset 2px 0 var(--aqua)}.admin-sidebar footer{margin-top:auto;padding:16px 8px 8px;border-top:1px solid var(--line)}.admin-logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.04);color:var(--muted);font:inherit;cursor:pointer}.admin-logout-button:hover{border-color:rgba(255,126,126,.45);background:rgba(231,81,81,.1);color:#ffb0b0}.admin-main{min-width:0;padding:0 34px 80px}.admin-topbar{min-height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px}.admin-topbar h1{margin:.25rem 0 0;font-size:2rem}.admin-mobile-menu{display:none}.admin-loading{min-height:300px;display:grid;place-items:center;color:var(--muted)}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-metric{display:grid;gap:7px;padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035)}.admin-metric small,.admin-metric span{color:var(--muted)}.admin-metric strong{font-size:1.8rem}.admin-dashboard-grid,.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.admin-dashboard-grid>section,.admin-settings-grid>section{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.admin-dashboard-grid h2,.admin-settings-grid h2{margin:.2rem 0 18px}.admin-status-list{display:grid;margin-bottom:18px}.admin-status-list span{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.admin-status-list b{font-weight:500;color:var(--muted);text-transform:capitalize}.admin-panel-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.admin-panel-heading h2{font-size:1.55rem;margin:0 0 .4rem}.admin-panel-heading p{margin:0;color:var(--muted)}.admin-panel-heading input{width:min(320px,100%)}.admin-table{border:1px solid var(--line);border-radius:17px;overflow:hidden}.admin-row{display:grid;grid-template-columns:1.25fr .9fr 1fr .7fr;gap:16px;align-items:center;padding:14px 17px;border-top:1px solid var(--line)}.admin-row:first-child{border-top:0}.admin-row.head{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(255,255,255,.035)}.admin-row>span{min-width:0;display:grid;gap:3px}.admin-row small{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.admin-status{justify-self:start;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-style:normal;font-size:.75rem}.admin-status.ready,.admin-status.active{color:#8ce8ad;background:rgba(70,188,113,.12)}.admin-status.failed,.admin-status.suspended{color:#ff9a9a;background:rgba(231,81,81,.12)}.admin-settings-grid dl{display:grid;gap:0}.admin-settings-grid dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.admin-settings-grid dt{color:var(--muted)}.admin-settings-grid dd{margin:0;text-align:right}.admin-settings-grid form{display:grid;gap:13px}.admin-settings-grid label{display:grid;gap:7px}.admin-console .moderation-shell{max-width:none;margin:0;padding:0}.admin-console .moderation-heading{margin-top:0}.admin-console .community-management{margin-top:0;padding-top:0;border-top:0}.admin-console .admin-account-tools{margin-top:30px}.admin-console .moderation-heading h1{font-size:2rem}
@media(max-width:1050px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-console{grid-template-columns:220px minmax(0,1fr)}.admin-main{padding-left:24px;padding-right:24px}}
@media(max-width:760px){.admin-console{display:block}.admin-sidebar{position:fixed;z-index:60;left:0;top:0;width:270px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.45)}.admin-sidebar.open{transform:translateX(0)}.admin-main{padding:0 16px 70px}.admin-topbar{min-height:88px;margin-bottom:22px}.admin-mobile-menu{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font-size:1.2rem}.admin-dashboard-grid,.admin-settings-grid{grid-template-columns:1fr}.admin-row{grid-template-columns:1fr 1fr}.admin-row.head{display:none}.admin-row>span:nth-child(n+3){border-top:1px solid var(--line);padding-top:9px}.admin-panel-heading{align-items:start;display:grid}.admin-panel-heading input{width:100%}}
.publication-badge{display:inline-flex!important;width:max-content;margin-top:7px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--muted)!important;font-size:.7rem!important;font-weight:650;letter-spacing:.04em}.publication-badge.published,.publication-action.published{color:#8ce8ad!important;background:rgba(70,188,113,.12)}.publication-badge.pending_review,.publication-action.pending_review{color:#ffd88c!important;background:rgba(211,157,54,.12)}.publication-badge.changes_requested,.publication-action.changes_requested{color:#ffad9f!important;background:rgba(231,81,81,.12)}.publication-live-link{display:inline-flex;margin-top:10px}.discover-post-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.public-character-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:32px 0 90px}.public-character-hero{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(300px,1fr);gap:42px;align-items:center;margin:28px 0 56px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(114,229,224,.08),rgba(164,112,255,.08))}.public-character-hero>img,.public-character-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:rgba(255,255,255,.05)}.public-character-placeholder{display:grid;place-items:center;font-size:4rem;color:var(--aqua)}.public-character-hero h1{margin:.35rem 0 .8rem;font-size:clamp(2.6rem,6vw,5.4rem);line-height:.92}.public-character-hero p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:1.08rem}.public-character-stats{display:flex;gap:18px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted)}.public-character-stats strong{color:var(--text)}.public-character-works>header{margin-bottom:20px}.public-character-works h2{margin:.3rem 0;font-size:1.7rem}.discover-attribution a{color:var(--aqua)}
@media(max-width:720px){.public-character-shell{width:min(100% - 24px,1180px);padding-top:20px}.public-character-hero{grid-template-columns:1fr;gap:22px;margin-top:20px;padding:16px;border-radius:22px}.public-character-hero>img,.public-character-placeholder{aspect-ratio:1/1}.public-character-hero h1{font-size:2.7rem}.public-character-works .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.account-menu-shell{position:relative}.account-trigger{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;z-index:80;top:calc(100% + 12px);right:0;width:270px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#17131f;box-shadow:0 24px 70px rgba(0,0,0,.48)}.account-menu header{display:flex;align-items:center;gap:11px;padding:10px 9px 14px;border-bottom:1px solid var(--line)}.account-menu header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--aqua),var(--violet));color:#130e19;font-weight:850}.account-menu header div{min-width:0;display:grid}.account-menu header strong,.account-menu header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu header small{color:var(--muted);font-size:.72rem}.account-menu nav{display:grid;padding:7px 0}.account-menu nav a{padding:10px 11px;border-radius:10px;color:var(--text);font-size:.9rem}.account-menu nav a:hover{background:rgba(255,255,255,.07)}.account-logout{width:100%;padding:11px;border:0;border-top:1px solid var(--line);background:transparent;color:#ffaaa1;text-align:left;font:inherit;cursor:pointer}.account-logout:hover{background:rgba(231,81,81,.09)}
@media(max-width:600px){body.account-menu-open::after{content:"";position:fixed;z-index:69;inset:0;background:rgba(4,3,7,.62);backdrop-filter:blur(3px)}.account-menu-shell{z-index:70}.account-trigger{max-width:128px}.account-menu{position:fixed;z-index:80;left:12px;right:12px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;padding:12px;border-radius:22px}.account-menu header{padding:11px 10px 16px}.account-menu nav a{padding:13px 11px}.account-logout{padding:14px 11px}}
.site-toast{position:fixed;z-index:100;top:18px;left:50%;transform:translateX(-50%);padding:11px 16px;border:1px solid rgba(114,229,224,.28);border-radius:999px;background:#17131f;color:var(--text);box-shadow:0 14px 45px rgba(0,0,0,.38);font-size:.88rem}
.public-character-shell:has(.share-character-hero){width:100%;max-width:none;margin:0;padding:0;background:#09080e;overflow:hidden}.share-character-hero{position:relative;isolation:isolate;min-height:calc(100vh - 76px);display:flex;align-items:flex-end;padding:clamp(26px,5vw,74px);background:#0b0910 center 24%/cover no-repeat}.share-character-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:var(--share-hero-image);background-position:center 25%;background-size:cover;filter:saturate(.88) contrast(1.06);transform:scale(1.015)}.share-character-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,6,12,.94) 0%,rgba(8,6,12,.62) 37%,rgba(8,6,12,.08) 70%),linear-gradient(0deg,#09080e 0%,transparent 38%,rgba(7,5,10,.2) 100%)}.share-hero-nav{position:absolute;top:24px;left:clamp(26px,5vw,74px);right:clamp(26px,5vw,74px);display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.62);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.share-hero-nav .back-link{margin:0;color:#fff}.share-hero-copy{position:relative;z-index:2;width:min(710px,65vw);padding-bottom:38px}.share-hero-copy .eyebrow{color:rgba(255,255,255,.74)}.share-hero-copy h1{max-width:900px;margin:.28rem 0 1.1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(4.2rem,10vw,10rem);font-weight:500;line-height:.78;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 12px 60px rgba(0,0,0,.45)}.share-character-line{max-width:650px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.share-hero-actions{display:flex;gap:11px;margin-top:28px}.share-hero-actions .quiet-button{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(8,6,12,.32);backdrop-filter:blur(10px)}.share-hero-orbit img{position:absolute;z-index:1;width:clamp(120px,15vw,220px);aspect-ratio:3/4;object-fit:cover;border:1px solid rgba(255,255,255,.34);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.share-hero-orbit .orbit-1{right:7vw;bottom:9vh;transform:rotate(4deg)}.share-hero-orbit .orbit-2{right:22vw;top:15vh;width:clamp(90px,10vw,150px);transform:rotate(-6deg);opacity:.8}.share-scroll-cue{position:absolute;right:clamp(26px,5vw,74px);bottom:34px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.share-scroll-cue span{display:block;width:42px;height:1px;background:currentColor}.character-signature{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:110px 0 96px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:end}.character-signature h2{margin:.45rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.6vw,4.6rem);font-weight:500;line-height:1.02;letter-spacing:-.04em}.character-signature>p{grid-column:2;max-width:540px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.75}.signature-cloud{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.signature-cloud span{padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.035)}.featured-character-work{width:min(1240px,calc(100% - 48px));margin:0 auto 120px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#121018}.featured-work-visual{position:relative;min-height:650px}.featured-work-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.featured-work-visual>span{position:absolute;left:20px;bottom:20px;padding:7px 11px;border-radius:999px;background:rgba(9,7,13,.66);backdrop-filter:blur(12px);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.featured-work-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(30px,5vw,66px)}.featured-work-copy h2{margin:.4rem 0 1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,4vw,4.5rem);font-weight:500;line-height:.96;letter-spacing:-.04em}.featured-work-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.featured-work-copy>div{display:grid;gap:18px;margin-top:32px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.character-media-chapters{width:min(1240px,calc(100% - 48px));margin:0 auto;padding-bottom:120px}.character-media-chapters>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.character-media-chapters h2{margin:.4rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:500;letter-spacing:-.04em}.character-media-chapters>header>span{color:var(--muted)}.character-editorial-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.character-editorial-card{grid-column:span 4;display:grid;color:var(--text)}.character-editorial-card.card-0,.character-editorial-card.card-4{grid-column:span 7}.character-editorial-card.card-1,.character-editorial-card.card-3{grid-column:span 5}.character-editorial-card>div{position:relative;overflow:hidden;border-radius:18px;background:#15121c;aspect-ratio:4/5}.character-editorial-card.card-0>div,.character-editorial-card.card-4>div{aspect-ratio:16/10}.character-editorial-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.character-editorial-card:hover img{transform:scale(1.035)}.character-editorial-card>div small{position:absolute;left:13px;top:13px;padding:5px 8px;border-radius:999px;background:rgba(8,6,12,.66);backdrop-filter:blur(10px);font-size:.65rem;letter-spacing:.1em}.character-editorial-card section{padding:14px 4px 24px}.character-editorial-card h3{margin:0 0 6px;font-size:1.25rem}.character-editorial-card p{margin:0 0 10px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-editorial-card section>span{color:var(--aqua);font-size:.78rem}.editorial-placeholder,.featured-work-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:4rem;color:var(--aqua);background:radial-gradient(circle at 30% 30%,rgba(114,229,224,.14),transparent 55%),#15121c}.share-character-footer{width:min(1240px,calc(100% - 48px));margin:0 auto 50px;padding:28px 0 12px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-top:1px solid var(--line)}.share-character-footer p{margin:4px 0 0;color:var(--muted);font-size:.82rem}
@media(max-width:760px){.share-character-hero{min-height:calc(100svh - 64px);padding:22px 18px 82px;background-position:60% center}.share-character-hero::after{background:linear-gradient(0deg,#09080e 0%,rgba(8,6,12,.78) 38%,rgba(8,6,12,.05) 74%)}.share-hero-nav{left:18px;right:18px;top:18px}.share-hero-nav>span{max-width:145px;text-align:right}.share-hero-copy{width:100%;padding:0}.share-hero-copy h1{font-size:clamp(4rem,22vw,7rem);line-height:.82}.share-character-line{font-size:.95rem;-webkit-line-clamp:3}.share-hero-actions{display:grid;grid-template-columns:1fr 1fr}.share-hero-actions>*{justify-content:center}.share-hero-orbit{display:none}.share-scroll-cue{display:none}.character-signature{width:calc(100% - 32px);padding:74px 0 66px;grid-template-columns:1fr;gap:28px}.character-signature>p{grid-column:1}.signature-cloud{justify-content:flex-start}.featured-character-work{width:calc(100% - 24px);margin-bottom:76px;grid-template-columns:1fr;border-radius:20px}.featured-work-visual{min-height:0;aspect-ratio:4/5}.featured-work-copy{padding:26px 22px 30px}.character-media-chapters{width:calc(100% - 24px);padding-bottom:70px}.character-media-chapters>header{align-items:start}.character-media-chapters>header>span{display:none}.character-editorial-grid{grid-template-columns:1fr 1fr;gap:10px}.character-editorial-card,.character-editorial-card.card-0,.character-editorial-card.card-1,.character-editorial-card.card-3,.character-editorial-card.card-4{grid-column:span 1}.character-editorial-card>div,.character-editorial-card.card-0>div,.character-editorial-card.card-4>div{aspect-ratio:3/4}.character-editorial-card section{padding:10px 2px 18px}.character-editorial-card h3{font-size:1rem}.character-editorial-card p{display:none}.share-character-footer{width:calc(100% - 28px);grid-template-columns:auto 1fr}.share-character-footer button{grid-column:1/-1}.share-character-footer p{line-height:1.4}}
.edition-editor-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 110px}.edition-editor-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;padding:36px 0 30px}.edition-editor-heading>div{max-width:760px}.edition-editor-heading h1{margin:.35rem 0 .7rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:500;line-height:.94;letter-spacing:-.05em}.edition-editor-heading p:last-child{color:var(--muted);line-height:1.65}.edition-editor-heading>span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:var(--aqua);font-size:.72rem;letter-spacing:.12em}.edition-story-fields{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px;margin:10px 0 52px}.edition-story-fields label,.edition-feature-controls label{display:grid;gap:8px}.edition-story-fields input,.edition-story-fields textarea{font-family:Georgia,"Times New Roman",serif;font-size:1.15rem}.edition-selection>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.edition-selection h2{margin:.3rem 0 0;font-size:1.7rem}.edition-selection-count{display:grid;text-align:right}.edition-selection-count strong{font-size:2rem}.edition-selection-count span{color:var(--muted);font-size:.72rem}.edition-candidate-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.edition-candidate-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#13101a;cursor:pointer}.edition-candidate-card>input{position:absolute;opacity:0;pointer-events:none}.edition-candidate-card>img,.edition-candidate-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;display:grid;place-items:center;background:#191520;font-size:2.5rem}.edition-candidate-card>div:last-child{display:grid;gap:3px;padding:12px}.edition-candidate-card small{color:var(--muted);font-size:.65rem;letter-spacing:.1em}.edition-candidate-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edition-card-check{position:absolute;z-index:2;right:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(10,8,14,.5);color:transparent}.edition-candidate-card:has(input:checked){border-color:var(--aqua);box-shadow:0 0 0 2px rgba(114,229,224,.14)}.edition-candidate-card:has(input:checked) .edition-card-check{background:var(--aqua);color:#100c16}.edition-feature-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.edition-editor-actions{position:sticky;z-index:10;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:15px 17px;border:1px solid var(--line);border-radius:18px;background:rgba(18,15,25,.9);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.35)}.edition-editor-actions>div{display:grid}.edition-editor-actions small{color:var(--aqua);font-weight:700}.edition-editor-actions span{color:var(--muted);font-size:.78rem}.character-edition-archive{width:min(1240px,calc(100% - 48px));margin:0 auto 110px;padding-top:20px}.character-edition-archive>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.character-edition-archive h2{margin:.35rem 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,4rem);font-weight:500;letter-spacing:-.04em}.character-edition-archive>header>span{color:var(--muted)}.character-edition-archive>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.edition-archive-card{position:relative;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--line);border-radius:16px;background:#15121c;color:#fff}.edition-archive-card.current{border-color:var(--aqua)}.edition-archive-card img{width:100%;height:100%;object-fit:cover}.edition-archive-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,5,10,.9),transparent 65%)}.edition-archive-card section{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;display:grid;gap:5px}.edition-archive-card small{letter-spacing:.1em;color:var(--aqua)}.edition-archive-card strong{font-family:Georgia,"Times New Roman",serif;font-size:1.35rem}.edition-archive-card span{color:rgba(255,255,255,.65);font-size:.75rem}
@media(max-width:760px){.edition-editor-shell{width:calc(100% - 24px);padding-top:18px}.edition-editor-heading{display:grid;padding-top:24px}.edition-editor-heading>span{justify-self:start}.edition-story-fields,.edition-feature-controls{grid-template-columns:1fr}.edition-candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.edition-editor-actions{bottom:78px;display:grid}.edition-editor-actions button{width:100%}.character-edition-archive{width:calc(100% - 24px);margin-bottom:70px}.character-edition-archive>header>span{display:none}.character-edition-archive>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.edition-manager{margin:36px 0 54px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(29,24,39,.94),rgba(15,13,21,.96))}.edition-manager>header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.edition-manager h2{margin:.3rem 0 .4rem;font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500}.edition-manager header p:last-child{margin:0;color:var(--muted)}.edition-manager-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.edition-manager-card{display:grid;grid-template-columns:92px 1fr;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#110e17}.edition-manager-card>img,.edition-manager-placeholder{width:92px;height:124px;object-fit:cover;display:grid;place-items:center;background:#211a2b;color:var(--aqua);font-family:Georgia,serif;font-size:1.8rem}.edition-manager-card>section{display:grid;align-content:center;gap:5px;min-width:0;padding:12px}.edition-manager-card small{color:var(--aqua);font-size:.62rem;letter-spacing:.08em}.edition-manager-card strong,.edition-manager-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edition-manager-card span{color:var(--muted);font-size:.75rem}.edition-manager-card section>div{display:flex;align-items:center;gap:10px;margin-top:6px}.edition-manager-card button{padding:0;border:0;background:none}.edition-manager-card em{color:var(--muted);font-size:.72rem;font-style:normal}
@media(max-width:900px){.edition-manager-list{grid-template-columns:1fr 1fr}}@media(max-width:600px){.edition-manager{padding:18px;margin-top:24px}.edition-manager>header{display:grid}.edition-manager-list{grid-template-columns:1fr}}
.edition-share-controls{display:flex;align-items:center;gap:14px;margin:0 0 20px;padding:13px 15px;border:1px solid rgba(114,229,224,.2);border-radius:13px;background:rgba(114,229,224,.045)}.edition-share-controls>div{display:grid;min-width:0;margin-right:auto}.edition-share-controls small{color:var(--aqua);font-size:.63rem;letter-spacing:.09em}.edition-share-controls strong{overflow:hidden;color:var(--muted);font-size:.76rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.edition-share-controls button{padding:4px;border:0;background:none;white-space:nowrap}@media(max-width:700px){.edition-share-controls{display:grid;grid-template-columns:1fr 1fr}.edition-share-controls>div{grid-column:1/-1;width:100%}.edition-share-controls button{text-align:left}}
.edition-theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 46px;padding:0;border:0}.edition-theme-picker legend{margin-bottom:12px;font-weight:750}.edition-theme-picker label{cursor:pointer}.edition-theme-picker input{position:absolute;opacity:0}.edition-theme-picker span{display:grid;gap:5px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#13101a}.edition-theme-picker small{color:var(--muted)}.edition-theme-picker input:checked+span{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(114,229,224,.12)}.edition-order-tools{position:absolute;z-index:3;right:9px;bottom:61px;display:flex;gap:5px;opacity:0}.edition-candidate-card:hover .edition-order-tools,.edition-candidate-card:focus-within .edition-order-tools{opacity:1}.edition-order-tools button{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,8,14,.78);color:#fff}.edition-candidate-card.dragging{opacity:.45}.preview-open{overflow:hidden}.edition-preview-overlay{position:fixed;z-index:200;inset:0;overflow:auto;background:#09080e;color:#fff}.edition-preview-close{position:fixed;z-index:3;right:22px;top:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(8,6,12,.62);color:#fff;font-size:1.7rem}.edition-preview-cover{min-height:88vh;display:flex;align-items:flex-end;padding:clamp(28px,7vw,90px);background:linear-gradient(0deg,rgba(7,5,10,.95),transparent 65%),var(--preview-cover) center/cover}.edition-preview-cover>div{max-width:850px}.edition-preview-cover h1{margin:.3rem 0;font-family:Georgia,serif;font-size:clamp(4rem,10vw,9rem);font-weight:500;line-height:.85}.edition-preview-cover p{max-width:650px;font-size:1.15rem;line-height:1.6}.edition-preview-feature{width:min(1180px,calc(100% - 40px));margin:90px auto;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.edition-preview-feature img{width:100%;max-height:700px;object-fit:cover;border-radius:18px}.edition-preview-feature h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:500}.edition-preview-grid{width:min(1180px,calc(100% - 40px));margin:0 auto 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.edition-preview-grid article{display:grid;gap:7px}.edition-preview-grid img,.edition-preview-grid article>div{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:#17131f}.edition-preview-grid small{color:var(--aqua)}.theme-visual-diary .edition-preview-cover{min-height:70vh}.theme-visual-diary .edition-preview-grid{grid-template-columns:repeat(2,1fr)}.theme-music-spotlight{background:radial-gradient(circle at 80% 20%,#29113d,#09080e 48%)}.edition-theme-visual-diary .share-character-hero{min-height:75vh}.edition-theme-visual-diary .character-editorial-card{grid-column:span 6!important}.edition-theme-music-spotlight{background:radial-gradient(circle at 80% 20%,#29113d,#09080e 45%)}@media(max-width:700px){.edition-theme-picker{grid-template-columns:1fr}.edition-order-tools{opacity:1}.edition-preview-feature{grid-template-columns:1fr;margin:55px auto}.edition-preview-grid,.theme-visual-diary .edition-preview-grid{grid-template-columns:1fr 1fr}}