: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;
}

.admin-credit-rules{margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.admin-credit-rules>div{display:grid;gap:10px;margin-top:14px}
.admin-credit-rules form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.4fr) auto auto;gap:10px;align-items:end;padding:12px;border-radius:14px;background:var(--surface-2)}
.admin-credit-rules label{display:grid;gap:6px}.admin-credit-rules label span{font-weight:700}.admin-credit-rules input{width:100%}
.admin-credit-operations{display:grid;gap:14px;margin-bottom:24px;padding:20px;border:1px solid rgba(102,234,213,.22);border-radius:20px;background:linear-gradient(135deg,rgba(102,234,213,.055),rgba(158,124,255,.035))}.admin-credit-operations h3,.admin-credit-operations p{margin:0}.admin-credit-operations>div p{margin-top:5px;color:var(--muted)}.admin-credit-operations form,.admin-credit-filters{display:grid;grid-template-columns:minmax(190px,1fr) 140px minmax(220px,1.4fr) auto;gap:10px;align-items:end}.admin-credit-operations label,.admin-credit-filters label{display:grid;gap:6px;color:var(--muted);font-size:11px}.admin-credit-filters{grid-template-columns:minmax(220px,1fr) 180px auto auto;margin:4px 0 12px}.admin-credit-filters input,.admin-credit-filters select{width:100%}
.admin-user-credit-balance .admin-add-credits{justify-self:start;margin-top:4px;padding:0;color:var(--aqua);font-size:11px}.admin-credit-grant{display:grid;grid-template-columns:minmax(180px,.8fr) 130px minmax(240px,1.4fr) auto;gap:10px;align-items:end;padding:16px 17px;border-top:1px solid rgba(102,234,213,.24);background:linear-gradient(135deg,rgba(102,234,213,.08),rgba(158,124,255,.04))}.admin-credit-grant>div:first-child{display:grid;gap:3px;align-self:center}.admin-credit-grant small,.admin-credit-grant label{color:var(--muted);font-size:11px}.admin-credit-grant label{display:grid;gap:6px}.admin-credit-grant>div:nth-of-type(2){display:flex;gap:7px}.admin-credit-grant .flow-message{grid-column:1/-1;margin:0}
.admin-credit-health{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;margin-bottom:24px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.admin-credit-health>div:first-child span{color:var(--aqua);font-size:9px;font-weight:800;letter-spacing:.12em}.admin-credit-health h3,.admin-credit-health p{margin:5px 0}.admin-credit-health p{color:var(--muted)}.admin-credit-health-metrics{display:flex;gap:8px}.admin-credit-health-metrics span{display:grid;min-width:105px;padding:9px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:9px;text-align:center}.admin-credit-health-metrics b{color:var(--text);font-size:18px}.admin-credit-health>button,.admin-credit-health>.flow-message{grid-column:1/-1}.admin-credit-health>button{justify-self:start}
@media(max-width:720px){.admin-credit-rules{padding:14px}.admin-credit-rules form{grid-template-columns:1fr}.admin-credit-rules form>small{grid-row:1}.admin-credit-rules button{width:100%}}
@media(max-width:720px){.admin-credit-operations,.admin-credit-health{padding:14px}.admin-credit-operations form,.admin-credit-filters,.admin-credit-health,.admin-credit-grant{grid-template-columns:1fr}.admin-credit-operations button,.admin-credit-filters button{width:100%}.admin-credit-health-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.admin-credit-health-metrics span{min-width:0}.admin-credit-health>button,.admin-credit-health>.flow-message,.admin-credit-grant .flow-message{grid-column:1}.admin-credit-grant{margin:0 0 8px;border:1px solid rgba(102,234,213,.24);border-radius:12px}.admin-credit-grant>div:nth-of-type(2){display:grid;grid-template-columns:1fr 1fr}.admin-credit-grant button{min-height:44px}}
.creation-credit-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 12px;margin-top:9px;padding:9px 11px;border:1px solid rgba(102,234,213,.2);border-radius:11px;background:rgba(102,234,213,.045);color:var(--muted);font-size:10px}.creation-credit-preview b{color:var(--aqua)}.creation-credit-preview a{color:var(--aqua);font-weight:750}.creation-credit-preview.insufficient{border-color:rgba(255,123,189,.28);background:rgba(255,123,189,.055)}.creation-credit-preview.insufficient b{color:#ff9cca}.task-credit{display:inline-flex;width:max-content;margin-top:5px;padding:4px 7px;border-radius:999px;background:rgba(102,234,213,.08);color:var(--aqua);font-size:9px;font-weight:750;letter-spacing:.02em}.task-credit-released,.task-credit-refunded{background:rgba(158,124,255,.1);color:#cbbcff}
.account-trigger{display:inline-grid;justify-items:end;gap:1px}.account-trigger small{color:var(--aqua);font-size:8px;font-weight:800;letter-spacing:.04em}.task-summary{grid-template-columns:repeat(4,1fr)}.task-credit-summary{display:grid;gap:4px;padding:20px;border:1px solid rgba(102,234,213,.25);border-radius:18px;background:rgba(102,234,213,.045);color:var(--text);text-decoration:none}.task-credit-summary strong{font-size:32px}.task-credit-summary span{color:var(--aqua)}.credit-entry>div:first-child a{display:inline-flex;margin-top:5px;color:var(--aqua);font-size:10px;font-weight:750;text-decoration:none}
@media(max-width:720px){.task-summary{grid-template-columns:repeat(2,1fr)}.task-credit-summary{padding:14px}.task-credit-summary strong{font-size:24px}.account-trigger span{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.credit-purchase-section{margin:26px 0;padding:24px;border:1px solid rgba(102,234,213,.2);border-radius:22px;background:linear-gradient(145deg,rgba(102,234,213,.055),rgba(158,124,255,.04))}.credit-purchase-section header h2,.credit-purchase-section header p{margin:5px 0}.credit-purchase-section header>div>p:last-child{color:var(--muted)}.credit-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.credit-package{position:relative;display:grid;gap:8px;padding:19px;border:1px solid var(--line);border-radius:17px;background:rgba(10,8,15,.34)}.credit-package.recommended{border-color:rgba(102,234,213,.38);box-shadow:0 14px 36px rgba(0,0,0,.14)}.credit-package>span{position:absolute;right:12px;top:12px;color:var(--aqua);font-size:8px;font-weight:850;letter-spacing:.1em}.credit-package h3{margin:0;font-size:14px}.credit-package>strong{font-size:24px}.credit-package>b{font-size:16px}.credit-package>small,.credit-purchase-terms{color:var(--muted);font-size:10px}.credit-package button{margin-top:6px}.credit-purchase-terms{margin:14px 0 0;line-height:1.5}.credit-payment-notice{padding:10px 12px;border-radius:10px;background:rgba(102,234,213,.08);color:var(--aqua)}.credit-payment-notice.canceled{background:rgba(255,255,255,.04);color:var(--muted)}.credit-order-history{margin-top:18px;border-top:1px solid var(--line)}.credit-order-history summary{padding:14px 0;cursor:pointer;color:var(--muted)}.credit-order-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.credit-order-history article span{display:grid}.credit-order-history small{color:var(--muted)}.credit-order-history i{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.06);font-size:9px;font-style:normal;text-transform:capitalize}.credit-order-history i.paid{color:#8ce8ad;background:rgba(70,188,113,.12)}
@media(max-width:720px){.credit-purchase-section{padding:15px}.credit-package-grid{grid-template-columns:1fr}.credit-package{padding:16px}.credit-order-history article{grid-template-columns:minmax(0,1fr) auto}.credit-order-history i{grid-column:2}}
.creation-context-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0 2px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.creation-context-bar>a{display:flex;align-items:center;gap:9px;color:var(--text);text-decoration:none}.creation-context-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--aqua),var(--violet));color:#140f1b;font-size:13px;font-weight:850}.creation-context-bar a>span:last-child{display:grid;gap:1px}.creation-context-bar small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.11em}.creation-context-bar strong{font-size:12px}.creation-context-bar>div{display:flex;gap:6px}.creation-context-bar>div span{padding:5px 8px;border:1px solid rgba(97,225,209,.15);border-radius:999px;color:var(--muted);font-size:9px}.creation-context-bar>a:hover strong{color:var(--aqua)}
@media(max-width:600px){.creation-context-bar{gap:9px;margin:12px 0 0;padding:9px}.creation-context-avatar{width:30px;height:30px}.creation-context-bar>div{justify-content:flex-end;flex-wrap:wrap}.creation-context-bar>div span{padding:4px 6px;font-size:8px}}
.create-center-recommendation{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;padding:17px 19px;border:1px solid rgba(97,225,209,.22);border-radius:17px;background:linear-gradient(135deg,rgba(97,225,209,.07),rgba(139,92,246,.045))}.create-center-recommendation>div{display:grid;gap:4px}.create-center-recommendation span,.create-card-role{color:var(--aqua);font-size:9px;font-weight:800;letter-spacing:.11em}.create-center-recommendation strong{font-size:18px}.create-center-recommendation p{margin:0;color:var(--muted);font-size:12px}.create-center-recommendation small{color:var(--muted);font-size:10px}.create-center-recommendation>a{flex:none}.create-type-grid>a.recommended{border-color:rgba(97,225,209,.28);background:linear-gradient(145deg,rgba(97,225,209,.065),rgba(255,255,255,.02))}.create-card-role{order:-1;min-height:1.2em}.create-type-grid .create-type-icon{order:-2}
@media(max-width:600px){.create-center-recommendation{align-items:flex-start;flex-direction:column;gap:12px;margin-top:18px;padding:14px}.create-center-recommendation>a{width:100%;text-align:center}#create-center-view .create-type-grid{margin-top:14px}.create-card-role{font-size:8px;line-height:1.25}}
.admin-job-overview{display:grid;gap:12px;margin-bottom:16px}.admin-job-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.admin-job-stats span{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:10px}.admin-job-stats b{color:var(--text);font-size:20px}.admin-job-stats .attention{border-color:rgba(255,120,136,.25);background:rgba(231,81,101,.06)}.admin-job-stats .attention b{color:#ff9aa7}.admin-job-filters{display:flex;gap:7px;overflow-x:auto}.admin-job-filters button{flex:none;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.admin-job-filters button.active{border-color:rgba(97,225,209,.35);background:rgba(97,225,209,.08);color:var(--text)}.admin-job-filters button span{margin-left:4px;color:var(--aqua)}#admin-job-filter-result{margin:0;color:var(--muted);font-size:10px}
@media(max-width:600px){.admin-job-stats{gap:6px}.admin-job-stats span{padding:9px;border-radius:10px}.admin-job-stats b{font-size:17px}.admin-job-filters{margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px}}
.admin-nav-backdrop{display:none}
@media(max-width:760px){.admin-nav-backdrop{position:fixed;z-index:59;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(4,3,7,.68);backdrop-filter:blur(3px);cursor:default}.admin-nav-backdrop[hidden]{display:none!important}body.admin-navigation-open{overflow:hidden}.admin-sidebar.open{visibility:visible}}

/* Credits clarity: explain spendable and reserved balances before the ledger. */
.credits-balance-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.credits-balance-guide>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 12px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.credits-balance-guide span{color:var(--aqua);font-size:9px;font-weight:800;letter-spacing:.1em}.credits-balance-guide p{grid-column:2;margin:0;color:var(--muted);font-size:11px;line-height:1.45}.credits-balance-guide a{grid-column:2;color:var(--aqua);font-size:11px;font-weight:700;text-decoration:none}.credit-history-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:8px}.credit-history-heading>.eyebrow{margin:0}.credit-history-heading>div{display:grid;gap:2px;text-align:right}.credit-history-heading strong{font-size:12px}.credit-history-heading span{color:var(--muted);font-size:10px}
@media(max-width:600px){.credits-balance-guide{grid-template-columns:1fr;gap:7px}.credits-balance-guide>div{padding:10px 11px}.credit-history-heading{align-items:flex-start;flex-direction:column;gap:6px}.credit-history-heading>div{text-align:left}.credits-balance-guide p,.credits-balance-guide a{grid-column:1/-1}}

/* Timeline reading overview: orientation before chronology, without changing story data. */
.timeline-reading-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;margin:28px 0 18px;padding:18px 20px;border:1px solid rgba(97,225,209,.18);border-radius:18px;background:linear-gradient(135deg,rgba(97,225,209,.055),rgba(139,92,246,.035))}.timeline-reading-overview>div:first-child{display:grid;gap:4px}.timeline-reading-overview small{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.13em}.timeline-reading-overview strong{font-size:20px}.timeline-reading-overview>div:first-child span{color:var(--muted);font-size:12px}.timeline-reading-stats{display:flex;align-items:center;gap:8px}.timeline-reading-stats span{display:grid;min-width:72px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:10px;text-align:center}.timeline-reading-stats b{color:var(--text);font-size:17px}.timeline-reading-actions{display:flex;grid-column:1/-1;gap:18px;padding-top:10px;border-top:1px solid var(--line)}.timeline-reading-actions .text-button{min-height:34px;padding:0}.timeline-era-chapter.current-chapter{border-color:rgba(97,225,209,.25);box-shadow:0 12px 32px rgba(0,0,0,.1)}
@media(max-width:600px){.timeline-reading-overview{grid-template-columns:1fr;gap:12px;margin:18px 0 14px;padding:14px;border-radius:15px;scroll-margin-top:128px}.timeline-reading-stats{justify-content:stretch}.timeline-reading-stats span{flex:1}.timeline-reading-actions{grid-column:1;justify-content:space-between}.timeline-reading-actions .text-button{min-height:40px;font-size:11px}#timeline-view .timeline-era-groups{margin-top:14px}}

/* Admin AI call observability */
.ai-log-heading{align-items:end}.ai-log-filters{display:flex;gap:10px}.ai-log-filters label{display:grid;gap:6px;color:var(--muted);font-size:.72rem}.ai-log-filters select{min-width:150px}.ai-log-notice{margin-bottom:16px;padding:12px 14px;border:1px solid rgba(120,222,213,.2);border-radius:12px;background:rgba(120,222,213,.055);color:var(--muted);font-size:.8rem}.ai-log-list{display:grid;gap:12px}.ai-log-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.028)}.ai-log-card>header{display:flex;align-items:start;justify-content:space-between;gap:20px}.ai-log-card>header>div:first-child{display:grid;gap:4px}.ai-provider{justify-self:start;padding:4px 7px;border-radius:7px;background:rgba(120,222,213,.1);color:var(--aqua);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.ai-log-card header small,.ai-log-meta{color:var(--muted)}.ai-log-result{display:grid;justify-items:end;gap:7px}.ai-log-result b{font-size:.75rem;font-weight:500;color:var(--muted)}.ai-log-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0;font-size:.75rem}.ai-log-error{padding:10px 12px;border-radius:9px;background:rgba(231,81,81,.1);color:#ffadad}.ai-log-card details{border-top:1px solid var(--line)}.ai-log-card summary{padding:12px 0;cursor:pointer;color:var(--muted);font-size:.8rem}.ai-log-card pre,.ai-log-card code{display:block;max-height:420px;margin:0 0 12px;padding:14px;overflow:auto;border-radius:10px;background:#09080d;color:#d8d2df;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.admin-empty-state{display:grid;gap:6px;padding:48px 20px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted)}
.consistency-admin{margin-bottom:18px;padding:20px;border:1px solid rgba(120,222,213,.18);border-radius:18px;background:linear-gradient(135deg,rgba(120,222,213,.07),rgba(255,255,255,.025))}.consistency-admin>header{display:flex;align-items:start;justify-content:space-between;gap:20px}.consistency-admin h3,.consistency-admin h4{margin:.25rem 0}.consistency-admin>header>strong{display:grid;text-align:right;color:var(--aqua);font-size:1.7rem}.consistency-admin>header small{color:var(--muted);font-size:.7rem;font-weight:500}.consistency-admin-metrics{display:flex;gap:12px;margin:18px 0}.consistency-admin-metrics span{min-width:110px;display:grid;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.12)}.consistency-admin-metrics b{font-size:1.25rem}.consistency-admin-metrics small{color:var(--muted)}.consistency-admin-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.consistency-recent{display:grid}.consistency-recent article{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.consistency-recent i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-style:normal}.consistency-recent i.positive{color:#8ce8ad;background:rgba(70,188,113,.13)}.consistency-recent i.negative{color:#ffadad;background:rgba(231,81,81,.13)}.consistency-recent span{display:grid;min-width:0}.consistency-recent small,.consistency-recent time{color:var(--muted);font-size:.7rem}.consistency-recent time{white-space:nowrap}
@media(max-width:760px){.ai-log-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.ai-log-filters select{min-width:0;width:100%}.ai-log-card>header{align-items:start}.ai-log-meta{display:grid;gap:5px}}
@media(max-width:760px){.consistency-admin>header{display:grid}.consistency-admin>header>strong{text-align:left}.consistency-admin-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.consistency-admin-metrics span{min-width:0}.consistency-admin-body{grid-template-columns:1fr}.consistency-recent article{grid-template-columns:26px minmax(0,1fr)}.consistency-recent time{grid-column:2}}

.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; }
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:200;top:8px;left:12px;padding:10px 14px;border:1px solid var(--aqua);border-radius:10px;background:#17131f;color:var(--text);font-size:12px;font-weight:800;text-decoration:none;transform:translateY(-150%);transition:transform .16s}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.desktop-nav a[aria-current="page"],.account-menu a[aria-current="page"]{color:var(--aqua)}.desktop-nav a[aria-current="page"]{position:relative;font-weight:750}.desktop-nav a[aria-current="page"]::after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;border-radius:2px;background:var(--aqua)}.account-menu a[aria-current="page"]{background:rgba(97,225,209,.08)}
[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; }
.idea-starters{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 3px 2px}.idea-starters>span{margin-right:2px;color:var(--muted);font-size:11px;font-weight:700}.idea-starters button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.idea-starters button:hover,.idea-starters button:focus-visible{border-color:rgba(120,222,213,.45);color:var(--text);background:rgba(120,222,213,.07)}
.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; }
.hero-character-portrait{overflow:hidden;background:#17131f}
.hero-character-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.012)}
.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; }
.verify-card{max-width:560px}
.verify-destination{margin-bottom:20px}
.verify-destination strong{color:var(--text);overflow-wrap:anywhere}
.verify-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;text-align:left}
.verify-steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:11px;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.verify-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(120,222,213,.1);color:var(--aqua);font-size:12px;font-weight:800}
.verify-steps p{display:grid;gap:2px;margin:0}.verify-steps strong{font-size:13px}.verify-steps small,.verify-help{color:var(--muted);font-size:12px;line-height:1.45}
.verify-help{margin:14px 0 0!important}
.verify-card .flow-actions{margin-top:16px}
.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; }
.identity-field-group{display:grid;gap:16px;margin:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}
.identity-field-group legend{display:grid;gap:3px;padding:0 8px;color:var(--text)}.identity-field-group legend span{font-family:Georgia,"Times New Roman",serif;font-size:20px}.identity-field-group legend small{font-family:var(--font-sans,inherit);font-size:11px}
.identity-save-note{display:grid;gap:4px;margin:0;padding:13px 15px;border-left:2px solid rgba(120,222,213,.48);border-radius:0 12px 12px 0;background:rgba(120,222,213,.045)}.identity-save-note strong{font-size:12px}.identity-save-note span{color:var(--muted);font-size:11px;line-height:1.5}
.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); }
.visual-direction-summary{display:grid;gap:3px;margin:2px 0 0;padding:11px 13px;border:1px solid rgba(158,124,255,.18);border-radius:12px;background:rgba(158,124,255,.055)}.visual-direction-summary strong{font-size:12px}.visual-direction-summary span{color:var(--muted);font-size:11px;line-height:1.45}
.identity-new-reference-preview{display:grid;grid-template-columns:70px minmax(0,1fr);gap:11px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.identity-new-reference-preview[hidden]{display:none}.identity-new-reference-preview img{width:70px;height:82px;object-fit:cover;border-radius:9px}.identity-new-reference-preview>div{display:grid;gap:3px;min-width:0}.identity-new-reference-preview small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.identity-new-reference-preview span{color:var(--muted);font-size:10px;line-height:1.4}
.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; }
.rights-check input[type="checkbox"]{flex:0 0 18px;width:18px!important;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;accent-color:var(--aqua)}
.rights-check>span{flex:1;min-width:0;line-height:1.45}
.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; }
.candidate-compare-intro{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.candidate-compare-intro h2{margin:3px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:23px;font-weight:500}.candidate-compare-intro>small{max-width:220px;color:var(--muted);font-size:10px;line-height:1.45;text-align:right}.identity-candidate-card>header{display:flex;align-items:center;justify-content:space-between;padding:10px 11px}.identity-candidate-card>header strong{font-size:11px}.identity-candidate-card>header span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.identity-candidate-card>header span[data-state="ready"]{color:var(--aqua)}.identity-candidate-card>header span[data-state="failed"]{color:#ffb1ba}.identity-candidate-card footer{display:grid;gap:2px;padding:9px}.identity-candidate-card footer small{color:var(--muted);font-size:9px;line-height:1.35}.identity-candidate-card footer button{width:100%;margin:5px 0 0}.identity-candidate-card.selecting{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(120,222,213,.12)}
.look-candidate-card>header{display:flex;align-items:center;justify-content:space-between;padding:9px 10px}.look-candidate-card>header strong{font-size:11px}.look-candidate-card>header span{color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.look-candidate-card>header span[data-state="ready"]{color:var(--aqua)}.look-candidate-card>header span[data-state="failed"]{color:#ffb1ba}.look-candidate-card footer{display:grid;gap:3px;padding:9px}.look-candidate-card footer small{color:var(--muted);font-size:9px}.look-candidate-card footer button{width:100%;margin:4px 0 0}.look-candidate-card.selecting{border-color:var(--aqua);box-shadow:0 0 0 2px rgba(120,222,213,.12)}
.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; }
.continue-character{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:clamp(24px,5vw,56px);align-items:center;margin:0 0 52px;padding:clamp(18px,3vw,28px);border:1px solid rgba(120,222,213,.24);border-radius:26px;background:radial-gradient(circle at 8% 50%,rgba(120,222,213,.12),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden}.continue-character-visual img,.continue-character-visual .home-character-placeholder{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:17px}.continue-character-copy{max-width:680px}.continue-character-copy>span{display:block;color:var(--muted);font-size:.85rem;margin:10px 0 14px}.continue-character-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.7rem);font-weight:500;line-height:1;margin:0 0 14px}.continue-character-copy>p:not(.eyebrow){color:var(--muted);font-size:1.02rem;line-height:1.55}.continue-character-copy>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}
.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; }
@media(max-width:640px){.continue-character{grid-template-columns:104px 1fr;gap:17px;padding:15px;border-radius:20px;margin-bottom:38px}.continue-character-copy h2{font-size:1.65rem}.continue-character-copy>p:not(.eyebrow){display:none}.continue-character-copy>div{margin-top:16px}.continue-character-copy .primary-button{width:100%;text-align:center}.continue-character-copy .text-button{font-size:.86rem}.continue-character-copy .eyebrow{font-size:.66rem}.continue-character-copy>span{font-size:.75rem;margin:6px 0 9px}}
.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-home-topbar{position:relative;z-index:8;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.character-home-topbar .back-link{margin:0}.character-more-menu{position:relative}.character-more-menu summary{display:grid;place-items:center;width:42px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;list-style:none}.character-more-menu summary::-webkit-details-marker{display:none}.character-more-menu[open] summary{border-color:rgba(120,222,213,.45);color:var(--text)}.character-more-menu nav{position:absolute;right:0;top:44px;display:grid;width:210px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#17131d;box-shadow:0 24px 70px rgba(0,0,0,.48)}.character-more-menu nav a{padding:13px 15px;color:var(--text);font-size:13px;text-decoration:none}.character-more-menu nav a+a{border-top:1px solid var(--line)}.character-more-menu nav a:hover{background:rgba(120,222,213,.07);color:var(--aqua)}
.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-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:10px;overflow:visible;padding:2px 0 0;scroll-snap-type:none}.recent-creation-card{grid-template-rows:auto 1fr;scroll-snap-align:none}.recent-song .recent-creation-visual{aspect-ratio:4/3}.recent-creations header{margin-bottom:14px}.recent-creations h2{font-size:27px}}

/* Character Home uses a stable square frame for mixed-media covers. */
#character-home-view .recent-creation-card .recent-creation-visual{aspect-ratio:1/1}
.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); }
.custom-file-input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0);white-space:nowrap;border:0!important;opacity:0}
.custom-file-picker{display:flex;width:min(100%,360px);min-height:46px;margin-top:14px;align-items:center;gap:10px;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(8,7,13,.42);box-sizing:border-box;text-align:left;cursor:pointer}
.custom-file-picker b{display:inline-flex;min-height:32px;padding:0 13px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:8px;color:#101018;background:var(--aqua);font-size:12px;font-weight:800}
.custom-file-picker span{min-width:0;overflow:hidden;color:var(--muted);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.custom-file-input:focus-visible+.custom-file-picker{outline:2px solid var(--aqua);outline-offset:3px}
.reference-panel>.custom-file-picker{margin-top:0}
.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 input,#image-ai-form select{min-height:46px}
#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(180px,.8fr) minmax(180px,.8fr) minmax(260px,1.4fr); 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 { position:relative; overflow:hidden; border:1px solid var(--line); border-radius:18px; color:var(--text); text-decoration:none; background:rgba(255,255,255,.025); transition:border-color .18s ease,transform .18s ease,background .18s ease; }
.library-work-card:hover { border-color:rgba(97,225,209,.42); transform:translateY(-2px); }
.library-work-card img { display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; background:rgba(255,255,255,.035); }
.library-work-card > .library-card-copy { padding:17px; }
.library-work-card span,.library-work-card small { color:var(--muted); }
.library-card-kicker{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;letter-spacing:.02em}.library-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.library-card-meta>small:first-child{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.055);font-size:10px}.library-card-meta .publication-badge{margin:0}.library-card-meta .story-library-status{width:100%;margin:0;font-size:11px}
.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-heading-actions{display:grid;justify-items:end;gap:8px}.task-heading-actions .danger-text{font-size:11px}.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:8px}.task-card-action .delete-task-record{padding:2px 4px;font-size: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%}.task-card-action .delete-task-record{margin-left:auto}}
.task-card-copy .task-time{margin-left:auto;color:var(--muted-2)}
.discover-type-tabs{display:flex;gap:6px;margin:-10px 0 20px;overflow-x:auto;scrollbar-width:none}.discover-type-tabs a{padding:7px 12px;border-radius:9px;color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.discover-type-tabs a.active{color:var(--text);background:rgba(158,124,255,.16)}
.discover-card-media>.discover-media-type{position:absolute;right:10px;top:10px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,8,14,.7);color:#fff;font-size:.62rem;font-style:normal;font-weight:800;letter-spacing:.05em;backdrop-filter:blur(8px)}
.create-card-state{display:block;width:max-content;max-width:100%;margin-top:auto;padding:5px 8px;border-radius:999px;background:rgba(97,225,209,.09);color:var(--aqua);font-size:10px;font-weight:750;line-height:1.2}.create-type-grid>*{display:flex;flex-direction:column}.create-type-grid>* b{margin-top:8px}
.mv-prerequisites{display:grid;gap:12px;padding:20px;border:1px solid rgba(97,225,209,.24);border-radius:18px;background:rgba(97,225,209,.055)}.mv-prerequisites h2,.mv-prerequisites p{margin:0}.mv-prerequisites>p:not(.eyebrow),.mv-prerequisites>small{color:var(--muted);line-height:1.5}.mv-prerequisites>div{display:flex;flex-wrap:wrap;gap:9px}.missing-media>:not(.mv-prerequisites){display:none!important}
.task-filters{display:flex;justify-content:flex-end;margin:-8px 0 16px}.task-filters label{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;font-weight:700}.task-filters select{min-width:180px;padding:9px 34px 9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text)}
@media(max-width:600px){#tasks-view .task-filters{justify-content:stretch;margin:-3px 0 13px}#tasks-view .task-filters label{width:100%}#tasks-view .task-filters select{flex:1;min-width:0}}
.task-priority-list{display:grid;gap:12px}.task-priority-heading{margin:2px 0 0}.task-history-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:22px 0 2px;padding-top:22px;border-top:1px solid var(--line)}.task-history-heading p,.task-history-heading h2{margin:0}.task-history-heading h2{margin-top:5px;font-size:22px}.task-history-heading button{margin:0;white-space:nowrap}
.character-identity-task{width:min(100% - 48px,var(--max));margin:42px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(114,229,224,.35);border-radius:16px;background:linear-gradient(110deg,rgba(114,229,224,.1),rgba(178,154,232,.08));color:var(--text);text-decoration:none}.character-identity-task span{display:grid;gap:5px}.character-identity-task small{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.13em}.character-identity-task strong{font-size:17px}.character-identity-task b{white-space:nowrap;color:var(--aqua);font-size:13px}@media(max-width:600px){.character-identity-task{width:calc(100% - 32px);margin-top:24px;padding:15px 16px;align-items:flex-start}.character-identity-task strong{font-size:14px;line-height:1.4}.character-identity-task b{padding-top:18px}}
.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}
.detail-publication-status{display:inline-flex;align-items:center}

/* Mobile Safari form stability */
@media(max-width:760px){
  .app-view input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  .app-view textarea,
  .app-view select,
  .auth-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]),
  .auth-dialog textarea,
  .auth-dialog select{font-size:16px!important}
}
.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%; }
.turnaround-progress{display:grid;gap:9px;margin:20px 0 28px;padding:14px 16px;border:1px solid rgba(97,225,209,.22);border-radius:14px;background:rgba(97,225,209,.04)}.turnaround-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.turnaround-progress strong{font-size:13px}.turnaround-progress span{color:var(--muted);font-size:10px}.turnaround-progress-track{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.turnaround-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--aqua),var(--violet));transition:width .3s ease}.turnaround-views-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:15px}.turnaround-views-heading h2{margin:5px 0 0;font-size:25px}.turnaround-views-heading>small{max-width:370px;color:var(--muted);line-height:1.45;text-align:right}.turnaround-card>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px}.turnaround-card>header span,.turnaround-card>header b{font-size:9px;letter-spacing:.09em}.turnaround-card>header span{color:var(--muted)}.turnaround-card.ready>header b{color:var(--aqua)}.turnaround-card.creating>header b{color:#d8c9ff}.turnaround-card.missing>header b{color:var(--muted)}.turnaround-card footer small{color:var(--muted);font-size:9px}.turnaround-boundary{display:flex;align-items:flex-start;gap:10px;margin:18px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px;line-height:1.45}.turnaround-boundary strong{flex:0 0 auto;color:var(--aqua)}
.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-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.canon-form-heading h2{margin:5px 0 0;font-size:24px}.canon-form-heading>small{max-width:280px;text-align:right}.canon-form:focus-within{border-color:rgba(158,124,255,.36);box-shadow:0 18px 55px rgba(0,0,0,.18)}
.canon-form label { display: grid; gap: 8px; margin-bottom: 15px; color: var(--muted); font-size: 13px; font-weight: 750; }
.canon-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.canon-form select,.canon-form textarea { width: 100%; min-height:46px; box-sizing:border-box; padding: 13px 14px; border: 1px solid var(--line); border-radius: 13px; color: var(--text); background: #1c1725; font:inherit; }
.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-truths-section{margin-top:50px}.canon-truths-section>header{display:flex;align-items:end;justify-content:space-between;gap:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.canon-truths-section>header h2{margin:5px 0 0;font-size:26px}.canon-truths-section>header small{max-width:340px;color:var(--muted);line-height:1.45;text-align:right}.canon-truths-section .canon-groups{margin-top:25px}.canon-group>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.canon-group>header h2{margin:0 0 4px}.canon-group>header p{margin:0;color:var(--muted);font-size:12px}.canon-group>header>span{color:var(--aqua);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.canon-card-state{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.canon-card-state span{color:var(--aqua);font-size:9px;font-weight:800;letter-spacing:.1em}.canon-card-state small{color:var(--muted);font-size:10px}.canon-card .canon-meta{justify-content:flex-end;gap:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.archived-canon{margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.archived-canon>#toggle-archived-canon{color:var(--muted)}
.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-dialog-intro{max-width:560px;margin:-10px 44px 20px 0;color:var(--muted);font-size:12px;line-height:1.5}.canon-version-label{display:flex;align-items:center;justify-content:space-between;gap:14px}.canon-version-label strong{color:var(--aqua);font-size:9px;letter-spacing:.1em}.canon-version-label small{color:var(--muted);font-size:10px}.canon-history>header{display:flex;align-items:center;justify-content:space-between;gap:15px}.canon-history>header h3{margin:0}.canon-history>header small{color:var(--muted)}
.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-version>.canon-version-label{margin-bottom:10px}.history-version>button{width:100%;min-height:40px;margin-top:12px;border-top:1px solid var(--line)}
.history-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.canon-dialog-actions { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line); }.canon-dialog-actions small{max-width:390px;color:var(--muted);font-size:10px;line-height:1.4;text-align:right}
.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); }
.story-one-event-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0!important;padding:10px 12px;border:1px solid var(--line);border-radius:11px;font-size:11px;line-height:1.4}.story-one-event-note strong{flex:0 0 auto;color:var(--aqua)}.story-form-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.story-form-heading h2{margin:5px 0 0;font-size:24px}.story-form-heading>small{max-width:300px;text-align:right}.story-section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 13px;padding-top:18px;border-top:1px solid var(--line)}.story-section-label strong{color:var(--aqua);font-size:10px;letter-spacing:.1em}.story-section-label span{color:var(--muted);font-size:10px;text-align:right}
.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-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.era-form-heading h2{margin:5px 0 0;font-size:24px}.era-form-heading>small{max-width:300px;text-align:right}.era-context-note{display:flex;align-items:flex-start;gap:12px;margin:17px 0;padding:12px 13px;border:1px solid rgba(97,225,209,.2);border-radius:12px;background:rgba(97,225,209,.04);font-size:11px;line-height:1.45}.era-context-note strong{flex:0 0 auto;color:var(--aqua)}.era-context-note span{color:var(--muted)}
.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-history-section{margin-top:48px}.era-history-section>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.era-history-section>header h2{margin:5px 0 0;font-size:27px}.era-history-section>header small{max-width:360px;color:var(--muted);line-height:1.5;text-align:right}.era-history-section .era-timeline{margin-top:22px}.era-active-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 0;padding:11px 13px;border:1px solid rgba(97,225,209,.2);border-radius:12px;background:rgba(97,225,209,.045)}.era-active-context strong{color:var(--aqua);font-size:9px;letter-spacing:.1em}.era-active-context span{color:var(--muted);font-size:11px;text-align:right}.era-card.past{opacity:.76}.era-card.past:hover{opacity:1}.era-card.current .era-state{border-color:rgba(97,225,209,.32);color:var(--aqua);background:rgba(97,225,209,.05)}
.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-form-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.profile-form-heading h2{margin:5px 0 0;font-size:24px}.profile-form-heading>small{max-width:300px;text-align:right}.profile-section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 13px;padding-top:18px;border-top:1px solid var(--line)}.profile-section-label strong{color:var(--aqua);font-size:10px;letter-spacing:.1em}.profile-section-label span{color:var(--muted);font-size:10px;text-align:right}.profile-version-card.current{border-color:rgba(97,225,209,.3);background:rgba(97,225,209,.045)}.profile-version-card.past{opacity:.82}.profile-version-card > p { display:grid;gap:3px;margin:10px 0;color:var(--muted);font-size:14px}.profile-version-card>small{color:var(--aqua);font-size:10px}.profile-history-section>h2{margin:6px 0;font-size:24px}.profile-history-section>p{color:var(--muted);font-size:12px}.profile-version-card>button{width:100%;min-height:40px;margin-top:5px;border-top:1px solid var(--line)}
.life-story-form-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:-2px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.life-story-form-heading h2{margin:5px 0 0;font-size:24px}.life-story-form-heading>small{max-width:310px;text-align:right}.life-story-section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 13px;padding-top:18px;border-top:1px solid var(--line)}.life-story-section-label strong{color:var(--aqua);font-size:10px;letter-spacing:.1em}.life-story-section-label span{color:var(--muted);font-size:10px;text-align:right}.life-story-history-section>h2{margin:6px 0;font-size:24px}.life-story-history-section>p{color:var(--muted);font-size:12px}.life-story-history-section .profile-version-card>small{color:var(--aqua);font-size:10px}
.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-recommended-reason{display:flex;align-items:baseline;gap:7px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.character-recommended-reason strong{flex:none;color:var(--aqua);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.look-purpose-note{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0;padding:12px 14px;border:1px solid rgba(120,222,213,.16);border-radius:13px;background:rgba(120,222,213,.04)}.look-purpose-note>div{display:grid;gap:3px}.look-purpose-note strong{font-size:12px}.look-purpose-note span{color:var(--muted);font-size:10px;line-height:1.4}.look-purpose-note a{flex:none;color:var(--aqua);font-size:10px;font-weight:750;text-decoration:none}
.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 summary { display:flex; justify-content:space-between; align-items:end; gap:18px; cursor:pointer; list-style:none; }
.character-foundation summary::-webkit-details-marker{display:none}.foundation-toggle-label{align-self:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:650}.character-foundation[open] .foundation-toggle-label{color:var(--aqua);border-color:rgba(120,222,213,.28)}
.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; }
.edit-foundation-group{margin-top:36px}.edit-foundation-group>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--line)}.edit-foundation-group>header h2{margin:5px 0 0;font-size:25px}.edit-foundation-group>header>small{max-width:330px;color:var(--muted);line-height:1.45;text-align:right}.edit-character-grid a{position:relative}.edit-character-grid a>small{margin-top:auto;color:var(--aqua);font-size:10px}.edit-character-grid a>b{position:absolute;right:15px;bottom:14px;color:var(--muted);font-size:10px}.edit-character-boundary{display:flex;align-items:flex-start;gap:10px;margin:32px 0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:11px;line-height:1.45}.edit-character-boundary strong{flex:0 0 auto;color:var(--aqua)}
.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:620px) {
  #library-view .character-home-shell{padding-inline:14px}
  #library-view .canon-heading{gap:18px}
  #library-view .canon-heading h1{font-size:clamp(1.8rem,9vw,2.35rem);line-height:1.02}
  #library-view .canon-heading p:not(.eyebrow){font-size:.92rem;line-height:1.55}
  .library-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
  .library-heading-actions a{min-width:0;padding-inline:10px;text-align:center;font-size:.76rem}
  .library-heading-actions a:last-child{grid-column:1/-1;grid-row:1}
  .library-toolbar{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding:12px;border-radius:14px}
  .library-toolbar label:last-child{grid-column:1/-1;grid-row:1}
  .library-toolbar select,.library-toolbar input{min-height:44px;padding:10px 11px}
  .library-type-tabs{position:sticky;z-index:12;top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:18px -4px 14px;padding:7px 4px;border:1px solid var(--line);border-radius:14px;background:rgba(14,12,20,.94);backdrop-filter:blur(16px)}
  .library-type-tabs button{min-width:0;padding:9px 4px;font-size:.72rem;white-space:nowrap}
  .library-type-tabs span{min-width:18px;height:18px;margin-left:2px;font-size:10px}
  .library-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .library-work-card{border-radius:14px;background:rgba(255,255,255,.035)}
  .library-work-card img{aspect-ratio:4/5}
  .media-library-card>img,.media-library-symbol{aspect-ratio:1;min-height:0}
  .library-work-card>.library-card-copy{padding:11px}
  .library-work-card h2{margin:5px 0 8px;font-size:.94rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .library-work-card p{display:none}
  .library-card-kicker{font-size:10px}
  .library-card-meta{gap:5px}
  .library-card-meta>small:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .library-card-meta .publication-badge{padding:4px 6px;font-size:9px}
  .library-empty{padding:26px 18px}
}
@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-moments-section{margin-top:48px}.story-moments-section>header{display:flex;align-items:end;justify-content:space-between;gap:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}.story-moments-section>header h2{margin:5px 0 0;font-size:26px}.story-moments-summary{display:grid;gap:4px;text-align:right}.story-moments-summary strong{color:var(--aqua);font-size:12px}.story-moments-summary span{color:var(--muted);font-size:10px}.story-moments-guide{margin:11px 0 0;color:var(--muted);font-size:11px}.story-moments-section .story-timeline{margin-top:18px}.compact-story-moment.needs-review{border-color:rgba(216,201,255,.25)}.compact-story-moment-meta .canon-review-chip.attention{border-color:rgba(216,201,255,.3);color:#d8c9ff;background:rgba(158,124,255,.07)}
.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-state{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.story-detail-state span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:700}.story-detail-state .story-state-primary{border-color:rgba(97,225,209,.28);background:rgba(97,225,209,.07);color:var(--aqua)}.story-detail-state .attention{border-color:rgba(216,201,255,.3);background:rgba(158,124,255,.07);color:#d8c9ff}.story-edit-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.story-edit-heading h2{margin:5px 0 0;font-size:25px}.story-edit-heading>small{max-width:220px;color:var(--muted);text-align:right}.story-form>.story-section-label{margin:20px 0 2px}.story-form>.story-section-label:first-of-type{margin-top:0}
.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%}.story-detail-state{gap:6px;margin:14px 0 18px}.story-detail-state span{padding:5px 8px;font-size:10px}.story-edit-heading{align-items:flex-start;flex-direction:column}.story-edit-heading>small{text-align:left}}
.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; }
.confirm-dialog{width:min(460px,calc(100vw - 28px))}.confirm-dialog-shell{display:grid;gap:13px}.confirm-dialog-shell h2{margin:0;font-size:clamp(28px,5vw,38px);line-height:1.04}.confirm-dialog-shell>p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.6;white-space:pre-line}.confirm-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.confirm-dialog-actions>*{min-height:46px}.danger-button{border-color:rgba(255,112,128,.45)!important;background:linear-gradient(135deg,#d95365,#ff7888)!important;color:#fff!important}
.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-form input[aria-invalid="true"]{background:rgba(231,81,101,.055)}
.auth-form label:has(input[aria-invalid="true"]){color:#ffb1ba}
.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{position:relative;text-decoration:none}
  .mobile-nav a.active { color: var(--text);font-weight:750; }
  .mobile-nav a.active::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;transform:translateX(-50%);border-radius:50%;background:var(--aqua);box-shadow:0 0 8px rgba(97,225,209,.65)}
  .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)}
.media-create-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),.media-create-form textarea,.media-create-form select{width:100%;min-height:46px;box-sizing:border-box;padding:12px 13px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--text);background:#1b1724;font:inherit;line-height:1.4}.media-create-form input:focus,.media-create-form textarea:focus,.media-create-form select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(97,225,209,.1)}
.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}}
.song-inspiration.compact-inspiration{padding:0;overflow:hidden}.song-inspiration-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:0;background:transparent;color:inherit;text-align:left}.song-inspiration-toggle span{display:grid;gap:4px}.song-inspiration-toggle small{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em}.song-inspiration-toggle strong{font-size:17px}.song-inspiration-toggle b{font-size:24px;font-weight:400;color:var(--muted)}#song-inspiration-body{padding:0 20px 20px}#song-inspiration-body>p{margin:0 0 14px;color:var(--muted)}#song-inspiration-body>small{display:block;margin-top:12px;color:var(--muted)}
.lyrics-assist.compact-lyrics-assist{display:block;padding:0;overflow:hidden}.lyrics-assist-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit;text-align:left}.lyrics-assist-toggle span{display:grid;gap:2px}.lyrics-assist-toggle strong{font-size:14px}.lyrics-assist-toggle small{font-size:12px;font-weight:400}.lyrics-assist-toggle b{color:var(--muted);font-size:21px;font-weight:400}#lyrics-assist-body{padding:0 16px 14px}#lyrics-assist-body>div{display:flex;gap:8px;flex-wrap:wrap}#lyrics-assist-body>small{display:block;margin-top:10px}
.instrumental-mode-note{display:block;margin:-6px 0 4px;padding:10px 12px;border-radius:12px;background:rgba(190,139,255,.08);color:var(--muted);font-size:12px;line-height:1.45}.instrumental-mode-note[hidden]{display:none}
.mv-clip-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-8px;padding:13px 14px;border:1px solid rgba(137,220,190,.22);border-radius:14px;background:rgba(137,220,190,.07)}.mv-clip-summary>div:first-child{display:grid;gap:3px}.mv-clip-summary strong{font-size:14px}.mv-clip-summary small{color:var(--muted);font-size:12px}.mv-clip-summary>div:last-child{display:flex;gap:6px}.mv-clip-summary button{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:transparent;color:inherit;font-size:12px}.mv-clip-summary.invalid{border-color:rgba(255,116,116,.35);background:rgba(255,116,116,.08)}.mv-clip-summary.invalid strong{color:#ffaaaa}@media(max-width:560px){.mv-clip-summary{align-items:flex-start;flex-direction:column}.mv-clip-summary>div:last-child{width:100%}.mv-clip-summary button{flex:1}}
.mv-step-heading{display:flex;align-items:center;gap:10px;margin:10px 0 -3px;padding-top:7px;border-top:1px solid var(--line)}.mv-step-heading:first-of-type{margin-top:2px;border-top:0}.mv-step-heading>span{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:50%;background:rgba(102,234,213,.11);color:var(--aqua);font-size:12px;font-weight:800}.mv-step-heading>div{display:grid;gap:1px}.mv-step-heading strong{font-size:14px}.mv-step-heading small{color:var(--muted);font-size:11px}
.mv-upload-intro{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(102,234,213,.18);border-radius:14px;background:rgba(102,234,213,.055)}.mv-upload-intro>span{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:12px;background:rgba(102,234,213,.1);color:var(--aqua);font-size:14px}.mv-upload-intro>div{display:grid;gap:4px}.mv-upload-intro strong{font-size:14px}.mv-upload-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.publication-readiness{display:flex;align-items:center;gap:11px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.publication-readiness>span{display:grid;flex:0 0 28px;height:28px;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:var(--muted);font-weight:800}.publication-readiness>div{display:grid;gap:2px}.publication-readiness strong{font-size:13px}.publication-readiness small{color:var(--muted);font-size:11px}.publication-readiness.ready{border-color:rgba(102,234,213,.24);background:rgba(102,234,213,.055)}.publication-readiness.ready>span{color:var(--aqua);background:rgba(102,234,213,.11)}
.publication-readiness.current{border-color:rgba(140,232,173,.2);background:rgba(70,188,113,.05)}.publication-readiness.current>span{color:#8ce8ad;background:rgba(70,188,113,.11)}
/* 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}}
.publication-status .publication-live-link{justify-self:start;margin-top:6px;padding:0;color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;opacity:1}
.publication-form input:not([type=checkbox]),.publication-form textarea,.publication-form select{width:100%;min-height:46px;box-sizing:border-box;padding:11px 12px;border:1px solid var(--line);border-radius:11px;outline:0;color:var(--text);background:#1b1724;font:inherit;font-weight:450;line-height:1.4}
.publication-form textarea{min-height:122px;resize:vertical}
.publication-form input:not([type=checkbox]):focus,.publication-form textarea:focus,.publication-form select:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(97,225,209,.1)}
.publication-form .danger-text{min-height:44px;padding-block:10px}
.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}}
.discover-community-link{color:inherit;text-decoration:none}.discover-community-link:hover{text-decoration:underline}
.discover-work-share{width:100%;margin-top:18px}
#discover-detail-view .discover-detail-shell>.back-link{min-height:44px;align-items:center}
#discover-detail-view .discover-community-link{display:inline-flex;min-height:40px;align-items:center}
#discover-detail-view .discover-attribution a{display:inline-flex;min-height:40px;align-items:center}
#discover-detail-view .discover-work-share{min-height:44px}
.discover-empty-action{margin-top:12px}
.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}
.discover-post-main{display:block}.discover-post-card .discover-post-main>.library-card-copy{padding:17px}.discover-post-manage{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;box-sizing:border-box;padding:12px 17px;border-top:1px solid var(--line);color:var(--aqua);font-size:12px;font-weight:750}.discover-post-manage:hover{background:rgba(102,234,213,.055)}@media(max-width:600px){.discover-post-card .discover-post-main>.library-card-copy{padding:9px}.discover-post-manage{min-height:44px;padding:10px 9px;font-size:11px}}
@media(max-width:600px){#library-view.discover-posts-view .library-toolbar{grid-template-columns:minmax(0,1.35fr) minmax(125px,.65fr)}#library-view.discover-posts-view .library-toolbar label:last-child{grid-column:1;grid-row:1}#library-view.discover-posts-view .library-toolbar label:nth-child(2){grid-column:2;grid-row:1}}
.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}}
@media(max-width:600px){body.account-menu-open .site-header{z-index:70}}
.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/3}.featured-work-visual img{object-position:center 24%}.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}}

/* V5 visual refresh — cinematic character editorial */
:root{
  --bg:#09080d;
  --surface:#131118;
  --surface-soft:#1b1821;
  --surface-raised:#211d28;
  --text:#f5f1eb;
  --muted:#aaa3b2;
  --muted-soft:#7f7888;
  --line:rgba(245,241,235,.11);
  --line-strong:rgba(245,241,235,.2);
  --violet:#b29ae8;
  --rose:#dd91b7;
  --aqua:#78ded5;
  --gold:#d8b978;
  --danger:#ef7f86;
  --max:1240px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --shadow-soft:0 24px 70px rgba(0,0,0,.28);
  --shadow-image:0 38px 100px rgba(0,0,0,.42);
}

html{background:var(--bg)}
#home-characters{scroll-margin-top:88px}
#create-center-view .back-link{display:inline-flex;min-height:44px;align-items:center}
#character-home-view #character-turnaround-link{display:inline-flex;min-height:44px;align-items:center}
#look-create-view .back-link,#image-create-view .back-link,#song-create-view .back-link,#mv-create-view .back-link{display:inline-flex;min-height:44px;align-items:center}
#tasks-view .back-link,#tasks-view #refresh-tasks,#tasks-view #toggle-task-history{display:inline-flex;min-height:44px;box-sizing:border-box;align-items:center}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(178,154,232,.105),transparent 29rem),
    radial-gradient(circle at 8% 42%,rgba(120,222,213,.045),transparent 26rem),
    var(--bg);
  font-feature-settings:"kern" 1,"liga" 1;
  -webkit-font-smoothing:antialiased;
}
body::before{
  position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.009) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,black,transparent 74%);
}

.site-header{
  position:relative;z-index:50;min-height:82px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.brand{gap:12px;font-size:18px;font-weight:720;letter-spacing:-.015em}
.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f4efe9 0 12%,var(--aqua) 36%,var(--violet) 70%,var(--rose));box-shadow:0 10px 30px rgba(120,222,213,.14)}
.desktop-nav{gap:8px;font-size:13px}
.desktop-nav a{padding:9px 14px;border-radius:9px;transition:color .18s ease,background .18s ease}
.desktop-nav a:hover{background:rgba(255,255,255,.045)}

.quiet-button,.primary-button,.action-link{border-radius:11px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.quiet-button{border-color:var(--line);background:rgba(255,255,255,.025)}
.quiet-button:hover{border-color:var(--line-strong);background:rgba(255,255,255,.055)}
.primary-button{min-height:46px;color:#0d1112;background:var(--aqua);box-shadow:0 10px 28px rgba(120,222,213,.12)}
.primary-button:hover{transform:translateY(-1px);background:#8ce8df;box-shadow:0 14px 34px rgba(120,222,213,.2)}
.primary-button:active,.quiet-button:active{transform:translateY(0)}
.text-button{color:var(--muted);text-underline-offset:4px}
.text-button:hover{color:var(--text)}

.eyebrow{color:var(--aqua);font-size:11px;font-weight:760;letter-spacing:.19em}
input,select,textarea{accent-color:var(--aqua)}
.identity-form input,.identity-form textarea,.canon-form input,.canon-form textarea,.canon-form select,.visual-controls input,.visual-controls textarea,.visual-controls select,.library-toolbar input,.library-toolbar select{
  border-color:var(--line);border-radius:12px;background:rgba(255,255,255,.032);
}
.identity-form input:focus,.identity-form textarea:focus,.canon-form input:focus,.canon-form textarea:focus,.canon-form select:focus,.visual-controls input:focus,.visual-controls textarea:focus,.visual-controls select:focus{
  border-color:rgba(120,222,213,.7);box-shadow:0 0 0 3px rgba(120,222,213,.1);
}

.hero{min-height:0;padding-top:76px;padding-bottom:112px;grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr);gap:clamp(44px,7vw,92px)}
.hero-copy{position:relative;z-index:2}
.hero h1{max-width:760px;margin:19px 0 25px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,7.15vw,94px);font-weight:500;line-height:.91;letter-spacing:-.062em}
.hero h1 span{background:linear-gradient(102deg,#f5f1eb 0 14%,var(--violet) 58%,var(--rose));background-clip:text}
.hero-body{max-width:610px;color:#bbb3c1;font-size:clamp(17px,1.7vw,20px);line-height:1.68}
.idea-card{max-width:620px;margin-top:37px;padding:12px;border-color:rgba(245,241,235,.14);border-radius:18px;background:rgba(20,17,25,.84);box-shadow:var(--shadow-soft);backdrop-filter:blur(22px)}
.idea-card label{margin:5px 7px 11px;color:#d7d1db;font-size:12px}
.idea-card textarea{min-height:100px;padding:16px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:#0f0d13;font-size:15px}
.idea-card textarea:focus{border-color:rgba(120,222,213,.42);box-shadow:inset 0 0 0 1px rgba(120,222,213,.15)}
.idea-actions{padding:2px 4px 2px 7px}
.idea-actions .primary-button{min-width:178px}

.character-stage{min-height:590px;perspective:1200px}
.glow{width:370px;height:370px;background:radial-gradient(circle,var(--violet),rgba(221,145,183,.6) 38%,transparent 70%);filter:blur(74px);opacity:.19}
.character-card{border-color:rgba(255,255,255,.16);box-shadow:var(--shadow-image)}
.card-front{width:min(374px,82vw);border-radius:18px;transform:rotate(1.4deg)}
.card-back{width:260px;top:56px;border-radius:15px;transform:translateX(-12px) rotate(-8deg);opacity:.52}
.card-front h2{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500}
.card-kicker{color:var(--gold)}
.life-chip{right:-12px;bottom:68px;border-radius:10px;background:rgba(12,10,15,.9);box-shadow:0 12px 35px rgba(0,0,0,.3)}

.promise{padding-top:106px;padding-bottom:144px}
.promise-grid{gap:clamp(44px,8vw,100px)}
.promise h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.02;letter-spacing:-.045em}
.promise-grid>p{color:#aaa3b2;font-size:17px}
.mediums{margin-top:62px;gap:1px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:var(--line)}
.mediums span{position:relative;border:0;border-radius:0;background:#100e14;font-size:13px;font-weight:650;letter-spacing:.02em}
.mediums span::before{display:block;margin:0 auto 10px;color:var(--gold);font-family:Georgia,serif;font-size:17px;content:"✦"}

.app-view{padding-top:68px}
.home-heading h1,.character-intro h1,.canon-heading h1,.look-title{
  font-family:Georgia,"Times New Roman",serif;font-weight:500;
}
.home-heading h1{font-size:clamp(46px,6vw,72px);line-height:.96;letter-spacing:-.05em}
.home-status{margin-top:34px}
.status-pill{border-radius:9px;background:rgba(255,255,255,.025)}
.home-section{padding-top:42px}
.character-grid{gap:22px}
.home-character-card{border-radius:16px;background:#111016;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.home-character-card:hover{transform:translateY(-5px);border-color:rgba(120,222,213,.45);box-shadow:0 28px 70px rgba(0,0,0,.32)}
.home-character-card img,.home-character-placeholder{aspect-ratio:4/5}
.home-character-card>div:last-child{padding:20px}
.home-character-card h3{font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500}

.back-link{font-size:13px;transition:color .18s ease}
.back-link:hover{color:var(--aqua)}
.character-hero{gap:clamp(42px,7vw,86px);align-items:end}
.character-portrait{aspect-ratio:4/5;border-radius:18px;box-shadow:var(--shadow-image)}
.character-intro{padding-bottom:24px}
.character-intro h1{font-size:clamp(58px,8.3vw,104px);font-weight:500;line-height:.84;letter-spacing:-.065em}
.character-tagline{font-size:20px;line-height:1.65}
.character-visibility,.character-chips span,.path-shortcuts a{border-radius:8px;background:rgba(255,255,255,.025)}
.character-actions{gap:12px}
.next-step{margin-top:92px;padding-top:48px}
.next-step h2,.recent-creations h2,.recent-life h2,.character-foundation h2,.character-story-spotlight h2{font-family:Georgia,"Times New Roman",serif;font-weight:500}
.next-step h2{font-size:40px}
.character-path-grid{gap:18px}
.character-path-card{padding:30px;border-radius:16px;background:linear-gradient(145deg,rgba(120,222,213,.07),rgba(255,255,255,.018))}
.character-path-card.story-path-card{background:linear-gradient(145deg,rgba(178,154,232,.09),rgba(255,255,255,.018))}
.character-path-card h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:500}
.recent-creation-card,.recent-event,.foundation-links a,.edit-character-grid a{border-radius:12px;background:#111016}
.recent-creation-card:hover,.foundation-links a:hover,.edit-character-grid a:hover{border-color:rgba(120,222,213,.42)}

@media(max-width:800px){
  .site-header{min-height:68px}
  .hero{min-height:auto;padding-top:54px;grid-template-columns:1fr;gap:20px}
  .hero h1{font-size:clamp(54px,15vw,78px)}
  .character-stage{min-height:500px}
  .promise{padding-top:76px;padding-bottom:110px}
  .promise-grid{grid-template-columns:1fr;gap:22px}
  .mediums{grid-template-columns:repeat(5,minmax(92px,1fr));overflow-x:auto}
  .mediums span{padding:19px 11px}
  .character-hero{align-items:center}
}

@media(max-width:600px){
  .app-view{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .mobile-nav{min-height:68px;padding-top:5px;padding-bottom:env(safe-area-inset-bottom)}
  .mobile-nav a{display:flex;min-height:44px;align-items:center;justify-content:center}
  .mobile-nav button{width:44px;height:44px}
  body{background:radial-gradient(circle at 80% 4%,rgba(178,154,232,.1),transparent 22rem),var(--bg)}
  .site-header{padding-inline:16px}
  .brand{font-size:17px}
  .hero{padding:44px 18px 82px}
  .hero h1{margin-top:15px;font-size:clamp(49px,16vw,68px);line-height:.91}
  .hero-body{font-size:16px;line-height:1.62}
  .idea-card{margin-top:28px;padding:10px;border-radius:15px}
  .idea-actions{align-items:stretch;flex-direction:column}
  .idea-actions .primary-button{width:100%}
  .character-stage{min-height:440px}
  .card-front{width:min(310px,78vw)}
  .card-back{width:205px;left:12px}
  .life-chip{right:3px;bottom:28px}
  .promise{padding:72px 18px 102px}
  .promise h2{font-size:42px}
  .mediums{margin-inline:-18px;border-inline:0;border-radius:0}
  .app-view{padding:38px 16px 96px}
  .home-heading{align-items:stretch;flex-direction:column}
  .home-heading .primary-button{width:100%}
  .character-intro h1{font-size:clamp(54px,18vw,78px)}
  .character-actions{display:grid;grid-template-columns:1fr}
  .character-actions a{width:100%}
  .next-step{margin-top:64px}
  .character-path-card{padding:23px}
}

.character-section-nav{display:flex;gap:7px;margin:26px 0 34px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022)}
.character-section-nav a{display:flex;min-height:38px;flex:1;align-items:center;justify-content:center;border-radius:9px;color:var(--muted);font-size:11px;font-weight:700;text-decoration:none}
.character-section-nav a:hover,.character-section-nav a:focus-visible{background:rgba(120,222,213,.08);color:var(--text)}
#character-overview,#character-creations,#character-story,#character-foundation{scroll-margin-top:110px}
@media(max-width:600px){
  .character-section-nav{position:sticky;z-index:9;top:calc(68px + env(safe-area-inset-top));gap:3px;margin:17px 0 22px;padding:4px;background:rgba(18,14,25,.95);backdrop-filter:blur(16px)}
  .character-section-nav a{min-width:0;min-height:40px;padding:7px 3px;font-size:9px}
  #character-overview,#character-creations,#character-story,#character-foundation{scroll-margin-top:calc(124px + env(safe-area-inset-top))}
}
.library-filter-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 2px 0;color:var(--muted);font-size:11px}
.library-filter-summary strong{color:var(--text);font-size:13px}
.library-filter-summary button{min-height:36px;padding:5px 2px}
@media(max-width:600px){
  .library-filter-summary{min-height:38px;margin:5px 2px 0;font-size:10px}
  .library-filter-summary button{min-height:40px;font-size:10px}
}

/* Mobile Library: stable artwork tiles and a compact four-format browsing surface. */
@media(max-width:600px){
  #library-view .character-home-shell{padding:14px 13px 92px}
  #library-view .canon-heading{gap:13px;padding-top:6px}
  #library-view .canon-heading h1{max-width:18ch;margin:5px 0 8px;font-size:clamp(31px,8.8vw,38px);line-height:.98}
  #library-view .canon-heading p:not(.eyebrow){max-width:34rem;margin:0;font-size:13px;line-height:1.5}
  #library-view .library-heading-actions{gap:7px}
  #library-view .library-heading-actions a{min-height:42px;display:grid;place-items:center;padding:8px 7px;border-radius:11px;font-size:10px;line-height:1.2}
  #library-view .library-toolbar{gap:7px;margin-top:15px;padding:9px;border-radius:13px}
  #library-view .library-toolbar label{gap:5px;font-size:9px;letter-spacing:.07em}
  #library-view .library-toolbar select,#library-view .library-toolbar input{min-height:40px;padding:8px 9px;border-radius:9px;font-size:12px}
  #library-view .library-type-tabs{top:5px;gap:4px;margin:13px -1px 12px;padding:5px;border-radius:12px}
  #library-view .library-type-tabs button{min-height:39px;padding:6px 2px;border-radius:9px;font-size:10px}
  #library-view .library-type-tabs span{display:block;width:max-content;min-width:17px;height:17px;margin:2px auto 0;font-size:9px}
  #library-view .library-work-grid{gap:8px}
  #library-view .library-work-card{min-width:0;border-radius:13px;contain:layout paint;background:rgba(255,255,255,.03)}
  #library-view .library-work-card>img,#library-view .media-library-symbol{width:100%;aspect-ratio:4/5;min-height:0;object-fit:cover;background:linear-gradient(145deg,#191522,#2a2039)}
  #library-view .media-library-card>img,#library-view .media-library-card>.media-library-symbol{aspect-ratio:1}
  #library-view .media-library-symbol{font-size:42px}
  #library-view .library-work-card>.library-card-copy{min-height:104px;box-sizing:border-box;padding:9px}
  #library-view .library-card-kicker{font-size:9px;letter-spacing:.03em}
  #library-view .library-work-card h2{min-height:2.35em;margin:4px 0 7px;font-size:13px;line-height:1.18}
  #library-view .library-card-meta{align-content:start;gap:4px}
  #library-view .library-card-meta>small:first-child,#library-view .library-card-meta .publication-badge{padding:3px 5px;font-size:8px}
  #library-view .library-card-meta .story-library-status{font-size:9px;line-height:1.2}
  #library-view .library-empty{grid-column:1/-1;min-height:210px;place-content:center;justify-items:center;padding:28px 17px;text-align:center}
}

/* Mobile onboarding: one visible three-step path from idea to recognizable character. */
.onboarding-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:min(520px,100%);margin:18px 0 25px}.onboarding-progress span{position:relative;padding-top:10px;border-top:2px solid rgba(255,255,255,.12);color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.onboarding-progress span.active{border-color:var(--aqua);color:var(--text)}.onboarding-progress span.done{border-color:rgba(97,225,209,.5);color:var(--aqua)}.onboarding-progress-wide{width:min(var(--max),calc(100% - 36px));margin:0 auto 26px}
@media(max-width:600px){
  .onboarding-choice-flow,.onboarding-input-flow{padding:18px 14px 88px}
  .onboarding-progress{margin:13px 0 21px}
  .onboarding-progress span{padding-top:8px;font-size:9px}
  .onboarding-choice-shell>h1,.onboarding-input-shell>h1{max-width:12ch;margin:11px 0 10px;font-size:clamp(35px,10.5vw,45px);line-height:.96}
  .onboarding-choice-shell>.visual-lead,.onboarding-input-shell>.visual-lead{margin:0;font-size:13px;line-height:1.5}
  .starting-point-grid{gap:9px;margin:20px 0 14px}
  .starting-point-grid>a{min-height:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px 10px;padding:17px;border-radius:15px}
  .starting-point-grid span{grid-row:1/4;font-size:10px}
  .starting-point-grid strong{font-size:22px;line-height:1.05}
  .starting-point-grid small{font-size:12px;line-height:1.45}
  .starting-point-grid b{margin-top:2px;font-size:11px}
  .onboarding-surprise{font-size:12px}
  .onboarding-input-shell .idea-card,.existing-oc-form{gap:15px;margin-top:18px;padding:15px;border-radius:15px}
  .onboarding-input-shell .idea-card textarea,.existing-oc-form textarea{min-height:94px}
  .idea-actions{gap:10px}
  .idea-actions span{font-size:10px}
  .idea-actions .primary-button{min-height:46px}
  .existing-reference-drop{padding:14px;border-radius:12px}
  .existing-reference-drop input{font-size:11px}
  .existing-oc-form .wide-action{min-height:48px}
  .identity-flow{padding:82px 14px 78px}
  .onboarding-progress-wide{width:100%;margin:0 0 18px}
  .identity-layout{gap:14px}
  .idea-summary{padding:14px;border-radius:14px}
  .idea-summary blockquote{margin:5px 0 8px;font-size:16px;line-height:1.35}
  .idea-summary>p:last-child{display:none}
  #identity-intro h1,.editor-heading h1{margin:7px 0 10px;font-size:clamp(36px,10.5vw,46px)}
  #identity-intro>p:not(.eyebrow):not(.flow-message){font-size:13px;line-height:1.5}
  .identity-form{gap:13px}
  .identity-form input,.identity-form textarea{padding:11px 12px;border-radius:11px;font-size:14px}
  .identity-form textarea{min-height:76px}
  .editor-actions{position:sticky;z-index:11;bottom:74px;gap:8px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(14,12,20,.95);backdrop-filter:blur(16px)}
  .visual-identity-flow{padding:18px 14px 92px}
  .visual-identity-flow .look-title,.visual-identity-flow h1{margin:8px 0 9px;font-size:clamp(36px,10.5vw,46px);line-height:.98}
  .visual-identity-flow .visual-lead{font-size:13px;line-height:1.5}
  .visual-grid{gap:15px;margin-top:20px}
  .visual-controls{padding:14px;border-radius:15px}
  .direction-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .direction-picker label:last-child{grid-column:1/-1}
  .direction-picker label span{min-height:58px;padding:11px;border-radius:11px;font-size:12px}
  .direction-picker small{font-size:9px}
  .reference-panel{gap:9px;margin-top:14px;padding-top:14px}
  .reference-panel input[type=file]{padding:10px;border-radius:10px;font-size:11px}
  .inherited-reference-panel{gap:10px;padding:12px;border-radius:12px}
  .inherited-reference-strip img{width:60px;height:74px;border-radius:9px}
  #generate-identity{min-height:50px}
  .candidate-stage{min-height:330px;border-radius:16px}
  .candidate-empty{min-height:300px;padding:24px}
}

/* Mobile account and Credits: the balance leads, activity stays easy to audit. */
@media(max-width:600px){
  #credits-view .character-home-shell{padding:14px 14px 92px}
  #credits-view .back-link{display:inline-flex;align-items:center;min-height:44px}
  #credits-view .canon-heading{gap:13px;padding-top:5px}
  #credits-view .canon-heading h1{margin:5px 0 8px;font-size:clamp(38px,11vw,48px);line-height:.94}
  #credits-view .canon-heading p:not(.eyebrow){margin:0;font-size:13px;line-height:1.5}
  #credits-view #buy-credits{width:100%;min-height:45px;font-size:12px}
  #credits-view .credits-balance{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:8px;margin-top:20px}
  #credits-view .credits-balance article{min-width:0;gap:4px;padding:15px 13px;border-radius:15px}
  #credits-view .credits-balance article:first-child{border-color:rgba(97,225,209,.28);background:linear-gradient(145deg,rgba(97,225,209,.12),rgba(158,124,255,.06))}
  #credits-view .credits-balance span,#credits-view .credits-balance small{font-size:9px;line-height:1.3}
  #credits-view .credits-balance strong{overflow:hidden;text-overflow:ellipsis;font-size:clamp(28px,9vw,40px)}
  #credits-view .credits-balance article:last-child strong{font-size:clamp(23px,7vw,32px);color:var(--muted)}
  #credits-view .credit-pricing{margin-top:27px}
  #credits-view .credit-pricing>div{gap:6px;margin-top:10px}
  #credits-view .credit-pricing article,#credits-view .credit-free-state{align-items:center;padding:11px 12px;border-radius:11px;font-size:12px}
  #credits-view .credit-pricing article strong{white-space:nowrap;font-size:11px;color:var(--aqua)}
  #credits-view .credit-history{margin-top:28px;padding-top:22px}
  #credits-view .credit-entry{gap:10px;padding:12px 0}
  #credits-view .credit-entry>div:first-child{min-width:0;gap:3px}
  #credits-view .credit-entry strong{font-size:12px}
  #credits-view .credit-entry span{display:-webkit-box;overflow:hidden;max-width:58vw;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  #credits-view .credit-entry-amount{flex:none;font-size:15px}
  #credits-view .credit-entry-amount small{font-size:9px}
  .auth-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 12px);margin:auto auto max(6px,env(safe-area-inset-bottom));border-radius:22px}
  .auth-dialog .dialog-shell{padding:24px 17px 18px}
  .auth-dialog .dialog-close{top:13px;right:13px;width:44px;height:44px}
  .auth-heading h2{margin:6px 42px 7px 0;font-size:27px;line-height:1.02}
  .auth-heading>p:last-child{font-size:12px;line-height:1.45}
  .auth-tabs{margin:18px 0 14px}
  .auth-tabs button{min-height:38px;font-size:12px}
  .auth-form{gap:11px}
  .auth-form label{gap:5px;font-size:11px}
  .auth-form input{min-height:44px;border-radius:11px;font-size:14px}
  .auth-submit{min-height:47px}
  .auth-terms{font-size:9px;line-height:1.4}
  .account-menu nav{grid-template-columns:1fr 1fr;gap:4px;padding:8px 0}
  .account-menu nav a{padding:12px 10px;background:rgba(255,255,255,.035);text-align:center;font-size:12px}
}

/* Mobile uploads: every existing-work path uses the same calm, private handoff. */
@media(max-width:600px){
  .creation-source-tabs{position:static;width:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0 17px;padding:4px;border-radius:12px;background:rgba(15,12,21,.95)}
  .creation-source-tabs button{min-width:0;min-height:44px;padding:7px 4px;border-radius:9px;font-size:11px;line-height:1.15}
  .upload-existing-panel{padding:14px;border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(97,225,209,.018))}
  .upload-existing-panel>div:first-child h2{margin:4px 0 6px;font-size:23px;line-height:1.08}
  .upload-existing-panel>div:first-child>p:last-child{margin:0;font-size:12px;line-height:1.5}
  .upload-existing-grid{gap:12px;margin-top:15px}
  .upload-dropzone{min-height:148px;padding:16px;border-width:1px;border-radius:13px;font-size:13px;background:rgba(97,225,209,.045)}
  .upload-dropzone::before{content:"＋";display:grid;width:38px;height:38px;margin-bottom:8px;place-items:center;border-radius:12px;color:var(--aqua);background:rgba(97,225,209,.09);font-size:22px}
  .upload-dropzone input{width:100%;margin-top:9px;font-size:10px}
  .upload-dropzone small{margin-top:6px;font-size:9px;line-height:1.35}
  .custom-file-picker{width:100%;min-height:44px;margin-top:9px;padding:6px}
  .custom-file-picker b{min-height:32px;padding-inline:11px}
  .upload-fields{gap:11px}
  .upload-fields label:not(.rights-check),.upload-existing-panel.media-create-form>label:not(.rights-check){gap:5px;font-size:11px}
  .upload-fields input,.upload-fields select,.upload-fields textarea,.upload-existing-panel.media-create-form input:not([type=checkbox]),.upload-existing-panel.media-create-form textarea{min-height:44px;padding:10px 11px;border-radius:10px;font-size:14px}
  .upload-fields textarea,.upload-existing-panel.media-create-form textarea{min-height:80px}
  .upload-existing-panel.media-create-form>label:first-child{min-height:138px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;border:1px dashed rgba(97,225,209,.4);border-radius:13px;text-align:center;background:rgba(97,225,209,.04)}
  .upload-existing-panel.media-create-form>label:first-child::before{content:"＋";display:grid;width:38px;height:38px;margin-bottom:7px;place-items:center;border-radius:12px;color:var(--aqua);background:rgba(97,225,209,.09);font-size:22px}
  .upload-existing-panel.media-create-form>label:first-child input{width:100%;margin-top:8px;padding:7px;font-size:10px}
  .upload-existing-panel.media-create-form>label:first-child small{font-size:9px}
  .rights-check{align-items:flex-start;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);font-size:10px;line-height:1.4}
  .rights-check input[type="checkbox"]{flex-basis:20px;width:20px!important;height:20px;min-width:20px;min-height:20px;margin-top:0}
  .upload-existing-panel .primary-button{width:100%;min-height:48px}
  #library-upload-view .visual-shell{padding-inline:0}
  #library-upload-view .look-title{margin:7px 0 9px;font-size:clamp(36px,10.5vw,46px);line-height:.96}
  #library-upload-view .visual-lead{font-size:13px;line-height:1.5}
  #library-upload-view .library-upload-form{margin-top:19px}
  .mv-cover-maker{gap:11px;padding:11px;border-radius:12px}
  .mv-cover-preview{width:82px;height:82px;border-radius:10px}
}

/* Mobile Admin: operational data becomes scannable cards instead of compressed tables. */
@media(max-width:600px){
  body:has(#admin-console-view:not([hidden])){padding-bottom:0}
  body:has(#admin-console-view:not([hidden]))>.mobile-nav,body:has(#admin-console-view:not([hidden]))>.site-header{display:none}
  .admin-console:has(.admin-sidebar.open)::after{content:"";position:fixed;z-index:59;inset:0;background:rgba(4,3,7,.68);backdrop-filter:blur(3px)}
  .admin-sidebar{z-index:60;width:min(286px,84vw);height:100dvh;box-sizing:border-box;padding:18px 14px 14px}
  .admin-sidebar .brand{padding:0 7px}
  .admin-product-label{margin:15px 8px 9px;font-size:9px}
  .admin-sidebar nav{gap:3px;overflow-y:auto}
  .admin-sidebar nav a{min-height:44px;box-sizing:border-box;padding:9px 10px;border-radius:10px;font-size:12px}
  .admin-sidebar footer{padding:12px 7px 4px}
  .admin-logout-button{min-height:44px}
  .admin-main{padding:0 12px 56px}
  .admin-topbar{position:sticky;z-index:30;top:0;min-height:73px;margin-bottom:15px;background:rgba(13,11,20,.94);backdrop-filter:blur(16px)}
  .admin-topbar h1{margin:2px 0 0;font-size:23px}
  .admin-topbar .eyebrow{font-size:8px}
  .admin-mobile-menu{width:44px;height:44px;border-radius:11px}
  .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .admin-metric{min-width:0;gap:4px;padding:12px;border-radius:12px}
  .admin-metric span{font-size:9px;line-height:1.25}
  .admin-metric strong{overflow:hidden;text-overflow:ellipsis;font-size:22px}
  .admin-metric small{font-size:9px;line-height:1.35}
  .admin-dashboard-grid,.admin-settings-grid{gap:9px;margin-top:12px}
  .admin-dashboard-grid>section,.admin-settings-grid>section{padding:14px;border-radius:13px}
  .admin-dashboard-grid h2,.admin-settings-grid h2{margin:2px 0 12px;font-size:18px}
  .admin-dashboard-grid p,.admin-settings-grid p{font-size:11px;line-height:1.45}
  .admin-status-list{margin-bottom:12px}
  .admin-status-list span{gap:10px;padding:8px 0;font-size:11px}
  .admin-panel-heading{gap:11px;margin-bottom:13px}
  .admin-panel-heading h2{font-size:20px}
  .admin-panel-heading p{font-size:11px;line-height:1.4}
  .admin-panel-heading input{min-height:44px;font-size:13px}
  .admin-table{display:grid;gap:8px;overflow:visible;border:0;border-radius:0;background:transparent}
  .admin-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}
  .admin-row:first-child{border-top:1px solid var(--line)}
  .admin-row.head{display:none}
  .admin-row>span{gap:2px;padding:0!important;border:0!important;font-size:11px}
  .admin-row>span:first-child{grid-column:1/-1;padding-bottom:8px!important;border-bottom:1px solid var(--line)!important}
  .admin-row b{overflow:hidden;text-overflow:ellipsis;font-size:13px}
  .admin-row small{font-size:9px;line-height:1.3}
  .admin-status{padding:4px 6px;font-size:9px}
  .moderation-heading{gap:13px;margin:10px 0 16px}
  .moderation-heading h1{margin:4px 0 7px;font-size:30px;line-height:1}
  .moderation-heading p{margin:0;font-size:11px;line-height:1.45}
  .moderation-switch{padding:11px 12px;border-radius:12px;font-size:11px}
  .moderation-card{border-radius:14px}
  .moderation-media{min-height:210px}
  .moderation-copy{gap:10px;padding:14px}
  .moderation-copy h2{font-size:18px}
  .moderation-copy p,.moderation-copy small{font-size:10px;line-height:1.45}
  .moderation-copy textarea,.moderation-copy select{min-height:44px;font-size:12px}
  .moderation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .moderation-actions>*{min-height:44px;box-sizing:border-box;margin:0}
  .community-management{margin-top:24px;padding-top:21px}
  .community-management>header{gap:10px;margin-bottom:13px}
  .community-management>header button{min-height:44px}
  .community-form{gap:12px;padding:13px;border-radius:14px}
  .community-form input,.community-form select,.community-form textarea{font-size:12px}
  .community-form fieldset label{min-height:40px;box-sizing:border-box;padding:7px 10px;font-size:11px}
  .community-form-actions{gap:7px}
  .community-form-actions button,.community-card-actions button{min-height:44px}
  .community-admin-card{gap:12px;padding:13px;border-radius:13px}
  .community-admin-card h3{font-size:17px}
  .community-admin-card p,.community-admin-card small{font-size:10px;line-height:1.45}
  .community-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .admin-account-tools{margin-top:24px;padding-top:21px}
  .admin-tools-grid>section,.admin-password-panel{padding:13px;border-radius:14px}
  .reviewer-form{gap:9px;margin:13px 0}
  .reviewer-form input,.reviewer-form select,.reviewer-form button,.reviewer-list button,.admin-password-panel input,.admin-password-panel button{min-height:44px}
  .reviewer-list article{gap:9px;padding:11px 0}
  .admin-password-panel summary{min-height:44px}
  .ai-log-filters{gap:7px}
  .ai-log-filters label{gap:4px;font-size:9px}
  .ai-log-filters select{min-height:44px;padding:8px;font-size:11px}
  .ai-log-notice{margin-bottom:10px;padding:10px;border-radius:10px;font-size:10px;line-height:1.4}
  .ai-log-list{gap:8px}
  .ai-log-card{padding:12px;border-radius:12px}
  .ai-log-card>header{gap:9px}
  .ai-log-card>header h3{font-size:14px}
  .ai-log-result{font-size:10px}
  .ai-log-meta{margin:10px 0;font-size:9px}
  .ai-log-card summary{padding:10px 0;font-size:10px}
  .ai-log-card pre,.ai-log-card code{max-height:300px;padding:10px;font-size:10px;line-height:1.45}
  .consistency-admin{margin-bottom:11px;padding:13px;border-radius:13px}
  .consistency-admin h3{font-size:17px}
  .consistency-admin-metrics{gap:6px;margin:12px 0}
  .consistency-admin-metrics span{padding:8px;border-radius:9px}
  .consistency-admin-metrics b{font-size:16px}
  .consistency-admin-metrics small{font-size:8px}
}

/* Mobile feedback: dialogs, progress, and messages stay visible without blocking the work. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
:where(input,select,textarea)[aria-invalid="true"]{border-color:#ff7888!important;box-shadow:0 0 0 3px rgba(255,120,136,.12)!important}
:where(input,select,textarea)[aria-invalid="true"]:focus{outline-color:#ff8c99}
.field-counter{justify-self:end;margin-top:-3px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1}
.field-counter.near-limit{color:#ff9aa6}
@media(max-width:600px){.field-counter{font-size:9px}}
.route-progress{position:fixed;z-index:1000;left:0;top:0;width:100%;height:3px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .12s ease;background:rgba(97,225,209,.12)}
.route-progress::after{content:"";display:block;width:42%;height:100%;transform:translateX(-110%);background:linear-gradient(90deg,transparent,var(--aqua),var(--violet),transparent);box-shadow:0 0 16px rgba(97,225,209,.65)}
.route-pending .route-progress{opacity:1}
.route-pending .route-progress::after{animation:route-progress 1.05s ease-in-out infinite}
@keyframes route-progress{to{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .route-pending .route-progress::after{width:100%;transform:none;animation:none;background:var(--aqua)}
}
:where(input,select,textarea):user-invalid{border-color:rgba(255,126,126,.72)!important;box-shadow:0 0 0 3px rgba(231,81,81,.1)!important}
:where(input,select,textarea){scroll-margin-top:110px}
button:disabled,.primary-button:disabled,.quiet-button:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.65)}
button[aria-busy="true"]{cursor:progress;display:inline-flex;align-items:center;justify-content:center;gap:8px}
button[aria-busy="true"]::before{content:"";flex:0 0 auto;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-busy-spin .75s linear infinite}
@keyframes button-busy-spin{to{transform:rotate(360deg)}}
.media-load-fallback{display:grid;width:100%;min-height:120px;aspect-ratio:4/5;box-sizing:border-box;place-content:center;justify-items:center;gap:6px;padding:14px;background:linear-gradient(145deg,#241d30,#121018);color:var(--muted);text-align:center}
.media-load-fallback b{color:var(--aqua);font-size:28px}.media-load-fallback small{font-size:10px;line-height:1.35}
.look-main-image>.media-load-fallback{height:100%;aspect-ratio:6/5}.discover-detail-media>.media-load-fallback{aspect-ratio:4/3}.song-cover-art>.media-load-fallback,.discover-card.song .media-load-fallback,.discover-card.video .media-load-fallback{aspect-ratio:1}
.flow-message:not(:empty),.form-message:not(:empty),.auth-message:not(:empty){min-height:0;padding:9px 11px;border:1px solid rgba(97,225,209,.15);border-radius:10px;background:rgba(97,225,209,.045);line-height:1.45}
.flow-message[data-feedback="success"],.form-message[data-feedback="success"],.auth-message[data-feedback="success"],.site-toast[data-feedback="success"]{border-color:rgba(104,225,151,.28);background:rgba(70,188,113,.09);color:#a7efc0}
.flow-message[data-feedback="error"],.form-message[data-feedback="error"],.auth-message[data-feedback="error"],.site-toast[data-feedback="error"]{border-color:rgba(255,120,136,.3);background:rgba(231,81,101,.1);color:#ffb1ba}
.flow-message[data-feedback="info"],.form-message[data-feedback="info"],.auth-message[data-feedback="info"]{color:var(--muted)}
@supports(content-visibility:auto){
  .library-work-card,.discover-card,.task-card,.compact-timeline-event,.home-character-card,.recent-creation-card{content-visibility:auto;contain-intrinsic-size:auto 340px}
  .compact-timeline-event,.task-card{contain-intrinsic-size:auto 150px}
}
:where(.discover-tabs,.discover-type-tabs,.recent-creation-grid,.image-idea-grid,.song-idea-grid,.story-image-picker,.inherited-reference-strip,.character-chips,.home-status){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
:where(.discover-tabs,.discover-type-tabs,.recent-creation-grid,.image-idea-grid,.song-idea-grid,.story-image-picker,.inherited-reference-strip){scroll-padding-inline:14px}

/* Mobile touch ergonomics: compact controls retain a reliable hit area. */
@media(max-width:600px) and (pointer:coarse){
  :where(.library-type-tabs,.discover-tabs,.discover-type-tabs) :where(a,button),
  #canon-view .canon-meta button,
  #turnaround-view .turnaround-card footer button,
  #turnaround-view .turnaround-empty{min-height:44px}
  #turnaround-view .turnaround-card footer button{display:inline-flex;align-items:center;justify-content:center;padding:8px 5px;font-size:10px}
  #turnaround-view .turnaround-empty{display:grid;place-items:center;font-size:10px;line-height:1.3}
  :where(.library-type-tabs,.discover-tabs,.discover-type-tabs) :where(a,button){touch-action:manipulation}
}

/* Mobile safe areas: fixed and sticky controls stay clear of notches and home indicators. */
@media(max-width:600px){
  .site-header{min-height:calc(68px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .mobile-nav{min-height:calc(68px + env(safe-area-inset-bottom))}
  .editor-actions,#edition-editor-view .edition-editor-actions{bottom:calc(74px + env(safe-area-inset-bottom))}
  #life-story-view .story-subnav,#story-view .story-subnav,#timeline-view .story-subnav,
  #discover-view .discover-tabs{top:calc(68px + env(safe-area-inset-top))}
  #discover-view .discover-type-tabs{top:calc(126px + env(safe-area-inset-top))}
  body:has(#admin-console-view:not([hidden])) .admin-topbar{min-height:calc(73px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  body:has(#admin-console-view:not([hidden])) .site-toast{bottom:calc(12px + env(safe-area-inset-bottom))}
}

/* Prevent iOS form-focus zoom while preserving compact labels and controls. */
@media(max-width:600px){
  :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="button"]):not([type="submit"]),select,textarea){font-size:16px!important}
  :where(input,select,textarea){scroll-margin-block:calc(86px + env(safe-area-inset-top)) calc(92px + env(safe-area-inset-bottom))}
  textarea{line-height:1.5}
}
.media-loading{background-color:#17131f;background-image:linear-gradient(105deg,transparent 22%,rgba(178,154,232,.14) 42%,rgba(120,222,213,.12) 50%,transparent 68%);background-size:240% 100%;animation:media-loading-sheen 1.45s ease-in-out infinite}
@keyframes media-loading-sheen{from{background-position:120% 0}to{background-position:-120% 0}}
@media(prefers-reduced-motion:reduce){.media-loading{animation:none;background-image:linear-gradient(135deg,rgba(178,154,232,.1),rgba(120,222,213,.06))}}

/* Small screens keep creator-written names and titles inside their cards. */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  :where(h1,h2,h3,p,strong,small,.character-tagline,.library-card-copy,.discover-card-copy,.task-card-copy,.compact-timeline-content){overflow-wrap:break-word}
  :where(.app-view,.visual-shell,.character-home-shell,.library-shell,.discover-shell,.task-center-shell){min-width:0}
}

/* Touch devices receive immediate feedback without depending on hover. */
@media(hover:none) and (pointer:coarse){
  :where(a,button,summary,.story-image-option,.edition-candidate-card){-webkit-tap-highlight-color:rgba(120,222,213,.13)}
  :where(.primary-button,.quiet-button,.action-link,.home-character-card,.library-work-card,.discover-card,.character-path-card):active{transform:scale(.985)}
  :where(.home-character-card,.recent-creation-card,.library-work-card,.discover-card):hover{transform:none}
}

.creation-flow-guide{display:grid;gap:9px;margin:20px 0 14px;padding:13px 15px;border:1px solid rgba(120,222,213,.16);border-radius:14px;background:rgba(120,222,213,.035)}
.creation-flow-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.creation-flow-guide li{position:relative;display:flex;min-width:0;align-items:center;gap:8px;color:var(--muted);font-size:11px}
.creation-flow-guide li:not(:last-child)::after{position:absolute;right:2px;width:16px;height:1px;content:"";background:var(--line)}
.creation-flow-guide b{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(120,222,213,.1);color:var(--aqua);font-size:10px}
.creation-flow-guide span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creation-flow-guide p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.creation-flow-guide p a{display:inline-flex;min-height:32px;align-items:center;color:var(--aqua);font-weight:750;text-decoration:none}.creation-flow-guide p a:hover,.creation-flow-guide p a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.creation-flow-guide[data-path="upload"]{border-color:rgba(178,154,232,.2);background:rgba(178,154,232,.04)}
.creation-flow-guide[data-path="upload"] b{background:rgba(178,154,232,.12);color:var(--violet)}
@media(max-width:600px){
  .creation-flow-guide{margin:13px 0 9px;padding:10px 11px;border-radius:12px}
  .creation-flow-guide ol{gap:5px}
  .creation-flow-guide li{display:grid;justify-items:center;gap:5px;font-size:9px;text-align:center}
  .creation-flow-guide li:not(:last-child)::after{top:12px;right:-11px;width:22px}
  .creation-flow-guide b{width:25px;height:25px}
  .creation-flow-guide p{text-align:center}
  :where(#look-create-view,#image-create-view,#song-create-view,#mv-create-view) .creation-source-tabs{position:sticky!important;z-index:9;top:calc(68px + env(safe-area-inset-top));padding:5px;background:rgba(18,14,25,.96);backdrop-filter:blur(16px)}
}
.candidate-empty span,.admin-loading::before{animation:soulurl-pulse 1.8s ease-in-out infinite}
@keyframes soulurl-pulse{0%,100%{opacity:.42;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.candidate-empty span,.admin-loading::before{animation:none}}
.admin-loading{gap:10px}.admin-loading::before{content:"✦";display:block;color:var(--aqua);font-size:27px}
@media(max-width:600px){
  .site-toast{top:auto;left:12px;right:12px;bottom:calc(82px + env(safe-area-inset-bottom));transform:none;padding:11px 13px;border-radius:13px;text-align:center;font-size:11px;line-height:1.4}
  body:has(#admin-console-view:not([hidden])) .site-toast{bottom:12px}
  .flow-message,.form-message,.auth-message{font-size:11px}
  .flow-message:empty,.form-message:empty,.auth-message:empty{min-height:0;margin:0;padding:0}
  .flow-message:not(:empty),.form-message:not(:empty),.auth-message:not(:empty){margin-top:6px;padding:8px 9px;border-radius:9px}
  .canon-dialog{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);margin:auto auto max(7px,env(safe-area-inset-bottom));border-radius:20px}
  .canon-dialog-shell{max-height:calc(100dvh - 14px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:23px 15px calc(18px + env(safe-area-inset-bottom))}
  .canon-dialog .dialog-close{position:sticky;z-index:3;top:0;float:right;width:44px;height:44px;margin:-8px -2px 0 8px;background:#1c1725}
  .canon-dialog h2{margin:6px 0 16px;font-size:27px;line-height:1.05}
  .canon-dialog-intro{margin:-7px 0 15px;font-size:11px}.canon-version-label{align-items:flex-start}.canon-history>header{margin-bottom:9px}.history-version{padding:12px}.history-version>button{min-height:44px}
  .canon-current{padding:12px;border-radius:11px}
  .canon-history{margin-top:13px}
  .version-row{padding:11px 0}
  .version-row strong{font-size:12px}
  .version-row span{font-size:10px;line-height:1.4}
  .canon-dialog-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));display:grid;margin:16px -15px 0;padding:11px 15px calc(11px + env(safe-area-inset-bottom));background:rgba(21,17,29,.96);backdrop-filter:blur(14px)}.canon-dialog-actions button{min-height:44px}.canon-dialog-actions small{max-width:none;text-align:left}
  .candidate-empty{min-height:210px!important;padding:20px!important}
  .candidate-empty span{font-size:28px}
  .candidate-empty h2{margin:8px 0 4px;font-size:19px;line-height:1.15}
  .candidate-empty p{font-size:11px;line-height:1.45}
  .admin-loading{min-height:240px;font-size:11px}
  .library-empty,.discover-empty,.admin-empty-state,.recent-creation-empty{box-sizing:border-box;border-radius:14px}
  .library-empty h2,.discover-empty h2,.admin-empty-state h2,.recent-creation-empty strong{line-height:1.2}
  .library-empty p,.discover-empty p,.admin-empty-state p,.recent-creation-empty span{max-width:34ch;margin-inline:auto;font-size:11px;line-height:1.5}
  .library-empty .primary-button,.discover-empty .primary-button,.admin-empty-state .primary-button,.recent-creation-empty{min-height:44px}
}

/* Mobile Home: one clear continuation, then a fast-scanning character shelf. */
@media(max-width:600px){
  #home-view{padding-inline:14px}
  #home-view .home-heading{gap:18px}
  #home-view .home-heading h1{margin:7px 0;font-size:clamp(2.55rem,13vw,3.45rem);line-height:.92}
  #home-view .home-heading>div>p:last-child{margin-bottom:0;font-size:.92rem}
  #home-view .home-heading .primary-button{min-height:48px}
  #home-view .home-status{gap:7px;margin:18px 0 26px;overflow-x:auto;scrollbar-width:none}
  #home-view .home-status::-webkit-scrollbar{display:none}
  #home-view .status-pill{flex:0 0 auto;padding:8px 11px;font-size:11px}
  #home-view .continue-character{grid-template-columns:106px minmax(0,1fr);gap:15px;align-items:start;margin-bottom:34px;padding:13px;border-radius:18px}
  #home-view .continue-character-visual{width:106px}
  #home-view .continue-character-visual img,#home-view .continue-character-visual .home-character-placeholder{display:block;width:106px;height:auto;aspect-ratio:4/5;border-radius:13px;object-fit:cover}
  #home-view .continue-character-copy{min-width:0;padding-top:2px}
  #home-view .continue-character-copy h2{margin-bottom:8px;font-size:1.45rem;line-height:1.02}
  #home-view .continue-character-copy>span{overflow:hidden;margin:5px 0 8px;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}
  #home-view .continue-character-copy>div{display:grid;gap:8px;margin-top:12px}
  #home-view .continue-character-copy .primary-button{width:auto;padding:10px 8px;font-size:.7rem;line-height:1.2}
  #home-view .continue-character-copy .text-button{justify-self:start;font-size:.73rem}
  #home-view .home-section{padding-top:26px}
  #home-view .section-heading h2{margin-bottom:17px;font-size:29px}
  #home-view .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #home-view .home-character-card{border-radius:14px}
  #home-view .home-character-card img,#home-view .home-character-card>.home-character-placeholder{width:100%;height:auto;aspect-ratio:4/5}
  #home-view .home-character-card>div:last-child{padding:11px}
  #home-view .home-character-card h3{margin-bottom:0;font-size:1rem;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  #home-view .home-character-card p{display:none}
  #home-view .home-character-card .character-chips{margin-top:8px;overflow:hidden}
  #home-view .home-character-card .character-chips span{max-width:100%;overflow:hidden;padding:5px 7px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
}
/* Mobile-first landing: show the character early, then keep creation lightweight. */
@media(max-width:600px){
  #landing-view .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:30px 18px 58px}
  #landing-view .hero-copy{display:contents}
  #landing-view .hero-copy>.eyebrow{order:1;margin:0 0 14px;font-size:10px;letter-spacing:.15em}
  #landing-view .hero-copy>h1{order:2;margin:0;font-size:clamp(48px,14.4vw,58px);line-height:.89;letter-spacing:-.057em}
  #landing-view .character-stage{order:3;min-height:200px;margin:9px 0 8px;overflow:hidden}
  #landing-view .hero-body{order:4;margin:0;font-size:15px;line-height:1.55}
  #landing-view .idea-card{order:5;margin-top:20px;padding:9px;border-radius:16px}
  #landing-view .idea-card label{margin:4px 7px 8px;font-size:11px}
  #landing-view .idea-card textarea{min-height:68px;padding:12px 13px;font-size:14px;line-height:1.42;resize:none}
  #landing-view .idea-actions{margin-top:9px;padding:0;gap:0}
  #landing-view .idea-actions>span{display:none}
  #landing-view .idea-actions .primary-button{min-height:48px}
  #landing-view .form-message:empty{min-height:0;margin:0}
  #landing-view .character-stage .glow{width:230px;height:180px;filter:blur(54px);opacity:.23}
  #landing-view .card-front{width:164px;transform:translateX(35px) rotate(2.5deg);border-radius:16px}
  #landing-view .card-front>div:last-child{display:none}
  #landing-view .card-back{width:122px;left:calc(50% - 126px);top:29px;border-radius:13px;transform:rotate(-9deg)}
  #landing-view .card-back p{padding:8px;font-size:9px}
  #landing-view .life-chip{right:calc(50% - 151px);bottom:17px;padding:8px 10px;font-size:10px}
  #landing-view .promise{padding:58px 18px 96px}
  #landing-view .promise h2{font-size:38px;line-height:1.02}
  #landing-view .promise-grid>p{font-size:15px;line-height:1.58}
  #landing-view .mediums{margin-top:34px;scroll-snap-type:x mandatory;scrollbar-width:none}
  #landing-view .mediums::-webkit-scrollbar{display:none}
  #landing-view .mediums span{min-width:104px;padding:17px 10px;scroll-snap-align:start}
}

/* Mobile Character Home: keep the portrait cinematic without hiding the next action. */
@media(max-width:600px){
  #character-home-view .character-home-topbar{margin-bottom:16px}
  #character-home-view .character-home-topbar .back-link{margin:0}
  #character-home-view .character-hero{grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
  #character-home-view .character-portrait{width:100%;height:260px;aspect-ratio:auto;border-radius:18px}
  #character-home-view .character-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%}
  #character-home-view .character-intro{min-width:0;padding-bottom:0}
  #character-home-view .character-intro-meta{align-items:center;gap:10px}
  #character-home-view .character-intro h1{margin:8px 0 9px;font-size:clamp(46px,14vw,58px);line-height:.9}
  #character-home-view .character-tagline{display:-webkit-box;margin:0;font-size:15px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  #character-home-view .character-chips{display:flex;flex-wrap:nowrap;gap:7px;margin-top:12px;overflow-x:auto;scrollbar-width:none}
  #character-home-view .character-chips::-webkit-scrollbar{display:none}
  #character-home-view .character-chips span{flex:0 0 auto;white-space:nowrap}
  #character-home-view .character-actions{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:15px;overflow:hidden}
  #character-home-view .character-actions a{width:auto!important;min-width:0!important;max-width:100%;padding:12px 8px;font-size:11px;text-align:center;white-space:normal}
  #character-home-view .character-actions a:first-child{grid-column:auto;padding-block:13px;font-size:12px}
  #character-home-view .next-step{margin-top:42px;padding-top:30px}
  #character-home-view .next-step h2{font-size:31px;line-height:1.03}
  #character-home-view .character-path-grid{gap:12px}
  #character-home-view .character-path-card{padding:19px}
  #character-home-view .character-path-card h3{font-size:23px}
  #character-home-view .character-story-spotlight{gap:18px;margin-top:28px;padding:18px;border-radius:17px}
  #character-home-view .character-story-spotlight h2{font-size:27px}
  #character-home-view .story-spotlight-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  #character-home-view .story-spotlight-actions a{min-width:0;padding-inline:8px;text-align:center;font-size:11px}
  #character-home-view .recent-creations,#character-home-view .recent-life{margin-top:42px}
  #character-home-view .recent-creations header,#character-home-view .recent-life header{display:flex;align-items:end;flex-direction:row;gap:12px}
  #character-home-view .recent-creations header>div,#character-home-view .recent-life header>div{min-width:0}
  #character-home-view .recent-creations header .dashboard-link,#character-home-view .recent-life header .dashboard-link{flex:0 0 auto;font-size:11px}
  #character-home-view .recent-creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
  #character-home-view .recent-creation-copy{padding:11px}
  #character-home-view .recent-creation-copy strong{font-size:14px}
  #character-home-view .recent-creation-copy small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  #character-home-view .recent-event-list{gap:8px}
  #character-home-view .recent-event{padding:13px}
  #character-home-view .character-foundation{margin-top:42px;padding:17px;border-radius:17px}
  #character-home-view .character-foundation summary{align-items:center}
  #character-home-view .character-foundation summary>div>p:not(.eyebrow){display:none}
  #character-home-view .character-foundation summary h2{margin-bottom:0;font-size:25px;line-height:1.08}
  #character-home-view .foundation-toggle-label{flex:0 0 auto}
  #character-home-view .foundation-links,#character-home-view .foundation-core-links,#character-home-view .foundation-story-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #character-home-view .foundation-links a{min-height:0;padding:13px}
  #character-home-view .foundation-links a>span{display:none}
  #character-home-view .foundation-links small{font-size:10px;line-height:1.35}
  #character-home-view .foundation-group{margin-top:18px}
}
.hero-start-card{display:grid;gap:12px;align-items:start}.hero-start-card strong{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.25}.hero-start-card p{margin:0;color:var(--muted)}.hero-start-card .action-link{justify-self:start;margin-top:4px}
.onboarding-choice-flow,.onboarding-input-flow{min-height:calc(100vh - 76px);padding:clamp(28px,6vw,84px) 20px;background:radial-gradient(circle at 75% 5%,rgba(130,84,255,.16),transparent 34%),var(--background)}
.onboarding-choice-shell,.onboarding-input-shell{width:min(980px,100%);margin:0 auto}.onboarding-choice-shell>h1,.onboarding-input-shell>h1{font-family:Georgia,serif;font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98;max-width:760px;margin:22px 0 16px}
.starting-point-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0 22px}.starting-point-grid>a{min-height:270px;padding:30px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;transition:.2s ease}.starting-point-grid>a:hover{transform:translateY(-3px);border-color:rgba(174,141,255,.55);box-shadow:0 18px 60px rgba(0,0,0,.3)}.starting-point-grid span{color:var(--accent);font-size:.78rem;letter-spacing:.15em}.starting-point-grid strong{font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.05}.starting-point-grid small{color:var(--muted);font-size:.98rem;line-height:1.55}.starting-point-grid b{margin-top:auto;color:#fff}.onboarding-surprise{display:inline-flex}
.starting-point-grid em{display:flex;align-items:center;gap:7px;margin-top:2px;color:var(--muted);font-size:12px;font-style:normal;line-height:1.4}.starting-point-grid em i{padding:4px 7px;border-radius:999px;background:rgba(120,222,213,.09);color:var(--aqua);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.onboarding-input-shell{width:min(780px,100%)}.onboarding-input-shell .idea-card,.existing-oc-form{margin-top:32px;padding:clamp(22px,5vw,38px);border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(18,16,26,.88);box-shadow:0 24px 70px rgba(0,0,0,.28)}.existing-oc-form{display:grid;gap:22px}.existing-oc-form>label:not(.rights-check){display:grid;gap:9px;font-weight:700}.existing-oc-form label>span,.existing-reference-drop>small{color:var(--muted);font-weight:400;font-size:.82rem}.existing-oc-form input,.existing-oc-form textarea{width:100%}.existing-reference-drop{padding:20px;border:1px dashed rgba(174,141,255,.45);border-radius:16px;background:rgba(174,141,255,.05)}
@media(max-width:720px){.onboarding-choice-flow,.onboarding-input-flow{padding:24px 16px 100px}.starting-point-grid{grid-template-columns:1fr;margin-top:28px}.starting-point-grid>a{min-height:220px;padding:24px}.onboarding-choice-shell>h1,.onboarding-input-shell>h1{font-size:2.55rem}.onboarding-input-shell .idea-card,.existing-oc-form{padding:20px;border-radius:20px}}
@media(max-width:600px){.starting-point-grid>a{min-height:0}.starting-point-grid em{grid-column:2;font-size:11px}.starting-point-grid b{grid-column:2}}
@media(max-width:600px){.onboarding-input-shell .idea-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.onboarding-input-shell .idea-starters>span{grid-column:1/-1}.onboarding-input-shell .idea-starters button{min-height:40px;padding:7px 5px;white-space:normal;line-height:1.25}}

/* Mobile creation flow: show the four creative paths at a glance, then keep Look setup compact. */
@media(max-width:600px){
  #create-center-view .character-home-shell{padding-inline:14px}
  #create-center-view .canon-heading{margin-top:12px}
  #create-center-view .canon-heading h1{max-width:12ch;font-size:clamp(38px,11vw,48px);line-height:.96}
  #create-center-view .canon-heading p:not(.eyebrow){font-size:14px;line-height:1.5}
  #create-center-view .create-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:24px}
  #create-center-view .create-type-grid>*{min-height:148px;padding:15px;border-radius:16px}
  #create-center-view .create-type-grid strong{font-size:19px}
  #create-center-view .create-type-grid small{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  #create-center-view .create-type-grid b{display:none}
  #create-center-view .create-center-note{margin-top:14px;font-size:12px;line-height:1.45}

  #look-create-view{padding-inline:14px}
  #look-create-view .visual-shell>h1{max-width:13ch;margin:7px 0 9px;font-size:clamp(34px,9.8vw,42px);line-height:.96}
  #look-create-view .visual-lead{max-width:38ch;margin:0;font-size:13px;line-height:1.45}
  #look-create-view .creation-source-tabs{position:static;margin:13px 0 17px;background:rgba(18,14,25,.94)}
  #look-create-view .creation-source-tabs button{min-width:0;padding:10px 7px;font-size:12px}
  #look-create-view .visual-grid{gap:14px;margin-top:0}
  #look-create-view .visual-controls{padding:15px;border-radius:18px}
  #look-create-view .look-reference{gap:10px;margin-bottom:16px;padding:9px}
  #look-create-view .look-reference img{width:48px;height:58px;border-radius:9px}
  #look-create-view .look-reference strong{font-size:13px}
  #look-create-view .look-reference small{font-size:10px}
  #look-create-view .direction-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #look-create-view .direction-picker legend{margin-bottom:5px;font-size:13px}
  #look-create-view .direction-picker label:last-child{grid-column:1/-1}
  #look-create-view .direction-picker span{min-height:60px;padding:10px;font-size:12px}
  #look-create-view .direction-picker small{font-size:9px}
  #look-create-view .look-description{gap:6px;margin-top:15px}
  #look-create-view .look-description textarea{min-height:86px;padding:11px;font-size:13px}
  #look-create-view .wide-action{width:100%;margin-top:13px}
  #look-create-view #look-candidate-stage{min-height:250px;padding:14px;border-radius:18px}
  #look-create-view #look-candidate-stage .candidate-empty{min-height:220px;padding:16px}
  #look-create-view #look-candidate-stage .candidate-empty h2{font-size:21px}
  #look-create-view #look-candidate-stage .candidate-grid{gap:8px}
  #look-create-view #look-upload-panel{padding:17px;border-radius:18px}
}

/* Mobile media creation: one visual rhythm across Image, Song, and MV. */
@media(max-width:600px){
  #image-create-view,#song-create-view,#mv-create-view{padding-inline:14px}
  #image-create-view .visual-shell>h1,#song-create-view .visual-shell>h1,#mv-create-view .visual-shell>h1{max-width:13ch;margin:7px 0 9px;font-size:clamp(34px,9.8vw,42px);line-height:.96}
  #image-create-view .visual-lead,#song-create-view .visual-lead,#mv-create-view .visual-lead{max-width:38ch;margin:0;font-size:13px;line-height:1.45}
  #image-create-view .creation-source-tabs,#song-create-view .creation-source-tabs,#mv-create-view .creation-source-tabs{position:static;margin:13px 0 17px;background:rgba(18,14,25,.94)}
  #image-create-view .creation-source-tabs button,#song-create-view .creation-source-tabs button,#mv-create-view .creation-source-tabs button{min-width:0;padding:10px 7px;font-size:12px}

  #image-create-view .image-inspiration,#song-create-view .song-inspiration{margin:0 0 14px;padding:16px;border-radius:18px}
  #image-create-view .image-inspiration h2,#song-create-view .song-inspiration h2{margin:4px 0 6px;font-size:22px;line-height:1.08}
  #image-create-view .image-inspiration>div:first-child>p:last-child,#song-create-view .song-inspiration>div:first-child>p:last-child{margin:0;font-size:12px;line-height:1.45}
  #image-create-view .inspiration-actions,#song-create-view .inspiration-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
  #image-create-view .inspiration-actions button,#song-create-view .inspiration-actions button{min-width:0;padding:9px 7px;font-size:11px}
  #image-create-view .image-idea-grid{display:grid;grid-template-columns:1fr;gap:9px;overflow:visible;padding:2px 0 4px}
  #song-create-view .song-idea-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,78vw);grid-template-columns:none;gap:9px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
  #song-create-view .song-idea-grid::-webkit-scrollbar{display:none}
  #image-create-view .image-idea-card,#song-create-view .song-idea-card{padding:14px;border-radius:14px}
  #song-create-view .song-idea-card{scroll-snap-align:start}
  #image-create-view .image-more-ideas,#song-create-view .song-more-ideas{grid-column:auto;align-self:stretch;justify-self:stretch;min-width:160px}

  #image-create-view .visual-grid{gap:14px;margin-top:0}
  #image-create-view #image-ai-form{gap:14px;padding:15px;border-radius:18px}
  #image-create-view #image-ai-form .look-reference{padding:9px}
  #image-create-view #image-ai-form textarea{min-height:100px}
  #image-create-view #image-candidate-stage{min-height:250px;padding:14px;border-radius:18px}
  #image-create-view #image-candidate-stage .candidate-empty{min-height:220px;padding:16px}
  #image-create-view #image-candidate-stage .candidate-grid{gap:8px}

  #song-create-view .song-inspiration{max-width:none}
  #song-create-view .media-create-form,#mv-create-view .media-create-form{gap:14px;margin:0 auto;padding:16px;border-radius:18px}
  #song-create-view .media-create-form label,#mv-create-view .media-create-form label{font-size:13px}
  #song-create-view #song-ai-form textarea[name=idea]{min-height:92px}
  #song-create-view #song-ai-form textarea[name=lyrics]{min-height:150px;max-height:260px}
  #song-create-view .lyrics-assist{gap:8px;padding:12px}
  #song-create-view .lyrics-assist>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  #song-create-view .lyrics-assist button{min-width:0;padding:8px 6px;font-size:10px}
  #song-create-view .media-create-form>.primary-button,#mv-create-view .media-create-form>.primary-button{width:100%;min-height:48px}

  #mv-create-view .mv-media-preview{min-height:0;aspect-ratio:16/9;border-radius:14px}
  #mv-create-view .mv-media-preview img{width:100%;height:100%;object-fit:cover}
  #mv-create-view #mv-ai-form .era-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #mv-create-view #mv-ai-form .era-form-grid label{grid-column:auto}
  #mv-create-view #mv-ai-form audio{height:44px}
  #image-create-view #image-upload-panel,#song-create-view #song-upload-form,#mv-create-view #mv-upload-form{padding:17px;border-radius:18px}
}

.look-main-image{position:relative}.view-full-resolution{position:absolute;right:14px;bottom:14px;min-height:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(11,9,16,.78);color:#fff;backdrop-filter:blur(12px);font:inherit;font-size:11px;font-weight:700;cursor:pointer}.view-full-resolution:hover{border-color:var(--aqua);background:rgba(11,9,16,.92)}.full-resolution-dialog{width:min(96vw,1500px);height:min(94vh,1100px);padding:0;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#0b0910;color:var(--text);box-shadow:0 40px 120px rgba(0,0,0,.7)}.full-resolution-dialog::backdrop{background:rgba(3,2,6,.88);backdrop-filter:blur(8px)}.full-resolution-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.full-resolution-shell>header,.full-resolution-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px}.full-resolution-shell>header{border-bottom:1px solid var(--line)}.full-resolution-shell>header h2,.full-resolution-shell>header p{margin:0}.full-resolution-shell>header h2{font-size:22px}.full-resolution-shell>header .dialog-close{position:static;flex:0 0 auto}.full-resolution-stage{min-height:0;display:block;overflow:auto;padding:14px;background:#060509}.full-resolution-stage>span{display:grid;min-height:100%;place-items:center;color:var(--muted)}.full-resolution-stage img{display:block;max-width:none;width:auto;height:auto;margin:0 auto}.full-resolution-shell>footer{border-top:1px solid var(--line)}.full-resolution-shell>footer small{color:var(--muted)}
@media(max-width:600px){.view-full-resolution{right:9px;bottom:9px;min-height:40px}.full-resolution-dialog{width:calc(100vw - 10px);height:calc(100dvh - 10px);max-height:none;border-radius:18px}.full-resolution-shell>header,.full-resolution-shell>footer{padding:12px}.full-resolution-shell>header h2{max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.full-resolution-shell>footer{display:grid;grid-template-columns:1fr auto}.full-resolution-shell>footer .action-link{min-height:42px}.full-resolution-stage{padding:8px}.full-resolution-stage img{max-height:none}}

/* Mobile work detail: artwork first, compact context second, clear actions last. */
@media(max-width:600px){
  #look-detail-view .character-home-shell,#image-detail-view .character-home-shell,#media-detail-view .character-home-shell{padding-inline:14px}
  #look-detail-view .back-link,#image-detail-view .back-link,#media-detail-view .back-link{display:inline-flex;align-items:center;min-height:44px;margin-bottom:15px}
  #look-detail-view .look-detail-layout,#image-detail-view .look-detail-layout,#media-detail-view .look-detail-layout{gap:19px}
  #look-detail-view .look-main-image,#image-detail-view .look-main-image,#media-detail-view .look-main-image{border-radius:18px;background:#0b0910}
  #look-detail-view .look-main-image,#image-detail-view .look-main-image{display:grid;aspect-ratio:6/5;place-items:center;overflow:hidden}
  #look-detail-view .look-main-image img,#image-detail-view .look-main-image img{width:100%;height:100%;max-height:none;object-fit:contain}
  #media-detail-view #media-detail-player video{width:100%;max-height:62vh;border-radius:18px}
  #look-detail-view .look-detail-copy h1,#image-detail-view .look-detail-copy h1,#media-detail-view .look-detail-copy h1{margin:6px 0 9px;font-size:clamp(38px,11vw,48px);line-height:.94}
  #look-detail-view .look-detail-copy>p:not(.eyebrow),#image-detail-view .look-detail-copy>p:not(.eyebrow),#media-detail-view .look-detail-copy>p:not(.eyebrow){margin:7px 0;font-size:14px;line-height:1.5}
  #look-detail-view .look-detail-copy,#image-detail-view .look-detail-copy,#media-detail-view .look-detail-copy{display:flex;flex-direction:column}
  #look-detail-view .look-detail-copy>.eyebrow,#image-detail-view .look-detail-copy>.eyebrow,#media-detail-view .look-detail-copy>.eyebrow{order:1}
  #look-detail-view .look-detail-copy>h1,#image-detail-view .look-detail-copy>h1,#media-detail-view .look-detail-copy>h1{order:2}
  #look-detail-view .look-detail-copy>.look-owner,#image-detail-view .look-detail-copy>.look-owner,#media-detail-view #media-detail-owner{order:3}
  #look-detail-view .character-chips,#image-detail-view .character-chips,#media-detail-view .character-chips{order:4}
  #look-detail-view .detail-actions,#image-detail-view .detail-actions,#media-detail-view .detail-actions{order:5}
  #look-detail-summary,#image-detail-summary,#media-detail-summary{order:6;margin-top:16px!important;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
  #look-detail-summary::before,#image-detail-summary::before,#media-detail-summary::before{content:"ABOUT THIS WORK";display:block;margin-bottom:7px;color:var(--aqua);font-size:9px;font-weight:800;letter-spacing:.13em}
  #look-detail-view .consistency-feedback,#image-detail-view .consistency-feedback,#image-detail-view .image-connect-panel{order:7}
  #look-detail-view .character-chips,#image-detail-view .character-chips,#media-detail-view .character-chips{margin-top:11px}
  #look-detail-view .detail-actions,#image-detail-view .detail-actions,#media-detail-view .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line)}
  #look-detail-view .detail-actions>*,#image-detail-view .detail-actions>*,#media-detail-view .detail-actions>*{display:flex;min-width:0;min-height:44px;box-sizing:border-box;align-items:center;justify-content:center;margin:0;padding:10px 7px;text-align:center;font-size:11px;white-space:normal}
  #look-detail-view .detail-actions>.primary-button,#image-detail-view .detail-actions>.primary-button{grid-column:1/-1;min-height:46px;font-size:12px}
  #look-detail-view .detail-actions .publish-work-action,#image-detail-view .detail-actions .publish-work-action,#media-detail-view .detail-actions .publish-work-action{grid-column:1/-1}
  #media-detail-view .detail-actions .media-create-again{grid-column:1/-1;min-height:44px;display:grid;place-items:center;font-size:12px}
  #look-detail-view .detail-actions .delete-work-action,#image-detail-view .detail-actions .delete-work-action,#media-detail-view .detail-actions .delete-work-action{grid-column:1/-1;justify-self:center;width:max-content;margin:5px auto 0;padding:8px 14px;border:0;font-size:11px}
  #look-detail-view .consistency-feedback,#image-detail-view .consistency-feedback{gap:10px;margin-top:20px;padding:14px;border-radius:14px}
  #look-detail-view .consistency-actions,#image-detail-view .consistency-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  #look-detail-view .consistency-actions button,#image-detail-view .consistency-actions button{padding:9px 7px;font-size:10px}
  #media-detail-view .media-player-card{min-height:0;gap:14px;padding:14px;border-radius:18px}
  #media-detail-view .song-cover-art{width:min(100%,330px);border-radius:16px}
  #media-detail-view .media-player-card audio{width:100%;height:42px}
  #media-detail-view .song-version-switcher{gap:8px;margin-top:10px}
  #media-detail-view .song-version-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:7px}
  #media-detail-view .song-version-switcher button{min-width:0;min-height:44px;padding:9px 7px;font-size:10px}
  #media-detail-view .song-lyrics-panel{margin-top:28px;border-radius:18px}
  #media-detail-view .song-lyrics-toggle{gap:10px;padding:15px}
  #media-detail-view .song-lyrics-toggle strong{font-size:15px}
  #media-detail-view .song-lyrics-toggle>b{font-size:10px}
  #media-detail-view .song-lyrics-panel:not(.collapsed){padding:18px}
  #media-detail-view .song-lyrics-panel:not(.collapsed) .song-lyrics-toggle{padding:0 0 16px}
  #media-detail-view .song-lyrics-content{padding-top:18px}
  #media-detail-view .song-lyrics{margin-top:22px}
}

/* Mobile Task Center: status at a glance, then one obvious recovery action. */
@media(max-width:600px){
  #tasks-view .character-home-shell{padding-inline:14px}
  #tasks-view .task-center-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:18px}
  #tasks-view .task-center-heading h1{margin:5px 0;font-size:clamp(38px,11vw,48px);line-height:.94}
  #tasks-view .task-center-heading p{margin:0;font-size:13px;line-height:1.45}
  #tasks-view #refresh-tasks{padding:9px 11px;font-size:11px}
  #tasks-view .task-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:17px}
  #tasks-view .task-summary article{gap:2px;min-width:0;padding:12px 8px;border-radius:14px;text-align:center}
  #tasks-view .task-summary strong{font-size:25px;line-height:1}
  #tasks-view .task-summary span{font-size:9px;line-height:1.25}
  #tasks-view .task-list{gap:9px}
  #tasks-view .task-priority-list{gap:9px}
  #tasks-view .task-priority-heading{margin:2px 1px 1px;font-size:10px}
  #tasks-view .task-card{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:13px;border-radius:16px}
  #tasks-view .task-type-icon{width:40px;height:40px;border-radius:12px;font-size:9px}
  #tasks-view .task-card-copy{min-width:0}
  #tasks-view .task-card-copy>div{gap:7px;font-size:10px}
  #tasks-view .task-card-copy>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #tasks-view .task-card-copy h2{overflow:hidden;margin:3px 0;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
  #tasks-view .task-card-copy p{display:-webkit-box;overflow:hidden;margin:0;font-size:11px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  #tasks-view .task-card-action{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.75fr);align-items:center;gap:9px;width:100%;padding-top:10px;border-top:1px solid var(--line)}
  #tasks-view .task-status{justify-self:start;width:max-content;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.06);font-size:9px;font-weight:750;letter-spacing:.04em}
  #tasks-view .task-running .task-status,#tasks-view .task-queued .task-status,#tasks-view .task-saving .task-status,#tasks-view .task-validating .task-status{color:#d7c7ff;background:rgba(158,124,255,.13)}
  #tasks-view .task-needs_attention .task-status,#tasks-view .task-ready .task-status{color:var(--aqua);background:rgba(97,225,209,.1)}
  #tasks-view .task-failed .task-status{color:#ffaaaa;background:rgba(255,112,128,.1)}
  #tasks-view .task-card-action .action-link{width:100%;min-width:0;margin:0;padding:10px 8px;text-align:center;font-size:11px}
  #tasks-view .task-card-action .delete-task-record{grid-column:1/-1;justify-self:end;min-height:36px;padding:6px 8px}
  #tasks-view .library-empty{padding:34px 18px}
}

/* Mobile Story system: stable navigation, readable moments, lightweight media context. */
@media(max-width:600px){
  #life-story-view .character-home-shell,#story-view .character-home-shell,#timeline-view .character-home-shell,#story-detail-view .character-home-shell{padding-inline:14px}
  #life-story-view .story-subnav,#story-view .story-subnav,#timeline-view .story-subnav{position:sticky;z-index:8;top:68px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;margin:14px 0 20px;padding:4px;background:rgba(18,14,25,.94);backdrop-filter:blur(16px)}
  #life-story-view .story-subnav a,#story-view .story-subnav a,#timeline-view .story-subnav a{display:flex;min-width:0;min-height:44px;box-sizing:border-box;align-items:center;justify-content:center;padding:9px 5px;font-size:11px;text-align:center}
  #life-story-view .canon-heading,#story-view .canon-heading,#timeline-view .canon-heading{gap:14px;margin-bottom:18px}
  #life-story-view .canon-heading h1,#story-view .canon-heading h1,#timeline-view .canon-heading h1{margin:5px 0 8px;font-size:clamp(38px,11vw,48px);line-height:.94}
  #life-story-view .canon-heading p,#story-view .canon-heading p,#timeline-view .canon-heading p{margin:0;font-size:13px;line-height:1.5}
  #life-story-view .canon-heading .action-link,#story-view .canon-heading .primary-button,#timeline-view .canon-heading .action-link{width:100%;margin:0;text-align:center}
  #life-story-view .canon-form,#story-view .canon-form{gap:14px;padding:17px;border-radius:18px}
  #life-story-view .canon-form textarea,#story-view .canon-form textarea{min-height:96px}
  #life-story-view .life-story-form-heading{display:grid;gap:7px;margin-bottom:15px;padding-bottom:13px}#life-story-view .life-story-form-heading h2{font-size:21px}#life-story-view .life-story-form-heading>small{max-width:none;text-align:left}#life-story-view .life-story-section-label{display:grid;gap:4px;margin-top:18px;padding-top:14px}#life-story-view .life-story-section-label span{text-align:left;line-height:1.4}#life-story-view .life-story-history-section{margin-top:28px}#life-story-view .life-story-history-section>h2{font-size:21px}#life-story-view .profile-version-card{padding:12px}#life-story-view .profile-version-card>button{min-height:44px}
  #life-story-view .editor-actions,#story-view .editor-actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px}
  #life-story-view .editor-actions>*,#story-view .editor-actions>*{width:100%;min-width:0;margin:0;padding-inline:8px}
  #life-story-view .back-link,#story-view .back-link,#story-detail-view .back-link,#timeline-view .back-link{display:inline-flex;min-height:44px;align-items:center}
  #life-story-view .editor-actions,#story-view .editor-actions,#story-detail-view .editor-actions{position:static;padding:0;border:0;background:transparent;backdrop-filter:none}
  #life-story-view .editor-actions>:only-child,#story-view .editor-actions>:only-child,#story-detail-view .editor-actions>:only-child{grid-column:1/-1}
  #story-view .era-shape-panel{margin:18px 0;padding:17px;border-radius:18px}
  #story-view .era-shape-panel h2{font-size:25px}
  #story-view .era-shape-panel textarea{min-height:110px}
  #story-view .era-shape-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}
  #story-view .era-shape-actions>*{width:100%;min-width:0;padding-inline:7px;font-size:11px}
  #story-view .story-one-event-note{display:grid;gap:4px;padding:9px 10px}#story-view .story-form-heading{display:grid;gap:7px;margin-bottom:15px;padding-bottom:13px}#story-view .story-form-heading h2{font-size:21px}#story-view .story-form-heading>small{max-width:none;text-align:left}#story-view .story-section-label{display:grid;gap:4px;margin-top:18px;padding-top:14px}#story-view .story-section-label span{text-align:left;line-height:1.4}
  #story-view .story-timeline{gap:8px;margin-top:24px;padding-left:0;border-left:0}
  #story-view .story-moments-section{margin-top:32px}#story-view .story-moments-section>header{align-items:flex-start;gap:12px;padding-bottom:11px}#story-view .story-moments-section>header h2{font-size:21px;line-height:1.15}#story-view .story-moments-summary{min-width:88px}#story-view .story-moments-guide{line-height:1.4}#story-view .story-moments-section .story-timeline{margin-top:14px}
  #story-view .compact-story-moment{grid-template-columns:66px minmax(0,1fr);gap:10px;padding:9px;border-radius:15px}
  #story-view .compact-story-moment-thumb,#story-view .compact-story-moment-placeholder{width:66px;height:66px;border-radius:10px}
  #story-view .compact-story-moment h2{margin:4px 0 3px;font-size:16px}
  #story-view .compact-story-moment-copy>p{-webkit-line-clamp:1;font-size:11px}
  #story-view .compact-story-moment-meta{margin-top:5px}
  #timeline-view .timeline-era-groups{gap:10px;margin-top:22px}
  #timeline-view .timeline-era-chapter{border-radius:16px}
  #timeline-view .timeline-era-chapter>summary{padding:13px 14px}
  #timeline-view .timeline-era-chapter>summary strong{font-size:18px}
  #timeline-view .compact-timeline-list{padding-inline:12px}
  #timeline-view .compact-timeline-event{gap:7px;padding:14px 0}
  #timeline-view .compact-timeline-title,#timeline-view .compact-timeline-content>h3{margin:5px 0;font-size:17px}
  #timeline-view .compact-timeline-summary{font-size:12px;line-height:1.45;-webkit-line-clamp:2}
  #timeline-view .compact-timeline-meta{margin-top:8px}
  #story-detail-view .story-detail{padding-bottom:24px}
  #story-detail-view .story-detail header{display:grid;gap:12px}
  #story-detail-view .story-detail header .quiet-button{width:100%}
  #story-detail-view .story-detail h1{margin:7px 0 10px;font-size:clamp(39px,11vw,49px);line-height:.95}
  #story-detail-view .story-detail-summary{font-size:16px;line-height:1.62}
  #story-detail-view .story-detail-image img{max-height:58vh;border-radius:15px}
  #story-detail-view .story-detail-section{margin-top:28px}
  #story-detail-view .story-manage-works{margin-top:16px;border-radius:15px}
  #story-detail-view .story-manage-works>summary{padding:13px}
}

/* Mobile Character Foundation: current state first, editing second, history last. */
@media(max-width:600px){
  #edit-character-view .character-home-shell,#character-profile-view .character-home-shell,#canon-view .character-home-shell,#eras-view .character-home-shell{padding-inline:14px}
  #edit-character-view .canon-heading,#character-profile-view .canon-heading,#canon-view .canon-heading,#eras-view .canon-heading{gap:14px;margin-bottom:18px}
  #edit-character-view .canon-heading h1,#character-profile-view .canon-heading h1,#canon-view .canon-heading h1,#eras-view .canon-heading h1{margin:5px 0 8px;font-size:clamp(38px,11vw,48px);line-height:.94}
  #edit-character-view .canon-heading p,#character-profile-view .canon-heading p,#canon-view .canon-heading p,#eras-view .canon-heading p{margin:0;font-size:13px;line-height:1.5}
  #edit-character-view .edit-character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
  #edit-character-view .edit-character-grid a{min-height:126px;padding:14px;border-radius:14px}
  #edit-character-view .edit-character-grid strong{font-size:17px}
  #edit-character-view .edit-character-grid span{font-size:10px;line-height:1.4}
  #edit-character-view .edit-foundation-group{margin-top:27px}#edit-character-view .edit-foundation-group>header{display:grid;gap:6px;padding-bottom:11px}#edit-character-view .edit-foundation-group>header h2{font-size:21px;line-height:1.15}#edit-character-view .edit-foundation-group>header>small{max-width:none;text-align:left}#edit-character-view .edit-character-grid a>small{padding-right:38px;font-size:9px;line-height:1.35}#edit-character-view .edit-character-grid a>b{right:12px;bottom:12px}#edit-character-view .edit-character-boundary{display:grid;gap:4px;margin-top:26px;padding:11px 12px}
  #character-profile-view .profile-form,#canon-view .canon-form,#eras-view .canon-form{gap:13px;margin:20px 0;padding:16px;border-radius:18px}
  #character-profile-view .profile-form label,#canon-view .canon-form label,#eras-view .canon-form label{margin-bottom:11px}
  #character-profile-view .profile-form textarea,#canon-view .canon-form textarea,#eras-view .canon-form textarea{min-height:92px}
  #character-profile-view .profile-form-heading{display:grid;gap:7px;margin-bottom:15px;padding-bottom:13px}#character-profile-view .profile-form-heading h2{font-size:21px}#character-profile-view .profile-form-heading>small{max-width:none;text-align:left}#character-profile-view .profile-section-label{display:grid;gap:4px;margin-top:18px;padding-top:14px}#character-profile-view .profile-section-label span{text-align:left;line-height:1.4}#character-profile-view .profile-history-section{margin-top:28px}#character-profile-view .profile-history-section>h2{font-size:21px}#character-profile-view .profile-version-card{padding:12px}#character-profile-view .profile-version-card>button{min-height:44px}
  #character-profile-view .back-link,#canon-view .back-link,#eras-view .back-link{display:inline-flex;min-height:44px;align-items:center}
  #character-profile-view .editor-actions,#canon-view .editor-actions,#eras-view .editor-actions{position:static;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:8px;padding:0;border:0;background:transparent;backdrop-filter:none}
  #character-profile-view .editor-actions>*,#canon-view .editor-actions>*,#eras-view .editor-actions>*{width:100%;min-width:0;margin:0;padding-inline:7px}
  #character-profile-view .editor-actions>:only-child,#canon-view .editor-actions>:only-child,#eras-view .editor-actions>:only-child{grid-column:1/-1}
  #eras-view [data-edit-era]{min-height:44px;padding-block:10px}
  #canon-view .canon-boundary{padding:15px;border-radius:15px}
  #canon-view .canon-boundary p,#canon-view .canon-boundary span{font-size:12px;line-height:1.45}
  #canon-view .canon-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
  #canon-view .canon-overview article{justify-content:center;min-width:0;padding:10px 7px;border-radius:12px;font-size:10px;text-align:center}
  #canon-view .canon-overview strong{font-size:19px}
  #canon-view .canon-meta>span:last-child{display:flex;align-items:center;gap:4px}
  #canon-view .canon-meta button{min-height:40px;padding:8px 5px}
  #canon-view .canon-era-banner,#canon-view .canon-review-summary{align-items:flex-start;flex-direction:column;gap:13px;margin-top:17px;padding:15px;border-radius:16px}
  #canon-view .canon-era-banner .action-link{width:100%;text-align:center}
  #canon-view .canon-review-summary>div:last-child{min-width:0;width:100%}
  #canon-view .canon-groups{gap:24px;margin-top:30px}
  #canon-view .canon-group h2{margin-bottom:10px;font-size:22px}
  #canon-view .canon-list{gap:8px}
  #canon-view .canon-card{padding:14px;border-radius:14px}
  #canon-view .canon-card p{margin-bottom:11px;font-size:13px;line-height:1.5}
  #canon-view .canon-meta{font-size:10px}
  #canon-view .archived-canon{margin-top:28px;padding-top:15px}
  #canon-view .archived-canon-card{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}
  #eras-view #new-era{width:100%}
  #eras-view .era-shape-panel{margin:18px 0;padding:17px;border-radius:18px}
  #eras-view .era-shape-panel h2{font-size:25px}
  #eras-view .era-shape-panel textarea{min-height:108px}
  #eras-view .era-shape-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}
  #eras-view .era-shape-actions>*{width:100%;min-width:0;padding-inline:7px;font-size:11px}
  #eras-view .era-timeline{gap:10px;margin-top:28px}
  #eras-view .era-card{padding:16px;border-radius:17px}
  #eras-view .era-card-header{align-items:flex-start;gap:10px}
  #eras-view .era-card h2{font-size:26px}
  #eras-view .era-card-tagline{font-size:14px;line-height:1.45}
  #eras-view .era-state{padding:5px 7px;font-size:9px}
  #eras-view .era-directions{grid-template-columns:1fr;gap:7px;margin-top:15px}
  #eras-view .era-directions div{padding:11px}
  #eras-view .era-story{margin-top:14px;font-size:13px;line-height:1.5}
  #eras-view .era-card-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:14px}
  #eras-view .era-history-section{margin-top:32px}#eras-view .era-history-section>header{display:grid;gap:7px;padding-bottom:13px}#eras-view .era-history-section>header h2{font-size:22px;line-height:1.15}#eras-view .era-history-section>header small{max-width:none;text-align:left}#eras-view .era-active-context{display:grid;gap:4px;margin-top:14px;padding:10px 11px}#eras-view .era-active-context span{text-align:left;line-height:1.4}#eras-view .era-card.past{opacity:.86}
  #eras-view .era-form{scroll-margin-top:calc(78px + env(safe-area-inset-top))}#eras-view .era-form-heading{display:grid;gap:7px;margin-bottom:15px;padding-bottom:13px}#eras-view .era-form-heading h2{font-size:21px}#eras-view .era-form-heading>small{max-width:none;text-align:left}#eras-view .era-context-note{display:grid;gap:4px;padding:10px 11px}
  #turnaround-view{padding-inline:14px}
  #turnaround-view .visual-shell>h1{margin:7px 0 11px;font-size:clamp(39px,11vw,49px);line-height:.94}
  #turnaround-view .turnaround-reference{margin:18px 0 14px;padding:8px 11px 8px 8px}
  #turnaround-view .turnaround-reference img{width:44px;height:54px}
  #turnaround-view .turnaround-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  #turnaround-view .turnaround-card{min-width:0;border-radius:14px}
  #turnaround-view .turnaround-card footer{gap:6px;padding:8px}
  #turnaround-view .turnaround-card footer strong{font-size:11px;line-height:1.25}
  #turnaround-view .turnaround-card footer button{min-height:34px;padding:7px 4px;font-size:8px;line-height:1.2}
  #turnaround-view .turnaround-empty{padding:7px;font-size:9px;text-align:center}
  #turnaround-view .turnaround-progress{gap:7px;margin:14px 0 22px;padding:11px 12px}#turnaround-view .turnaround-progress>div:first-child{display:grid;gap:3px}#turnaround-view .turnaround-views-heading{display:grid;gap:6px;margin-bottom:11px}#turnaround-view .turnaround-views-heading h2{font-size:21px;line-height:1.15}#turnaround-view .turnaround-views-heading>small{max-width:none;text-align:left}#turnaround-view .turnaround-card>header{padding:7px}#turnaround-view .turnaround-card footer small{display:none}#turnaround-view .turnaround-boundary{display:grid;gap:4px;padding:10px 11px}
}

/* Mobile Discover and publishing: community browsing first, public submission second. */
@media(max-width:600px){
  #discover-view .discover-shell,#discover-detail-view .discover-detail-shell{padding:24px 14px 92px}
  #discover-view .discover-heading{margin-bottom:15px}
  #discover-view .discover-heading h1{max-width:15ch;margin:5px 0 8px;font-size:clamp(34px,9.8vw,42px);line-height:.96}
  #discover-view .discover-heading p{margin:0;font-size:13px;line-height:1.5}
  #discover-view .discover-tabs{position:sticky;z-index:8;top:68px;gap:6px;margin-inline:-14px;padding:8px 42px 12px 14px;scroll-snap-type:x proximity;background:linear-gradient(90deg,rgba(18,14,25,.94) 0%,rgba(18,14,25,.94) calc(100% - 34px),rgba(18,14,25,.3) 100%);backdrop-filter:blur(16px)}
  #discover-view .discover-tabs a{display:inline-flex;min-height:40px;box-sizing:border-box;align-items:center;padding:8px 12px;scroll-snap-align:start;font-size:10px}
  #discover-view .discover-type-tabs{position:sticky;z-index:7;top:126px;margin:0 -14px 12px;padding:0 14px 8px;background:rgba(18,14,25,.94);backdrop-filter:blur(16px)}
  #discover-view .discover-type-tabs a{display:inline-flex;min-height:40px;box-sizing:border-box;align-items:center}
  #discover-view .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #discover-view .discover-card{border-radius:14px}
  #discover-view .discover-card-copy{padding:9px}
  #discover-view .discover-card-copy h2{margin-bottom:5px;font-size:13px;line-height:1.25}
  #discover-view .discover-card-copy>p{display:none}
  #discover-view .discover-card-copy span,#discover-view .discover-card-copy small{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
  #discover-view .discover-card-media>small{left:7px;top:7px;padding:4px 6px;font-size:8px}
  #discover-view .discover-empty{min-height:210px;gap:6px;padding:14px 20px}
  #discover-view .discover-empty h2,#discover-view .discover-empty p{margin:4px 0}
  #discover-view .discover-empty-action{margin-top:-24px}
  #discover-detail-view .discover-detail-shell>.back-link{margin-bottom:4px}
  #discover-detail-view .discover-detail{gap:16px}
  #discover-detail-view .discover-detail-media{min-height:0;border-radius:17px}
  #discover-detail-view .discover-detail-media>img,#discover-detail-view .discover-detail-media>video{max-height:min(54svh,520px)}
  #discover-detail-view .discover-detail-copy{padding:0}
  #discover-detail-view .discover-detail-copy h1{margin:5px 0 9px;font-size:clamp(37px,10.5vw,47px);line-height:.96}
  #discover-detail-view .discover-description{font-size:14px;line-height:1.55}
  #discover-detail-view .discover-attribution{margin-top:16px;padding-top:14px}
  #discover-detail-view .discover-audio-art{min-height:360px;gap:14px;padding:14px;aspect-ratio:auto}
  #discover-detail-view .discover-audio-art img{width:min(62%,240px);border-radius:14px}
  #publication-view .publication-shell{padding-inline:14px}
  #publication-view .publication-heading{margin:20px 0 18px}
  #publication-view .publication-heading h1{margin:5px 0 8px;font-size:clamp(38px,11vw,48px);line-height:.94}
  #publication-view .publication-heading p{margin:0;font-size:13px;line-height:1.5}
  #publication-view .publication-layout{gap:14px}
  #publication-view .publication-preview,#publication-view .publication-form{padding:14px;border-radius:17px}
  #publication-view .publication-preview{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center}
  #publication-view .publication-preview img{width:112px;height:150px;border-radius:13px;object-fit:cover;background:#0b0910}
  #publication-view .publication-preview>div:not(.publication-media-placeholder){padding:0}
  #publication-view .publication-media-placeholder{min-height:150px;border-radius:13px}
  #publication-view .publication-form{gap:14px}
  #publication-view .publication-form textarea{min-height:100px}
  #publication-view .publication-status{padding:11px 12px;border-radius:12px;font-size:12px}
  #publication-view .rights-confirmation{font-size:12px;line-height:1.45}
  #publication-view .publication-form>.primary-button{width:100%;min-height:48px}
  #public-character-view .public-character-shell{width:calc(100% - 24px);padding-top:18px}
  #public-character-view .public-character-hero{gap:16px;margin:16px 0 32px;padding:13px;border-radius:18px}
  #public-character-view .public-character-hero>img,#public-character-view .public-character-placeholder{border-radius:14px;aspect-ratio:4/3;object-position:center 24%}
  #public-character-view .public-character-hero h1{margin:5px 0 8px;font-size:43px;line-height:.92}
  #public-character-view .public-character-hero p:not(.eyebrow){font-size:13px;line-height:1.5}
  #public-character-view .public-character-stats{gap:11px;margin-top:15px;padding-top:12px;font-size:11px}
  #public-character-view .public-character-works>header{margin-bottom:13px}
  #public-character-view .public-character-works h2{font-size:21px}
  #public-character-view .public-character-works .discover-grid{gap:8px}
}

/* Mobile Character Editions: a compact magazine workflow with a cinematic private result. */
@media(max-width:600px){
  #edition-editor-view .edition-editor-shell{width:calc(100% - 28px);padding-top:15px}
  #edition-editor-view .edition-editor-heading{gap:12px;padding:18px 0}
  #edition-editor-view .edition-editor-heading h1{margin:5px 0 8px;font-size:clamp(39px,11vw,49px);line-height:.94}
  #edition-editor-view .edition-editor-heading p:last-child{margin:0;font-size:13px;line-height:1.5}
  #edition-editor-view .edition-editor-heading>span{grid-row:1;justify-self:end;padding:7px 9px;font-size:9px}
  #edition-editor-view .edition-story-fields{gap:10px;margin:5px 0 28px}
  #edition-editor-view .edition-story-fields input,#edition-editor-view .edition-story-fields textarea{font-size:15px}
  #edition-editor-view .edition-story-fields textarea{min-height:88px}
  #edition-editor-view .edition-selection>header{align-items:center;margin-bottom:12px}
  #edition-editor-view .edition-selection h2{font-size:21px}
  #edition-editor-view .edition-selection-count strong{font-size:24px}
  #edition-editor-view .edition-candidate-grid{gap:7px}
  #edition-editor-view .edition-candidate-card{border-radius:13px}
  #edition-editor-view .edition-candidate-card>div:last-child{padding:9px}
  #edition-editor-view .edition-candidate-card small{font-size:8px}
  #edition-editor-view .edition-candidate-card strong{font-size:12px}
  #edition-editor-view .edition-card-check{right:7px;top:7px;width:24px;height:24px}
  #edition-editor-view .edition-feature-controls{gap:10px;margin:17px 0}
  #edition-editor-view .edition-theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:24px}
  #edition-editor-view .edition-theme-picker legend{margin-bottom:8px;font-size:12px}
  #edition-editor-view .edition-theme-picker span{min-height:70px;padding:9px;border-radius:11px;font-size:10px}
  #edition-editor-view .edition-theme-picker small{display:none}
  #edition-editor-view .edition-editor-actions{bottom:74px;gap:9px;margin-top:24px;padding:11px 12px;border-radius:15px}
  #edition-editor-view .edition-editor-actions span{display:none}
  #edition-editor-view .edition-editor-actions button{min-height:46px}
  #edition-editor-view .edition-order-tools{right:6px;bottom:48px;gap:4px}
  #edition-editor-view .edition-order-tools button{width:25px;height:25px;font-size:10px}
  .edition-manager{margin:20px 0 38px;padding:14px;border-radius:17px}
  .edition-manager>header{gap:10px;margin-bottom:13px}
  .edition-manager h2{font-size:25px}
  .edition-manager header p:last-child{font-size:12px;line-height:1.45}
  .edition-manager-list{gap:8px}
  .edition-manager-card{grid-template-columns:76px minmax(0,1fr);border-radius:12px}
  .edition-manager-card>img,.edition-manager-placeholder{width:76px;height:102px}
  .edition-manager-card>section{padding:9px}
  .edition-share-controls{gap:8px;margin-bottom:13px;padding:10px;border-radius:12px}
  .edition-share-controls button{font-size:11px}
  .share-character-hero{min-height:calc(92svh - 64px);padding:18px 15px calc(94px + env(safe-area-inset-bottom))}
  .share-hero-nav{left:15px;right:15px;top:14px;font-size:9px}
  .share-hero-copy h1{font-size:clamp(56px,19vw,82px);line-height:.84}
  .share-character-line{font-size:14px;line-height:1.5}
  .share-hero-actions{gap:7px;margin-top:18px}
  .share-hero-actions>*{min-width:0;padding:10px 7px;font-size:10px;text-align:center}
  .character-signature{width:calc(100% - 28px);gap:18px;padding:52px 0 46px}
  .character-signature h2{font-size:35px}
  .character-signature>p{font-size:14px;line-height:1.6}
  .signature-cloud{gap:6px}
  .signature-cloud span{padding:7px 9px;font-size:10px}
  .featured-character-work{margin-bottom:52px;border-radius:17px}
  .featured-work-copy{padding:20px 17px 23px}
  .featured-work-copy h2{font-size:34px}
  .featured-work-copy>p:not(.eyebrow){font-size:13px;line-height:1.55}
  .character-media-chapters{padding-bottom:48px}
  .character-media-chapters>header{margin-bottom:17px}
  .character-media-chapters h2{font-size:30px}
}
.inherited-reference-panel{display:grid;gap:15px;padding:18px;border:1px solid rgba(174,141,255,.28);border-radius:16px;background:rgba(174,141,255,.07)}.inherited-reference-panel>div:first-child{display:grid;gap:5px}.inherited-reference-panel small{color:var(--muted);line-height:1.45}.inherited-reference-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px}.inherited-reference-strip img{width:72px;height:88px;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.14);flex:none}
.consistency-feedback{display:grid;gap:14px;margin-top:26px;padding:18px;border:1px solid rgba(120,222,213,.22);border-radius:16px;background:rgba(120,222,213,.055)}.consistency-feedback>div:first-child{display:grid;gap:5px}.consistency-feedback>div:first-child span{font-size:.68rem;letter-spacing:.13em;color:var(--accent)}.consistency-feedback>div:first-child strong{font-size:1rem}.consistency-actions,.consistency-issues{display:flex;gap:8px;flex-wrap:wrap}.consistency-actions button,.consistency-issues button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);padding:9px 13px;cursor:pointer}.consistency-actions button:hover,.consistency-issues button:hover{border-color:var(--accent)}.consistency-issues>span{width:100%;font-size:.8rem;color:var(--muted)}.consistency-feedback.submitted{border-color:rgba(120,222,213,.4)}

.discover-context-summary{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 18px;color:var(--muted);font-size:11px}
.discover-context-summary strong{color:var(--text);font-size:13px}
.detail-actions .publish-work-action{position:relative}
.detail-actions .delete-work-action{opacity:.82}
.detail-actions .delete-work-action:hover,.detail-actions .delete-work-action:focus-visible{opacity:1}
.story-nav-context{max-width:720px;margin:-8px 0 25px;color:var(--muted);font-size:12px;line-height:1.5}
.password-field-shell{position:relative;display:block;min-width:0}
.password-field-shell>input{box-sizing:border-box;padding-right:68px!important}
.password-visibility-toggle{position:absolute;right:7px;top:50%;min-width:52px;min-height:34px;padding:5px 8px;transform:translateY(-50%);border:0;border-radius:8px;background:rgba(255,255,255,.06);color:var(--muted);font:inherit;font-size:11px;font-weight:700;line-height:1;cursor:pointer}
.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{background:rgba(120,222,213,.1);color:var(--text)}
.password-guidance{min-height:16px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.35;transition:color .16s ease}
.password-guidance.is-valid{color:#78ded5}
.password-guidance.is-pending,.password-guidance.is-error{color:#ffb28f}
.existing-reference-drop small[data-state="ready"]{color:var(--aqua)}
.existing-reference-drop small[data-state="error"]{color:#ffb1ba}
.existing-reference-drop .file-session-note{padding-top:7px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:10px;line-height:1.4}
.existing-reference-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.existing-reference-preview[hidden]{display:none}
.existing-reference-preview figure{min-width:0;margin:0}
.existing-reference-preview img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03)}
.existing-reference-preview figcaption{margin-top:5px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.home-character-browse{display:flex;align-items:center;gap:10px;margin:-8px 0 16px;min-height:42px}.home-character-browse>p{margin:0 auto 0 0;color:var(--muted);font-size:11px}.home-character-browse>p strong{color:var(--text);font-size:13px}.home-character-browse label{width:min(260px,42vw)}.home-character-browse input{box-sizing:border-box;width:100%;min-height:42px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--text);font:inherit;font-size:12px}.home-character-browse input:focus{outline:2px solid rgba(120,222,213,.35);outline-offset:2px;border-color:var(--accent)}.home-character-browse .text-button{min-height:42px}.home-character-search-status{min-width:1px;color:var(--muted);font-size:10px}.home-character-card[hidden]{display:none}.home-character-search-empty{grid-column:1/-1}
#home-view .home-status .status-pill{text-decoration:none;transition:border-color .16s,background .16s,color .16s}#home-view .home-status .status-pill:hover,#home-view .home-status .status-pill:focus-visible{border-color:rgba(120,222,213,.48);background:rgba(120,222,213,.09);color:var(--text)}#home-view .home-status .status-pill.attention{border-color:rgba(255,178,143,.3);color:#ffc0a4}#home-view .home-status .status-pill.attention:hover,#home-view .home-status .status-pill.attention:focus-visible{border-color:rgba(255,178,143,.58);background:rgba(255,178,143,.09)}
#home-view .home-first-character{grid-column:1/-1;display:grid;justify-items:center;max-width:none;padding:54px 24px;border:1px dashed rgba(120,222,213,.28);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(120,222,213,.09),transparent 52%),#111016;text-align:center}#home-view .home-first-character>span{display:grid;width:42px;height:42px;place-items:center;margin-bottom:5px;border:1px solid rgba(120,222,213,.28);border-radius:50%;color:var(--accent)}#home-view .home-first-character h2{margin:8px 0 4px}#home-view .home-first-character p{max-width:520px;margin:0 0 19px;color:var(--muted);line-height:1.55}#home-view .home-first-character small{margin-top:10px;color:var(--muted)}
#home-view .home-character-era{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted)}#home-view .home-character-era>span{display:grid;gap:3px;min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}#home-view .home-character-era small{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}#home-view .home-character-era b{flex:none;color:var(--accent);font-size:17px;font-weight:400;transition:transform .16s}#home-view .home-character-card:hover .home-character-era b,#home-view .home-character-card:focus-visible .home-character-era b{transform:translateX(3px)}
.character-hero-context{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.character-hero-context>span,.foundation-current-state>span{display:grid;gap:2px;padding:9px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.025)}.character-hero-context small,.foundation-current-state small{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.1em}.character-hero-context b,.foundation-current-state b{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-media-summary{display:flex;gap:7px;margin:13px 0 14px;overflow-x:auto}.recent-media-summary span{flex:none;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px}.recent-media-summary b{color:var(--text)}.foundation-current-state{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 6px}.create-card-methods{display:flex;gap:5px;margin-top:8px}.create-card-methods i{padding:4px 7px;border:1px solid rgba(120,222,213,.2);border-radius:999px;color:var(--aqua);font-size:8px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.create-card-arrow{position:absolute;right:15px;bottom:14px;color:var(--accent);font-size:18px;transition:transform .16s}.create-type-grid>a{position:relative}.create-type-grid>a:hover .create-card-arrow,.create-type-grid>a:focus-visible .create-card-arrow{transform:translateX(3px)}
@media(max-width:600px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app-view{padding-bottom:calc(94px + env(safe-area-inset-bottom))}
  .flow-view,.visual-identity-flow{padding-bottom:calc(98px + env(safe-area-inset-bottom))}
  .mobile-nav{min-height:calc(68px + env(safe-area-inset-bottom))}
  .site-header{position:sticky;top:0}
  #discover-view .discover-tabs,#life-story-view .story-subnav,#story-view .story-subnav,#timeline-view .story-subnav,.character-section-nav{top:calc(68px + env(safe-area-inset-top))}
  #discover-view .discover-type-tabs{top:calc(126px + env(safe-area-inset-top))}
  .discover-context-summary{min-height:38px;margin:-4px 0 10px;font-size:10px}
  .discover-context-summary a{display:inline-flex;min-height:40px;align-items:center;text-align:right}
  :where(#look-detail-view,#image-detail-view,#media-detail-view) .detail-actions .publish-work-action{margin-top:5px;border-color:rgba(178,154,232,.28)}
  .story-nav-context{margin:-12px 4px 18px;font-size:10px;line-height:1.45}
  .password-visibility-toggle{min-height:36px;font-size:10px}
  .identity-field-group{gap:13px;padding:14px 12px;border-radius:14px}
  .identity-field-group legend{padding-inline:5px}.identity-field-group legend span{font-size:18px}.identity-field-group legend small{max-width:260px;font-size:10px;line-height:1.35}
  .identity-save-note{padding:11px 12px}
  .visual-direction-summary{padding:9px 10px}.visual-direction-summary span{font-size:10px}
  .identity-new-reference-preview{grid-template-columns:60px minmax(0,1fr)}.identity-new-reference-preview img{width:60px;height:72px}
  .candidate-compare-intro{display:grid;gap:5px}.candidate-compare-intro h2{font-size:20px}.candidate-compare-intro>small{max-width:none;text-align:left}.identity-candidate-card>header{padding:8px}.identity-candidate-card footer{padding:7px}.identity-candidate-card footer small{display:none}.identity-candidate-card footer button{min-height:42px;padding-inline:5px;font-size:10px}
  .look-candidate-card>header{padding:8px}.look-candidate-card footer{padding:7px}.look-candidate-card footer small{display:none}.look-candidate-card footer button{min-height:42px;padding-inline:5px;font-size:10px}
  .canon-truths-section{margin-top:34px}.canon-truths-section>header{display:grid;gap:7px;padding-bottom:13px}.canon-truths-section>header h2{font-size:21px;line-height:1.15}.canon-truths-section>header small{max-width:none;text-align:left}.canon-truths-section .canon-groups{gap:27px;margin-top:20px}.canon-group>header{align-items:flex-start}.canon-group>header h2{font-size:20px}.canon-group>header p{max-width:250px;line-height:1.4}.canon-card{padding:15px}.canon-card .canon-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.canon-card .canon-meta button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px;border:1px solid var(--line);border-radius:9px}.archived-canon{margin-top:26px}.archived-canon>#toggle-archived-canon{width:100%;min-height:44px;text-align:left}
  #canon-view .canon-form{scroll-margin-top:calc(78px + env(safe-area-inset-top))}.canon-form-heading{display:grid;gap:7px;margin-bottom:16px;padding-bottom:13px}.canon-form-heading h2{font-size:21px}.canon-form-heading>small{max-width:none;text-align:left}.canon-form .editor-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .character-recommended-reason{display:grid;gap:3px;margin-top:8px}
  .look-purpose-note{display:grid;gap:8px;margin:11px 0;padding:10px 11px}.look-purpose-note a{justify-self:start}
  .existing-reference-preview{grid-template-columns:repeat(5,72px);margin-inline:-2px;padding:2px;overflow-x:auto;scroll-snap-type:x proximity}
  .existing-reference-preview figure{scroll-snap-align:start}
  .existing-reference-preview img{border-radius:10px}
  .home-character-browse{display:grid;grid-template-columns:minmax(0,1fr) auto;margin:-5px 0 12px}.home-character-browse>p{grid-column:1/-1}.home-character-browse label{width:auto}.home-character-browse input{min-height:44px}.home-character-browse .text-button{padding-inline:9px}.home-character-search-status{grid-column:1/-1;min-height:12px}
  #home-view .home-first-character{padding:36px 18px;border-radius:15px}#home-view .home-first-character h2{font-size:22px;line-height:1.12}#home-view .home-first-character p{font-size:12px}#home-view .home-first-character .primary-button{width:100%;min-height:48px}
  #home-view .home-character-era{align-items:center;gap:6px;margin-top:9px;padding-top:8px}#home-view .home-character-era>span{gap:2px;font-size:9px}#home-view .home-character-era small{font-size:7px}#home-view .home-character-era b{font-size:14px}
  #character-home-view .character-hero-context{margin-top:11px}#character-home-view .character-hero-context>span{flex:1;min-width:0;padding:8px 9px}#character-home-view .character-recommended-reason{order:0;margin:15px 0 0;padding:10px 11px;border-left:2px solid var(--accent);background:rgba(120,222,213,.045)}#character-home-view .character-actions{margin-top:9px}#character-home-view .story-spotlight-actions{grid-template-columns:repeat(2,minmax(0,1fr))}#character-home-view .story-spotlight-actions a{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px}#character-home-view .recent-media-summary{margin:10px 0 11px}.foundation-current-state{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:13px}.foundation-current-state>span{padding:8px 9px}#create-center-view .create-card-methods{margin-top:6px}#create-center-view .create-card-methods i{padding:3px 5px;font-size:7px}#create-center-view .create-card-arrow{right:11px;bottom:10px;font-size:15px}
}