/* source: 00-tokens.css */
@layer reset,tokens,base,components,layouts,pages,responsive,utilities;

@layer tokens {
  :root {
    --ui-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ui-font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --ui-font-serif: var(--ui-font-display);
    --ui-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --ui-space-0: 0; --ui-space-1: .25rem; --ui-space-2: .5rem; --ui-space-3: .75rem;
    --ui-space-4: 1rem; --ui-space-5: 1.25rem; --ui-space-6: 1.5rem; --ui-space-7: 2rem;
    --ui-space-8: 2.5rem; --ui-space-9: 3rem; --ui-space-10: 4rem; --ui-space-11: 5rem; --ui-space-12: 6rem;

    --ui-radius-xs: .5rem; --ui-radius-sm: .75rem; --ui-radius-md: 1rem; --ui-radius-lg: 1.375rem;
    --ui-radius-xl: 1.875rem; --ui-radius-2xl: 2.5rem; --ui-radius-pill: 999rem;

    --ui-size-control-sm: 2.125rem; --ui-size-control: 2.75rem; --ui-size-control-lg: 3.25rem; --ui-size-header: 4.5rem;
    --ui-font-xs: .75rem; --ui-font-sm: .875rem; --ui-font-md: 1rem; --ui-font-lg: 1.125rem;
    --ui-font-xl: 1.375rem; --ui-font-2xl: clamp(1.9rem,2.8vw,2.9rem); --ui-font-3xl: clamp(3rem,6.6vw,6.25rem);
    --ui-line-tight: 1.02; --ui-line-title: 1.12; --ui-line-body: 1.65;

    --ui-container: 78rem; --ui-container-wide: 94rem; --ui-readable: 45rem; --ui-sidebar: 17rem;
    --ui-duration-fast: 120ms; --ui-duration: 220ms; --ui-ease: cubic-bezier(.2,.8,.2,1);
    --ui-z-header: 100; --ui-z-popover: 240; --ui-z-overlay: 400; --ui-z-dialog: 500; --ui-z-toast: 700;
    --ui-brand-orange: #ffb347; --ui-brand-coral: #ff6b6b; --ui-brand-pink: #f45b8c;
    --ui-brand-navy: #0b1020; --ui-brand-ivory: #faf7f2;
    --ui-brand-gradient: linear-gradient(105deg,var(--ui-brand-orange) 0%,var(--ui-brand-coral) 52%,var(--ui-brand-pink) 100%);
  }

  html[data-ui-theme="dark"],html:not([data-ui-theme]) {
    color-scheme: dark;
    --ui-page: #0b1020;
    --ui-page-alt: #10172a;
    --ui-page-warm: #17182b;
    --ui-surface: #131a2d;
    --ui-surface-raised: #192238;
    --ui-surface-muted: #222d46;
    --ui-surface-inset: #080d1a;
    --ui-text: #fff9f2;
    --ui-text-muted: #d4ccd0;
    --ui-text-subtle: #a9a2ad;
    --ui-text-disabled: #777584;
    --ui-text-inverse: #14101a;
    --ui-border: rgba(255,249,242,.10);
    --ui-border-strong: rgba(255,249,242,.20);
    --ui-accent: #f45b8c;
    --ui-accent-hover: #ff709c;
    --ui-accent-strong: #ef3f79;
    --ui-accent-soft: rgba(244,91,140,.15);
    --ui-secondary: #ffb347;
    --ui-secondary-soft: rgba(255,179,71,.14);
    --ui-gold: #e7b86d;
    --ui-gold-soft: rgba(231,184,109,.13);
    --ui-success: #69d9ae; --ui-success-soft: rgba(105,217,174,.13);
    --ui-warning: #efc575; --ui-warning-soft: rgba(239,197,117,.13);
    --ui-danger: #ff7a91; --ui-danger-soft: rgba(255,122,145,.14);
    --ui-info: #7bbfff; --ui-info-soft: rgba(123,191,255,.13);
    --ui-overlay: rgba(4,7,15,.80);
    --ui-header: rgba(11,16,32,.89);
    --ui-hero: linear-gradient(135deg,#0b1020 0%,#17182b 48%,#11172a 100%);
    --ui-hero-glow: rgba(244,91,140,.17);
    --ui-shadow-sm: 0 .65rem 1.8rem rgba(0,0,0,.18);
    --ui-shadow-md: 0 1.5rem 4rem rgba(0,0,0,.30);
    --ui-shadow-lg: 0 2.5rem 7rem rgba(0,0,0,.46);
    --ui-focus: 0 0 0 .2rem rgba(255,92,132,.34);
  }

  html[data-ui-theme="light"] {
    color-scheme: light;
    --ui-page: #faf7f2;
    --ui-page-alt: #f2ece4;
    --ui-page-warm: #f8e8df;
    --ui-surface: #fffdfb;
    --ui-surface-raised: #f8f3ed;
    --ui-surface-muted: #eee6dd;
    --ui-surface-inset: #e8ded5;
    --ui-text: #25252b;
    --ui-text-muted: #55515a;
    --ui-text-subtle: #77717b;
    --ui-text-disabled: #9a949d;
    --ui-text-inverse: #fffaf5;
    --ui-border: rgba(37,37,43,.11);
    --ui-border-strong: rgba(37,37,43,.20);
    --ui-accent: #d83f70;
    --ui-accent-hover: #c83262;
    --ui-accent-strong: #be2858;
    --ui-accent-soft: rgba(216,63,112,.10);
    --ui-secondary: #b86713;
    --ui-secondary-soft: rgba(184,103,19,.10);
    --ui-gold: #956424;
    --ui-gold-soft: rgba(149,100,36,.10);
    --ui-success: #176f52; --ui-success-soft: rgba(23,111,82,.10);
    --ui-warning: #87580d; --ui-warning-soft: rgba(135,88,13,.11);
    --ui-danger: #b82e49; --ui-danger-soft: rgba(184,46,73,.10);
    --ui-info: #256796; --ui-info-soft: rgba(37,103,150,.10);
    --ui-overlay: rgba(23,20,28,.54);
    --ui-header: rgba(250,247,242,.92);
    --ui-hero: linear-gradient(135deg,#fffaf4 0%,#f8e8df 47%,#f0e8ec 100%);
    --ui-hero-glow: rgba(216,63,112,.13);
    --ui-shadow-sm: 0 .65rem 1.8rem rgba(58,37,47,.07);
    --ui-shadow-md: 0 1.5rem 4rem rgba(58,37,47,.11);
    --ui-shadow-lg: 0 2.5rem 7rem rgba(58,37,47,.17);
    --ui-focus: 0 0 0 .2rem rgba(220,60,108,.24);
  }
}

@layer tokens {
  :root {
    --ui-page-gutter: clamp(.75rem,2.2vw,1.5rem);
    --ui-section-gap: clamp(2.25rem,5vw,4.5rem);
    --ui-panel-padding: clamp(1rem,2.4vw,1.5rem);
    --ui-card-gap: clamp(.75rem,1.8vw,1.25rem);
    --ui-card-radius: var(--ui-radius-xl);
    --ui-card-cover-wide: 10.5rem;
    --ui-card-cover-mobile: 7rem;
    --ui-topbar-blur: 1.35rem;
    --ui-topbar-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08);
  }
}

/* source: 01-base.css */
@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth;text-size-adjust:100%;background:var(--ui-page)}
  body{margin:0;min-width:20rem;min-height:100vh}
  body.menu-open,body.workspace-menu-open,body.admin-nav-open{overflow:hidden}
  img,svg,video,canvas{display:block;max-width:100%}
  button,input,select,textarea{font:inherit}
  button{cursor:pointer}
  a{color:inherit;text-decoration:none}
  table{border-collapse:collapse;border-spacing:0}
  fieldset{min-width:0;margin:0;padding:0;border:0}
  summary{cursor:pointer;list-style:none}
  summary::-webkit-details-marker{display:none}
  [hidden]{display:none}
}

@layer base {
  body{
    background:var(--ui-page);
    color:var(--ui-text);
    font:400 var(--ui-font-md)/var(--ui-line-body) var(--ui-font-sans);
    text-rendering:optimizeLegibility;
  }
  main{min-height:65vh;background:var(--ui-page)}
  ::selection{background:var(--ui-accent);color:#fff}
  h1,h2,h3,h4,p{overflow-wrap:anywhere}
  h1,h2,h3,h4{margin:0;color:var(--ui-text);font-weight:780;line-height:var(--ui-line-title);letter-spacing:-.025em;text-wrap:balance}
  p{margin:0;color:var(--ui-text-muted);text-wrap:pretty}
  small{color:var(--ui-text-subtle)}
  strong,b{color:inherit}
  hr{border:0;border-top:1px solid var(--ui-border)}
  code,pre{font-family:var(--ui-font-mono)}
  :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{
    outline:2px solid var(--ui-accent);
    outline-offset:3px;
    box-shadow:var(--ui-focus);
  }
  :where(input,select,textarea):focus-visible{outline-offset:1px}
}

/* Accessibility primitive: content remains available to assistive technology
   without ever entering the visible document flow. */
.sr-only,
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* source: 09-design-system.css */
@layer pages {
  .ds-page{width:min(var(--ui-container),calc(100% - 2 * var(--ui-page-gutter)));margin:auto;padding-block:var(--ui-space-7) var(--ui-space-10)}
  .ds-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-6);margin-bottom:var(--ui-space-7);padding:var(--ui-space-7);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:linear-gradient(145deg,var(--ui-accent-soft),var(--ui-secondary-soft)),var(--ui-surface)}
  .ds-hero h1{margin:.35rem 0;font-size:var(--ui-font-3xl)}
  .ds-hero p{max-width:var(--ui-readable)}
  .ds-version{flex:none;padding:.5rem .75rem;border-radius:var(--ui-radius-pill);background:var(--ui-text);color:var(--ui-text-inverse);font-size:var(--ui-font-xs);font-weight:800}
  .ds-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4)}
  .ds-brand-preview,.ds-brand-rules{display:grid;align-content:start;gap:.55rem;min-height:15rem;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg)}
  .ds-brand-preview img{width:min(100%,13rem);height:8rem;object-fit:contain;justify-self:center}
  .ds-brand-preview strong,.ds-brand-rules>strong{font-size:var(--ui-font-lg)}
  .ds-brand-preview small{color:currentColor;opacity:.72}
  .ds-brand-preview--dark{background:var(--ui-brand-navy);color:var(--ui-brand-ivory)}
  .ds-brand-preview--light{background:var(--ui-brand-ivory);color:var(--ui-text-inverse)}
  .ds-brand-rules{background:var(--ui-surface-raised)}
  .ds-brand-rules ul{display:grid;gap:.5rem;padding-left:1.15rem;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .ds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-5)}
  .ds-section{grid-column:1/-1;padding:var(--ui-space-6);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .ds-section--half{grid-column:auto}
  .ds-section>header{margin-bottom:var(--ui-space-5)}
  .ds-section>header h2{font-size:var(--ui-font-xl)}
  .ds-stack{display:flex;flex-wrap:wrap;gap:.75rem}
  .ds-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
  .ds-swatch{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .ds-swatch__sample{display:block;height:5rem}
  .ds-swatch__sample--page{background:var(--ui-page)}
  .ds-swatch__sample--surface{background:var(--ui-surface)}
  .ds-swatch__sample--accent{background:var(--ui-accent)}
  .ds-swatch__sample--secondary{background:var(--ui-secondary)}
  .ds-swatch__sample--success{background:var(--ui-success)}
  .ds-swatch__sample--warning{background:var(--ui-warning)}
  .ds-swatch__sample--danger{background:var(--ui-danger)}
  .ds-swatch__sample--info{background:var(--ui-info)}
  .ds-swatch span{display:grid;gap:.15rem;padding:.75rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}
  .ds-swatch code{color:var(--ui-text-subtle)}
  .ds-type-sample{display:grid;gap:var(--ui-space-4)}
  .ds-type-display{font-size:var(--ui-font-3xl);font-weight:800;line-height:1}
  .ds-type-editorial{font:400 1.25rem/1.8 var(--ui-font-serif)}
  .ds-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .ds-form-grid__wide{grid-column:1/-1}
  .ds-card-sample{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4)}
  .ds-component-card{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}
  .ds-feedback-stack{display:grid;gap:.65rem;margin-top:var(--ui-space-5)}
}

/* source: 02-components.css */
@layer components {
  .button,button.button,a.button{
    display:inline-flex;min-height:var(--ui-size-control);align-items:center;justify-content:center;gap:var(--ui-space-2);
    padding:0 1.125rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);
    background:var(--ui-surface-raised);color:var(--ui-text);font-size:var(--ui-font-sm);font-weight:760;line-height:1.1;
    transition:transform var(--ui-duration-fast) var(--ui-ease),background var(--ui-duration-fast) var(--ui-ease),border-color var(--ui-duration-fast) var(--ui-ease),box-shadow var(--ui-duration-fast) var(--ui-ease);
  }
  .button:hover{background:var(--ui-surface-muted);border-color:var(--ui-border-strong);transform:translateY(-1px)}
  .button:active{transform:none}
  .button.primary{border-color:transparent;background:var(--ui-brand-gradient);color:#fff;box-shadow:0 .625rem 1.75rem color-mix(in srgb,var(--ui-accent) 24%,transparent)}
  .button.primary:hover{background:linear-gradient(105deg,#ffc162 0%,#ff7a72 52%,#ff6c9e 100%);box-shadow:0 .875rem 2.125rem color-mix(in srgb,var(--ui-accent) 30%,transparent)}
  .button.secondary,.button.ghost{background:var(--ui-surface);color:var(--ui-text)}
  .button.light{border-color:transparent;background:#fff;color:#1c1920}
  .button.danger,.button.danger-outline{border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}
  .button.success{border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}
  .button.compact{min-height:var(--ui-size-control-sm);padding:0 .875rem;font-size:var(--ui-font-xs)}
  .button.large{min-height:var(--ui-size-control-lg);padding:0 1.5rem;font-size:var(--ui-font-md)}
  .button.wide{width:100%}
  .button[disabled],button[disabled]{cursor:not-allowed;opacity:.52;transform:none}

  .icon-action,.icon-button,.close-button,.dialog-close,.studio-icon-button,.icon-danger-button{
    display:inline-grid;width:var(--ui-size-control);height:var(--ui-size-control);place-items:center;padding:0;
    border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);color:var(--ui-text-muted);
  }
  .icon-action:hover,.icon-button:hover,.close-button:hover,.dialog-close:hover,.studio-icon-button:hover{background:var(--ui-surface-muted);color:var(--ui-text)}
  .icon-action svg,.icon-button svg,.theme-toggle svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  .theme-toggle{display:grid;width:var(--ui-size-control);height:var(--ui-size-control);place-items:center;padding:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);color:var(--ui-text-muted)}
  .theme-toggle:hover{background:var(--ui-surface-muted);color:var(--ui-text)}
  html[data-ui-theme="dark"] .theme-sun,html[data-ui-theme="light"] .theme-moon{display:none}

  :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    width:100%;min-height:var(--ui-size-control);border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);
    background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:none;
    transition:border-color var(--ui-duration-fast) var(--ui-ease),background var(--ui-duration-fast) var(--ui-ease),box-shadow var(--ui-duration-fast) var(--ui-ease);
  }
  :where(input:not([type="checkbox"]):not([type="radio"]),select){padding:0 .875rem}
  textarea{min-height:7rem;padding:.75rem .875rem;resize:vertical}
  :where(input,select,textarea)::placeholder{color:var(--ui-text-disabled);opacity:1}
  :where(input,select,textarea):hover{border-color:var(--ui-border-strong)}
  :where(input,select,textarea):focus{border-color:var(--ui-accent);background:var(--ui-surface)}
  :where(input[type="checkbox"],input[type="radio"]){accent-color:var(--ui-accent)}
  label>span,label>strong,legend{display:block;margin-bottom:var(--ui-space-2);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:760;letter-spacing:.055em;text-transform:uppercase}

  .panel,.glass-panel,.form-panel,.content-section,.workspace-section,.admin-workspace-panel,.security-card,.metric-group,.commerce-editor,.commerce-notice{
    border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);
  }
  .panel,.form-panel,.content-section,.workspace-section,.admin-workspace-panel,.security-card{padding:var(--ui-space-6)}
  .panel-flat{box-shadow:none}
  .panel-head,.admin-section-head,.reader-section-head,.workspace-section-title,.home-section-head,.analytics-panel-head{
    display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)
  }
  .panel-head h2,.admin-section-head h2,.reader-section-head h2,.workspace-section-title h2{font-size:var(--ui-font-2xl)}

  .section-label,.overline,.eyebrow,.admin-kicker,.workspace-kicker,.reader-kicker,.ds-kicker{
    display:inline-block;color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase
  }
  .muted,.subtle{color:var(--ui-text-subtle)}
  .danger-text,.error{color:var(--ui-danger)}
  .warning-text{color:var(--ui-warning)}

  .status,.role-badge,.project-meta-chip,.assignment-chip,.moderation-sla,.section-count,.system-build-chip{
    display:inline-flex;min-height:1.75rem;align-items:center;justify-content:center;padding:.25rem .625rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);
    background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:760;line-height:1
  }
  .status.success,.status.published,.status.complete,.status.ok,.assignment-chip.free{border-color:color-mix(in srgb,var(--ui-success) 35%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}
  .status.pending,.status.warning,.section-count.warning,.moderation-sla.warning{border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));background:var(--ui-warning-soft);color:var(--ui-warning)}
  .status.rejected,.status.danger,.section-count.danger,.moderation-sla.breached{border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}
  .status.draft{background:var(--ui-secondary-soft);color:var(--ui-secondary)}

  .alert,.info-banner,.warning-banner,.project-inline-alert,.admin-override-hint,.compatibility-note{
    padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised);color:var(--ui-text-muted)
  }
  .alert.error,.warning-banner{border-color:color-mix(in srgb,var(--ui-danger) 32%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}
  .alert.success{border-color:color-mix(in srgb,var(--ui-success) 32%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}

  .empty-state,.empty-state-card,.reader-empty,.workspace-empty-state,.admin-empty-state,.admin-success-state,.inline-empty,.admin-empty-inline,.attention-empty{
    display:grid;place-items:center;gap:var(--ui-space-3);min-height:9rem;padding:var(--ui-space-7);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);color:var(--ui-text-subtle);text-align:center
  }
  .admin-success-state{grid-template-columns:auto 1fr;place-items:start;text-align:left}
  .admin-success-state>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-success-soft);color:var(--ui-success);font-weight:900}

  dialog.platform-dialog,.platform-dialog,.modal-card,.dialog-card,.menu-card{
    border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-lg)
  }
  dialog.platform-dialog{width:min(42rem,calc(100% - 2rem));padding:0}
  dialog::backdrop,.modal-layer,.menu-backdrop,.preview-backdrop{background:var(--ui-overlay);backdrop-filter:blur(.35rem)}
  .dialog-head,.modal-head,.package-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-5);border-bottom:1px solid var(--ui-border)}
  .dialog-body,.modal-card>div:not(.modal-head),.package-dialog-shell{padding:var(--ui-space-5)}
  .dialog-actions,.modal-actions,.inline-actions,.page-actions,.head-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ui-space-3)}
}

@layer components {
  [data-ui-progress]{width:var(--ui-progress,0%)}
  [data-ui-height]{height:var(--ui-chart-value,0%)}
}


@layer components {
  .ui-progress{overflow:hidden;height:.45rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-inset)}
  .ui-progress>i{display:block;height:100%;border-radius:inherit;background:var(--ui-brand-gradient)}
  .ui-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--ui-space-4);padding:var(--ui-space-6);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}
  .ui-empty-state__mark{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:1.35rem}
  .ui-empty-state h2{font-size:var(--ui-font-lg)}
  .ui-empty-state p{margin:.35rem 0 1rem;color:var(--ui-text-muted)}
}
/* source: 03-shell.css */
@layer layouts {
  .skip-link{position:fixed;z-index:1000;top:var(--ui-space-3);left:var(--ui-space-3);padding:.65rem 1rem;border-radius:var(--ui-radius-sm);background:var(--ui-accent);color:#fff;transform:translateY(-180%);transition:transform var(--ui-duration-fast) var(--ui-ease)}
  .skip-link:focus{transform:none}

  .site-header{position:sticky;z-index:var(--ui-z-header);top:0;border-bottom:1px solid var(--ui-border);background:var(--ui-header);backdrop-filter:blur(1.35rem) saturate(145%)}
  .header-inner{display:flex;width:min(var(--ui-container-wide),calc(100% - 2rem));height:var(--ui-size-header);align-items:center;gap:var(--ui-space-6);margin:auto}
  .brand,.workspace-brand{display:inline-flex;align-items:center;gap:.72rem;min-width:max-content;color:var(--ui-text)}
  .brand-mark{position:relative;display:block;width:3.05rem;height:2.3rem;flex:0 0 auto;filter:drop-shadow(0 .45rem .9rem color-mix(in srgb,var(--ui-accent) 13%,transparent))}
  .brand-mark__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
  .brand-mark__image--ink{display:none}
  html[data-ui-theme="light"] .brand-mark__image--gradient{display:none}
  html[data-ui-theme="light"] .brand-mark__image--ink{display:block}
  .brand-copy{display:grid;gap:.18rem;line-height:1}
  .brand-name{font:760 1.12rem/1 var(--ui-font-display);letter-spacing:-.035em;white-space:nowrap}
  .brand-name b{background:var(--ui-brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:820}
  .brand-context{color:var(--ui-text-subtle);font:800 .58rem/1 var(--ui-font-sans);letter-spacing:.14em;text-transform:uppercase}
  .footer-brand .brand-mark{width:3.55rem;height:2.68rem}

  .main-nav{display:flex;align-items:center;gap:.15rem;min-width:0}
  .main-nav a{display:inline-flex;min-height:2.55rem;align-items:center;padding:0 .85rem;border-radius:var(--ui-radius-pill);color:var(--ui-text-subtle);font-size:var(--ui-font-sm);font-weight:720;white-space:nowrap;transition:background var(--ui-duration-fast),color var(--ui-duration-fast),transform var(--ui-duration-fast)}
  .main-nav a:hover{background:var(--ui-surface-raised);color:var(--ui-text);transform:translateY(-1px)}
  .main-nav a.active{background:var(--ui-text);color:var(--ui-text-inverse);box-shadow:var(--ui-shadow-sm)}

  .header-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}
  .login-link{padding:.55rem .75rem;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:720}.login-link:hover{color:var(--ui-text)}
  .notification-link{position:relative}.notification-link b{position:absolute;top:-.35rem;right:-.35rem;display:grid;min-width:1.2rem;height:1.2rem;place-items:center;padding:0 .25rem;border:2px solid var(--ui-page);border-radius:999px;background:var(--ui-danger);color:#fff;font-size:.62rem}

  .account-menu{position:relative}.account-menu>summary{display:flex;min-height:var(--ui-size-control);align-items:center;gap:.6rem;padding:.25rem .65rem .25rem .3rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-sm)}
  .account-menu>summary>span:first-child,.account-identity>span:first-child{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-text);color:var(--ui-text-inverse);font-size:var(--ui-font-sm);font-weight:800}
  .account-menu>summary em{max-width:9rem;overflow:hidden;color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-style:normal;font-weight:760;text-overflow:ellipsis;white-space:nowrap}
  .account-menu>summary svg{width:1rem;height:1rem;fill:none;stroke:currentColor}
  .account-popover{position:absolute;z-index:var(--ui-z-popover);top:calc(100% + .65rem);right:0;display:grid;width:min(20rem,calc(100vw - 2rem));padding:.5rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
  .account-popover::before{content:"";position:absolute;right:1.25rem;bottom:100%;border:.45rem solid transparent;border-bottom-color:var(--ui-border)}
  .account-identity{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;margin-bottom:.4rem;padding:.75rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .account-identity strong,.account-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity small{font-size:var(--ui-font-xs)}
  .account-popover>a,.account-popover form button{display:flex;width:100%;min-height:2.4rem;align-items:center;padding:0 .75rem;border:0;border-radius:var(--ui-radius-xs);background:transparent;color:var(--ui-text-muted);font-size:var(--ui-font-sm);text-align:left}
  .account-popover>a:hover,.account-popover form button:hover{background:var(--ui-surface-raised);color:var(--ui-text)}.account-popover .account-highlight{color:var(--ui-accent)}.account-popover form{margin:0;border-top:1px solid var(--ui-border);padding-top:.35rem}

  .mobile-menu-button,.admin-nav-toggle,.workspace-menu-button{display:none;width:var(--ui-size-control);height:var(--ui-size-control);place-items:center;padding:.65rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface)}
  .mobile-menu-button span,.admin-nav-toggle span,.workspace-menu-button span{display:block;width:100%;height:2px;border-radius:99px;background:var(--ui-text);transform-origin:center;transition:opacity var(--ui-duration-fast),transform var(--ui-duration-fast)}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(1),.admin-nav-toggle[aria-expanded="true"] span:nth-child(1),.workspace-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(2),.admin-nav-toggle[aria-expanded="true"] span:nth-child(2),.workspace-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-button[aria-expanded="true"] span:nth-child(3),.admin-nav-toggle[aria-expanded="true"] span:nth-child(3),.workspace-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav,.workspace-mobile-nav{display:none}

  .site-footer{border-top:1px solid var(--ui-border);background:var(--ui-page-alt)}
  .footer-inner{display:grid;width:min(var(--ui-container),calc(100% - 2rem));grid-template-columns:minmax(15rem,1.55fr) repeat(2,minmax(9rem,.7fr));gap:var(--ui-space-8);margin:auto;padding:var(--ui-space-10) 0 var(--ui-space-7)}
  .footer-brand p{max-width:27rem;margin-top:var(--ui-space-4);font-size:var(--ui-font-sm)}
  .site-footer nav{display:grid;align-content:start;gap:.5rem}.site-footer nav strong{margin-bottom:.35rem;color:var(--ui-text);font-size:var(--ui-font-sm)}
  .site-footer nav a,.footer-meta a{color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}.site-footer nav a:hover,.footer-meta a:hover{color:var(--ui-text)}
  .footer-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding-top:var(--ui-space-5);border-top:1px solid var(--ui-border);color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.footer-meta span{margin-left:auto}
}

/* source: 04-reader.css */
@layer pages {
  .ui-reader main{overflow:hidden;background:var(--ui-page)}
  .public-experience :where(h1,h2){font-family:var(--ui-font-display);font-weight:700;letter-spacing:-.04em}
  .reader-section,.reader-content-tabs,.catalog-search-shell,.catalog-layout,.novel-hero-inner,.novel-body,.novel-gallery,.novel-reviews-inner,.author-profile,.series-public-hero,.reader-author-invite,.reader-trust{width:min(var(--ui-container),calc(100% - 3rem));margin-inline:auto}
  .reader-section{padding-block:var(--ui-space-10)}
  .reader-section+.reader-section{padding-top:var(--ui-space-5)}
  .reader-section-soft{padding:var(--ui-space-7);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .reader-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--ui-space-6);margin-bottom:var(--ui-space-6)}
  .reader-section-head>div>span,.reader-kicker{display:block;margin-bottom:.35rem;color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.13em;text-transform:uppercase}
  .reader-section-head h2{font-size:var(--ui-font-2xl)}
  .reader-section-head>div>p{max-width:47rem;margin-top:.5rem}.reader-section-head>a{color:var(--ui-secondary);font-size:var(--ui-font-sm);font-weight:780;white-space:nowrap}


  .experience-search{position:relative;z-index:4;width:min(70rem,calc(100% - 3rem));margin:-2.25rem auto 0;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
  .experience-search form,.catalog-search{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.8rem}
  .experience-search svg,.catalog-search svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--ui-text-subtle);stroke-width:1.8;stroke-linecap:round}
  .experience-search input,.catalog-search input{border:0;background:transparent;box-shadow:none}.experience-search input:focus,.catalog-search input:focus{background:transparent}
  .experience-search button{min-height:2.85rem;padding:0 1.25rem;border:0;border-radius:var(--ui-radius-pill);background:var(--ui-text);color:var(--ui-text-inverse);font-weight:800}
  .experience-search nav,.catalog-quick-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--ui-border)}
  .experience-search nav a,.catalog-quick-links a{padding:.4rem .7rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:700}.experience-search nav a:hover,.catalog-quick-links a:hover{background:var(--ui-surface-muted);color:var(--ui-text)}

  .reader-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-5)}
  .reader-card-rail{display:flex;gap:var(--ui-space-4);overflow-x:auto;padding:.35rem .1rem 1rem;scroll-snap-type:x proximity;scrollbar-width:thin}.reader-card-rail>.reader-card{flex:0 0 17rem;scroll-snap-align:start}
  .catalog-unified-grid,.series-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-5)}
  .catalog-unified-grid>.reader-card{display:grid;grid-template-columns:10.5rem minmax(0,1fr);min-height:17.5rem}
  .catalog-unified-grid>.reader-card .reader-card-cover{height:100%;min-height:17.5rem;aspect-ratio:auto}
  .catalog-unified-grid>.reader-card .reader-card-body{padding:var(--ui-space-5)}

  .reader-card{display:flex;overflow:hidden;min-width:0;flex-direction:column;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),border-color var(--ui-duration) var(--ui-ease)}
  .reader-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-md);transform:translateY(-4px)}
  .reader-card-cover{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;background:var(--ui-surface-muted)}
  .reader-card-cover::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(11,8,11,.36),transparent);opacity:0;transition:opacity var(--ui-duration)}.reader-card:hover .reader-card-cover::after{opacity:1}
  .reader-card-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ui-ease)}.reader-card:hover .reader-card-cover>img{transform:scale(1.035)}
  .story-cover-fallback,.series-cover-fallback,.cover-placeholder{display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:.4rem;background:linear-gradient(145deg,var(--ui-secondary-soft),var(--ui-accent-soft)),var(--ui-surface-muted);color:var(--ui-text)}
  .story-cover-fallback span,.series-cover-fallback span{font-family:var(--ui-font-display);font-size:clamp(2rem,6vw,4rem);font-weight:700}.story-cover-fallback small,.series-cover-fallback small{color:var(--ui-text-muted);font-size:var(--ui-font-xs);letter-spacing:.12em;text-transform:uppercase}
  .reader-card-age,.reader-card-status,.reader-card-series{position:absolute;z-index:2;top:.7rem;padding:.32rem .55rem;border-radius:var(--ui-radius-pill);background:rgba(15,12,15,.72);color:#fff;font-size:.65rem;font-weight:780;backdrop-filter:blur(.5rem)}.reader-card-age{right:.7rem}.reader-card-status,.reader-card-series{left:.7rem}.reader-card-status.complete{background:rgba(18,99,73,.78)}
  .reader-card-open{position:absolute;z-index:3;right:.75rem;bottom:.75rem;display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#1b1519;box-shadow:0 .5rem 1.2rem rgba(0,0,0,.18);opacity:0;transform:translateY(.5rem);transition:opacity var(--ui-duration),transform var(--ui-duration)}.reader-card:hover .reader-card-open{opacity:1;transform:none}.reader-card-open svg{width:1.1rem;fill:currentColor}
  .reader-card-body{display:flex;min-width:0;flex:1;flex-direction:column;padding:var(--ui-space-4)}
  .reader-series-link{margin-bottom:.55rem;color:var(--ui-secondary);font-size:.7rem;font-weight:780}
  .reader-card-kicker,.series-card-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:760;text-transform:uppercase}.reader-card-kicker a{color:var(--ui-secondary)}
  .reader-card h3,.series-card-body h3{margin:.55rem 0 .45rem;font-family:var(--ui-font-display);font-size:1.25rem;line-height:1.08;letter-spacing:-.025em}.reader-card h3 a,.series-card-body h3 a{display:block}
  .reader-card-body>p,.series-card-body>p{display:-webkit-box;overflow:hidden;margin-bottom:.8rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .reader-card-facts,.series-card-facts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.reader-card-facts span,.series-card-facts span,.series-card-facts strong{padding:.28rem .48rem;border-radius:var(--ui-radius-xs);background:var(--ui-surface-raised)}
  .access-tone-paid{color:var(--ui-accent)}.access-tone-free{color:var(--ui-success)}.access-tone-mixed{color:var(--ui-secondary)}
  .reader-progress{margin-top:.8rem}.reader-progress>div{height:.28rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.reader-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}.reader-progress>span{display:block;margin-top:.35rem;color:var(--ui-text-subtle);font-size:.68rem}
  .reader-card-footer,.series-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--ui-border)}
  .reader-card-author{display:flex;min-width:0;align-items:center;gap:.45rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.reader-card-author i{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:800}.reader-card-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-card-action{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:820;white-space:nowrap}
  .reader-card-featured{grid-column:span 2;display:grid;grid-template-columns:minmax(12rem,.9fr) minmax(0,1.1fr)}.reader-card-featured .reader-card-cover{height:100%;aspect-ratio:auto}.reader-card-featured .reader-card-body{padding:var(--ui-space-6)}.reader-card-featured h3{font-size:clamp(1.45rem,2vw,2rem)}

  .series-card{display:grid;grid-template-columns:10.5rem minmax(0,1fr);overflow:hidden;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);transition:transform var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),border-color var(--ui-duration)}
  .series-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-md);transform:translateY(-4px)}
  .series-card-cover{position:relative;overflow:hidden;min-height:17.5rem;background:var(--ui-surface-muted)}.series-card-cover img,.series-card-cover>.series-cover-fallback{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ui-ease)}.series-card:hover .series-card-cover img{transform:scale(1.035)}
  .series-card-cover>span,.series-card-cover>i{position:absolute;left:.7rem;padding:.32rem .55rem;border-radius:var(--ui-radius-pill);background:rgba(15,12,15,.72);color:#fff;font-size:.65rem;font-style:normal;font-weight:780;backdrop-filter:blur(.5rem)}.series-card-cover>span{top:.7rem}.series-card-cover>i{bottom:.7rem}
  .series-card-body{display:flex;min-width:0;flex-direction:column;padding:var(--ui-space-5)}.series-card-compact{grid-template-columns:8rem minmax(0,1fr)}.series-card-compact .series-card-cover{min-height:13rem}.series-card-compact .series-card-body{padding:var(--ui-space-4)}
  .series-card-footer>a:first-child{overflow:hidden;color:var(--ui-text-muted);font-size:var(--ui-font-xs);text-overflow:ellipsis;white-space:nowrap}

  .continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.continue-card{display:grid;grid-template-columns:6.25rem minmax(0,1fr);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.continue-cover{background:var(--ui-surface-muted)}.continue-cover img,.continue-cover>.story-cover-fallback{width:100%;height:100%;object-fit:cover}.continue-copy{display:flex;min-width:0;flex-direction:column;padding:var(--ui-space-4)}.continue-copy>span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.continue-copy h3{margin:.25rem 0;font-family:var(--ui-font-display);font-size:1.05rem}.continue-copy p{font-size:var(--ui-font-xs)}.continue-progress{height:.28rem;margin-top:auto;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.continue-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}.continue-copy>div:last-child{display:flex;justify-content:space-between;margin-top:.45rem}.continue-copy>div:last-child a{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800}

  .reader-trust{display:grid;grid-template-columns:repeat(3,1fr);margin-block:var(--ui-space-9);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.reader-trust>div{position:relative;padding:var(--ui-space-7);border-right:1px solid var(--ui-border)}.reader-trust>div:last-child{border-right:0}.reader-trust i{display:block;margin-bottom:1.5rem;color:var(--ui-accent);font-family:var(--ui-font-display);font-size:1.5rem;font-style:normal}.reader-trust strong,.reader-trust span{display:block}.reader-trust strong{font-family:var(--ui-font-display);font-size:1.25rem}.reader-trust span{margin-top:.35rem;color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}
  .reader-author-invite{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:space-between;gap:var(--ui-space-7);margin-block:var(--ui-space-9);padding:clamp(2rem,5vw,4rem);border:1px solid rgba(255,255,255,.14);border-radius:var(--ui-radius-2xl);background:linear-gradient(135deg,#d93666,#6b45c8);color:#fff;box-shadow:var(--ui-shadow-md)}.reader-author-invite::after{content:"";position:absolute;right:-5rem;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 4rem rgba(255,255,255,.04),0 0 0 8rem rgba(255,255,255,.025)}.reader-author-invite>div,.reader-author-invite>a{position:relative;z-index:1}.reader-author-invite>div{max-width:50rem}.reader-author-invite span{font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.reader-author-invite h2,.reader-author-invite p{color:#fff}.reader-author-invite h2{margin:.35rem 0;font-size:var(--ui-font-2xl)}.reader-author-invite p{max-width:43rem;opacity:.84}

  .catalog-head{border-bottom:1px solid var(--ui-border);background:linear-gradient(180deg,var(--ui-page-warm),var(--ui-page));padding:var(--ui-space-10) 1.5rem var(--ui-space-8)}.catalog-head>div{width:min(var(--ui-container),100%);margin:auto}.catalog-head span{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.13em;text-transform:uppercase}.catalog-head h1{max-width:14ch;margin:.55rem 0 .6rem;font-size:clamp(2.8rem,5.8vw,5.4rem);line-height:.94}.catalog-head p{max-width:48rem;font-size:var(--ui-font-lg)}
  .reader-content-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--ui-space-7);padding:.35rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.reader-content-tabs a{display:grid;min-height:2.8rem;place-items:center;border-radius:var(--ui-radius-pill);color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:760}.reader-content-tabs a.active{background:var(--ui-text);color:var(--ui-text-inverse)}
  .catalog-search-shell{margin-top:var(--ui-space-4);padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .catalog-layout{display:grid;grid-template-columns:var(--ui-sidebar) minmax(0,1fr);gap:var(--ui-space-7);padding-block:var(--ui-space-8) var(--ui-space-11)}.catalog-layout-simple{grid-template-columns:1fr}.catalog-filters{position:sticky;top:calc(var(--ui-size-header) + 1.25rem);align-self:start;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.catalog-filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ui-space-4)}.catalog-filter-title strong{font-family:var(--ui-font-display);font-size:1.25rem}.catalog-filter-title button{display:none;border:0;background:transparent;color:var(--ui-text);font-size:1.5rem}.catalog-filters form{display:grid;gap:var(--ui-space-4)}.catalog-filters fieldset{display:grid;gap:.45rem}.catalog-filters legend{margin-bottom:.4rem}.filter-radio{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}.filter-radio span{display:block;margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:600;letter-spacing:0;text-transform:none}.catalog-reset{justify-self:center;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700}.catalog-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ui-space-4)}.catalog-results-head>div{display:flex;align-items:baseline;gap:.4rem}.catalog-results-head strong{font-family:var(--ui-font-display);font-size:1.6rem}.catalog-results-head span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.catalog-filter-mobile{display:none;min-height:2.5rem;padding:0 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);color:var(--ui-text);font-weight:760}.catalog-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ui-space-7);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}.catalog-pagination a{color:var(--ui-secondary);font-size:var(--ui-font-sm);font-weight:760}.catalog-filter-backdrop{display:none}
  .reader-empty{display:grid;min-height:22rem;place-items:center;align-content:center;gap:.6rem;padding:var(--ui-space-8);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-2xl);background:var(--ui-surface);text-align:center}.reader-empty i{color:var(--ui-accent);font-family:var(--ui-font-display);font-size:3rem;font-style:normal}.reader-empty h2{font-size:var(--ui-font-2xl)}.reader-empty p{max-width:32rem}
}

/* source: 04-hero-experience.css */
@layer pages {
  .experience-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--ui-border);background:var(--ui-hero)}
  .experience-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--ui-page) 97%,transparent) 0%,color-mix(in srgb,var(--ui-page) 84%,transparent) 42%,color-mix(in srgb,var(--ui-page) 48%,transparent) 72%,color-mix(in srgb,var(--ui-page) 74%,transparent) 100%)}
  .experience-hero::after{content:"";position:absolute;z-index:-1;right:-10rem;bottom:-18rem;width:42rem;height:42rem;border-radius:50%;border:1px solid color-mix(in srgb,var(--ui-accent) 16%,transparent);box-shadow:0 0 0 5rem color-mix(in srgb,var(--ui-accent) 3%,transparent),0 0 0 10rem color-mix(in srgb,var(--ui-secondary) 2%,transparent)}
  .experience-hero-art{position:absolute;z-index:-3;inset:0;background-image:var(--experience-art-image,url('/static/brand/hero-fantasy-world.webp'));background-position:center 45%;background-size:cover;opacity:var(--experience-art-opacity,.62);filter:saturate(.82) contrast(1.04);transform:scale(1.015)}
  html[data-ui-theme="light"] .experience-hero-art{opacity:calc(var(--experience-art-opacity,.62) * .42);filter:saturate(.62) contrast(.88)}
  .experience-hero-inner{display:grid;width:min(var(--ui-container-wide),calc(100% - 3rem));min-height:43rem;grid-template-columns:minmax(0,1.02fr) minmax(30rem,.98fr);align-items:center;gap:clamp(2.5rem,6vw,7rem);margin:auto;padding:clamp(4.5rem,8vw,7rem) 0}
  .experience-hero-copy{position:relative;z-index:5;max-width:48rem;text-shadow:0 .15rem 1.4rem color-mix(in srgb,var(--ui-page) 42%,transparent)}
  .experience-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.13em;text-transform:uppercase}.experience-eyebrow i{width:.55rem;height:.55rem;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 0 .35rem var(--ui-accent-soft)}
  .experience-hero h1{max-width:10ch;margin:1.1rem 0 1.25rem;font-size:clamp(3.6rem,6.2vw,6.15rem);line-height:.92;text-wrap:balance}
  .experience-hero-copy>p{max-width:39rem;color:var(--ui-text-muted);font-size:clamp(1.03rem,1.45vw,1.22rem);line-height:1.65}
  .experience-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.experience-actions .button{min-height:3.35rem;padding-inline:1.4rem;border-radius:var(--ui-radius-pill)}
  .experience-secondary{background:color-mix(in srgb,var(--ui-surface) 70%,transparent);backdrop-filter:blur(.8rem)}
  .experience-stats{display:flex;flex-wrap:wrap;gap:1.1rem 2rem;margin-top:2.7rem;padding-top:1.5rem;border-top:1px solid var(--ui-border)}
  .experience-stats div{display:grid;gap:.15rem}.experience-stats strong{font-family:var(--ui-font-display);font-size:1.5rem;line-height:1}.experience-stats span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}

  .experience-showcase{position:relative;z-index:4;height:36rem;min-width:0;perspective:1500px}
  .hero-carousel,.hero-carousel-stage{position:relative;width:100%;height:100%}
  .hero-carousel-stage{perspective:1500px;transform-style:preserve-3d}
  .hero-carousel.is-transitioning .hero-carousel-stage{pointer-events:none}
  .experience-orbit{position:absolute;inset:12% 4% 9%;border:1px solid color-mix(in srgb,var(--ui-border-strong) 75%,transparent);border-radius:50%;transform:rotate(-9deg)}
  .experience-orbit::before,.experience-orbit::after{content:"";position:absolute;border-radius:50%}.experience-orbit::before{width:.75rem;height:.75rem;left:6%;top:23%;background:var(--ui-accent);box-shadow:0 0 2rem var(--ui-accent)}.experience-orbit::after{width:.45rem;height:.45rem;right:9%;bottom:18%;background:var(--ui-gold);box-shadow:0 0 1.5rem var(--ui-gold)}
  .experience-cover{position:absolute;top:50%;left:50%;display:block;width:min(20rem,52%);overflow:hidden;aspect-ratio:2/3;border:1px solid color-mix(in srgb,var(--ui-border-strong) 80%,transparent);border-radius:var(--ui-radius-xl);background:var(--ui-surface-muted);box-shadow:var(--ui-shadow-lg);backface-visibility:hidden;transform-origin:center;will-change:transform,opacity,filter;transition:transform 1.08s cubic-bezier(.16,1,.3,1),opacity .82s cubic-bezier(.16,1,.3,1),filter .96s cubic-bezier(.16,1,.3,1),box-shadow .85s cubic-bezier(.16,1,.3,1)}
  .experience-cover img,.experience-cover>.story-cover-fallback{width:100%;height:100%;object-fit:cover}
  .hero-slide[data-hero-position="active"]{z-index:5;opacity:1;filter:saturate(1) brightness(1);transform:translate3d(-50%,-50%,4rem) rotate(1deg) scale(1)}
  .hero-slide[data-hero-position="left"]{z-index:2;opacity:.82;filter:saturate(.72) brightness(.72);transform:translate3d(-122%,-43%,-5rem) rotate(-8deg) scale(.8)}
  .hero-slide[data-hero-position="right"]{z-index:3;opacity:.86;filter:saturate(.76) brightness(.76);transform:translate3d(22%,-43%,-4rem) rotate(8deg) scale(.81)}
  .hero-slide[data-hero-position="far-left"]{z-index:1;opacity:0;pointer-events:none;filter:saturate(.55) brightness(.56) blur(.12rem);transform:translate3d(-176%,-37%,-10rem) rotate(-13deg) scale(.64)}
  .hero-slide[data-hero-position="far-right"]{z-index:1;opacity:0;pointer-events:none;filter:saturate(.55) brightness(.56) blur(.12rem);transform:translate3d(76%,-37%,-10rem) rotate(13deg) scale(.64)}
  .hero-slide[data-hero-position="hidden"]{z-index:0;opacity:0;pointer-events:none;filter:saturate(.45) brightness(.48) blur(.18rem);transform:translate3d(-50%,-34%,-14rem) rotate(0) scale(.58)}
  .hero-slide[data-hero-position="active"]:hover{box-shadow:0 1.8rem 4rem color-mix(in srgb,#000 58%,transparent);transform:translate3d(-50%,calc(-50% - .5rem),4rem) rotate(.3deg) scale(1.012)}
  .experience-cover-badge{position:absolute;z-index:3;top:1rem;left:1rem;max-width:calc(100% - 5rem);overflow:hidden;padding:.42rem .65rem;border:1px solid rgba(255,255,255,.25);border-radius:var(--ui-radius-pill);background:rgba(10,12,23,.62);color:#ffd5df;font-size:.64rem;font-weight:850;letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(.75rem);transition:opacity .55s var(--ui-ease),transform .8s cubic-bezier(.16,1,.3,1)}
  .hero-slide:not([data-hero-position="active"]) .experience-cover-badge{opacity:0;transform:translateY(-.4rem)}
  .experience-cover-play{position:absolute;z-index:3;top:1rem;right:1rem;display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(14,10,13,.55);color:#fff;backdrop-filter:blur(.7rem);transition:transform .45s var(--ui-ease),opacity .45s var(--ui-ease)}.experience-cover-play svg{width:1.15rem;fill:currentColor}.hero-slide:not([data-hero-position="active"]) .experience-cover-play{opacity:0;transform:scale(.86)}
  .hero-carousel-arrows{position:absolute;z-index:12;inset:50% -.75rem auto;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%)}
  .hero-carousel-arrows button{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(9,12,23,.68);color:#fff;box-shadow:var(--ui-shadow-sm);pointer-events:auto;backdrop-filter:blur(.8rem);transition:transform var(--ui-duration),background var(--ui-duration)}.hero-carousel-arrows button:hover{background:rgba(9,12,23,.9);transform:scale(1.06)}.hero-carousel-arrows svg{width:1.2rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .hero-carousel-dots{position:absolute;z-index:12;bottom:.2rem;left:50%;display:flex;gap:.45rem;transform:translateX(-50%)}
  .hero-carousel-dots button{width:.45rem;height:.45rem;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--ui-text) 28%,transparent);transition:width .55s cubic-bezier(.16,1,.3,1),background .45s var(--ui-ease)}.hero-carousel-dots button[aria-selected="true"]{width:1.35rem;border-radius:var(--ui-radius-pill);background:var(--ui-accent)}
  .experience-showcase-note{position:absolute;z-index:11;right:1%;bottom:1.8rem;display:grid;padding:.75rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-surface) 82%,transparent);box-shadow:var(--ui-shadow-sm);backdrop-filter:blur(1rem)}.experience-showcase-note span{color:var(--ui-text-subtle);font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.experience-showcase-note strong{font-family:var(--ui-font-display);font-size:1.05rem}
  .hero-carousel--single .hero-carousel-dots,.hero-carousel--single .hero-carousel-arrows{display:none}
}

@layer responsive {
  @media (max-width:1180px){
    .experience-hero-inner{min-height:39rem;grid-template-columns:minmax(0,1fr) minmax(24rem,.88fr);gap:var(--ui-space-8)}
    .experience-showcase{height:31rem}.experience-cover{width:min(18rem,54%)}
  }
  @media (max-width:820px){
    .experience-hero::before{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-page) 90%,transparent),color-mix(in srgb,var(--ui-page) 62%,transparent) 52%,color-mix(in srgb,var(--ui-page) 86%,transparent))}
    .experience-hero-art{background-position:64% center}
    .experience-hero-inner{width:calc(100% - 1.25rem);min-height:auto;grid-template-columns:1fr;gap:var(--ui-space-5);padding:var(--ui-space-8) 0 var(--ui-space-10)}
    .experience-hero-copy{max-width:43rem}.experience-hero h1{max-width:11ch;font-size:clamp(3rem,14vw,5rem)}.experience-hero-copy>p{font-size:var(--ui-font-md)}
    .experience-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.experience-stats span{font-size:.62rem}
    .experience-showcase{height:26rem}.experience-cover{width:min(15rem,56%)}.hero-slide[data-hero-position="left"]{transform:translate3d(-115%,-43%,-5rem) rotate(-8deg) scale(.72)}.hero-slide[data-hero-position="right"]{transform:translate3d(15%,-43%,-4rem) rotate(8deg) scale(.72)}
    .experience-showcase-note{right:0;bottom:.35rem}.hero-carousel-arrows{inset:46% .1rem auto}.hero-carousel-dots{bottom:.2rem}
  }
  @media (max-width:520px){
    .experience-hero-inner{padding-top:3rem}.experience-hero h1{font-size:clamp(2.85rem,15vw,4.2rem)}
    .experience-actions{display:grid;grid-template-columns:1fr 1fr}.experience-actions .button{padding-inline:.75rem}
    .experience-stats{gap:.4rem}.experience-stats strong{font-size:1.25rem}
    .experience-showcase{height:23rem}.experience-cover{width:min(13.6rem,59%)}.hero-slide[data-hero-position="left"]{transform:translate3d(-111%,-42%,-5rem) rotate(-8deg) scale(.68)}.hero-slide[data-hero-position="right"]{transform:translate3d(11%,-42%,-4rem) rotate(8deg) scale(.68)}
    .experience-showcase-note{display:none}.hero-carousel-arrows button{width:2.7rem;height:2.7rem}.experience-cover-badge{top:.75rem;left:.75rem;max-width:calc(100% - 4.25rem)}.experience-cover-play{top:.75rem;right:.75rem;width:2.35rem;height:2.35rem}
  }
  @media (prefers-reduced-motion:reduce){.experience-cover,.experience-cover-badge,.experience-cover-play,.hero-carousel-dots button{transition:none}}
}
@layer pages {
  .experience-hero--without-slider .experience-hero-inner{grid-template-columns:minmax(0,52rem);justify-content:start}
  .experience-hero--without-slider .experience-hero-copy{max-width:52rem}
}

/* source: 05-story-series.css */
@layer pages {
  .novel-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--ui-border);background:linear-gradient(135deg,var(--ui-page-warm),var(--ui-page-alt) 58%,var(--ui-page))}
  .novel-hero::before{content:"";position:absolute;z-index:-1;right:-14rem;bottom:-18rem;width:42rem;height:42rem;border:1px solid color-mix(in srgb,var(--ui-accent) 14%,transparent);border-radius:50%;box-shadow:0 0 0 6rem color-mix(in srgb,var(--ui-accent) 3%,transparent),0 0 0 12rem color-mix(in srgb,var(--ui-secondary) 2%,transparent)}
  .novel-hero-bg{position:absolute;z-index:-2;inset:0;overflow:hidden;opacity:0}.novel-hero-bg img{width:100%;height:100%;object-fit:cover}
  .novel-hero-inner{display:grid;min-height:38rem;grid-template-columns:minmax(15rem,21rem) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,6.5rem);padding-block:var(--ui-space-10)}
  .novel-cover{position:relative;overflow:hidden;aspect-ratio:2/3;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-xl);background:var(--ui-surface-muted);box-shadow:var(--ui-shadow-lg);transform:rotate(-1.2deg)}
  .novel-cover img,.novel-cover>.story-cover-fallback{width:100%;height:100%;object-fit:cover}.novel-cover>span{position:absolute;top:1rem;right:1rem;padding:.38rem .62rem;border-radius:var(--ui-radius-pill);background:rgba(14,10,13,.68);color:#fff;font-size:var(--ui-font-xs);font-weight:800;backdrop-filter:blur(.6rem)}
  .novel-copy{max-width:55rem}.novel-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin-bottom:1rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700}.novel-breadcrumb a:hover{color:var(--ui-accent)}
  .novel-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:.65rem}.novel-status-row>span,.series-public-badges span{padding:.35rem .6rem;border-radius:var(--ui-radius-pill);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.novel-status-row>span.complete{background:var(--ui-success-soft);color:var(--ui-success)}.novel-status-row small{font-size:var(--ui-font-xs)}
  .novel-copy h1{max-width:15ch;font-size:clamp(3rem,6.4vw,6rem);line-height:.9}.novel-hook{max-width:49rem;margin-top:1rem;font-size:clamp(1.02rem,1.6vw,1.25rem)}
  .novel-author{display:inline-flex;align-items:center;gap:.7rem;margin-top:1.35rem;color:var(--ui-text)}.novel-author i{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-text);color:var(--ui-text-inverse);font-style:normal;font-weight:850}.novel-author span small,.novel-author span strong{display:block}.novel-author span small{font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.novel-author span strong{font-size:var(--ui-font-sm)}
  .novel-facts{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.novel-facts>span{display:grid;min-width:7rem;padding:.75rem .9rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-surface) 72%,transparent);backdrop-filter:blur(.8rem)}.novel-facts b{font-family:var(--ui-font-display);font-size:1.15rem}.novel-facts small{font-size:.68rem}
  .novel-progress{max-width:38rem;margin-top:1.25rem}.novel-progress>div,.series-overall-progress>div{height:.35rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.novel-progress i,.series-overall-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}.novel-progress span,.series-overall-progress span{display:block;margin-top:.4rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .novel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.6rem}.novel-actions form{margin:0}.novel-actions .button{min-height:3.25rem;border-radius:var(--ui-radius-pill)}

  .novel-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(17rem,.65fr);gap:var(--ui-space-9);padding-block:var(--ui-space-10)}.novel-about{min-width:0}.novel-about h2{font-size:var(--ui-font-2xl)}.novel-lead{max-width:48rem;margin-top:1rem;color:var(--ui-text);font-family:var(--ui-font-display);font-size:clamp(1.25rem,2.2vw,1.8rem);line-height:1.45}.novel-prose{max-width:var(--ui-readable);margin-top:1.1rem;color:var(--ui-text-muted);white-space:pre-line}.novel-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.5rem}.novel-tags a{padding:.42rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:700}.novel-warning{margin-top:1.5rem;padding:var(--ui-space-4);border:1px solid color-mix(in srgb,var(--ui-warning) 30%,var(--ui-border));border-radius:var(--ui-radius-lg);background:var(--ui-warning-soft)}.novel-warning summary{color:var(--ui-warning);font-weight:760}.novel-warning p{margin-top:.6rem}
  .novel-side{display:grid;align-content:start;gap:var(--ui-space-4)}.novel-read-card,.novel-detail-card,.novel-author-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.novel-read-card{display:grid;gap:.65rem;padding:var(--ui-space-5)}.novel-read-card>span{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.novel-read-card>strong{font-family:var(--ui-font-display);font-size:2rem}.novel-read-card>small{line-height:1.55}.novel-detail-card{padding:var(--ui-space-5)}.novel-detail-card h3{margin-bottom:var(--ui-space-4);font-family:var(--ui-font-display);font-size:1.25rem}.novel-detail-card dl{display:grid;gap:.7rem;margin:0}.novel-detail-card dl>div{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.65rem;border-bottom:1px solid var(--ui-border)}.novel-detail-card dl>div:last-child{padding-bottom:0;border-bottom:0}.novel-detail-card dt{color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}.novel-detail-card dd{margin:0;color:var(--ui-text);font-size:var(--ui-font-sm);font-weight:760}.novel-author-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:var(--ui-space-4)}.novel-author-card i{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:850}.novel-author-card small,.novel-author-card strong,.novel-author-card span{display:block}.novel-author-card small,.novel-author-card span{font-size:var(--ui-font-xs)}.novel-author-card b{color:var(--ui-accent)}

  .story-series-strip{display:grid;width:min(var(--ui-container),calc(100% - 3rem));grid-template-columns:minmax(12rem,.7fr) minmax(0,1.8fr) auto;align-items:center;gap:var(--ui-space-6);margin:0 auto var(--ui-space-10);padding:var(--ui-space-6);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.story-series-strip h2{font-size:1.55rem}.story-series-strip p{font-size:var(--ui-font-xs)}.story-series-parts{display:flex;gap:.6rem;overflow-x:auto;padding:.25rem}.story-series-parts a{display:grid;flex:0 0 11rem;gap:.15rem;padding:.7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.story-series-parts a.current{border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));background:var(--ui-accent-soft)}.story-series-parts small,.story-series-parts span{font-size:.65rem}.story-series-parts span{color:var(--ui-accent)}

  .novel-gallery{padding-bottom:var(--ui-space-10)}.novel-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:12rem;gap:.75rem}.novel-gallery-grid button{overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-lg);background:var(--ui-surface-muted)}.novel-gallery-grid button:first-child{grid-column:span 2;grid-row:span 2}.novel-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ui-ease)}.novel-gallery-grid button:hover img{transform:scale(1.035)}
  .novel-reviews{border-block:1px solid var(--ui-border);background:var(--ui-page-alt)}.novel-reviews-inner{padding-block:var(--ui-space-10)}.novel-rating-form{display:grid;grid-template-columns:minmax(12rem,.5fr) minmax(0,1.5fr);gap:var(--ui-space-5);margin-top:var(--ui-space-6);padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:var(--ui-surface)}.novel-rating-score,.novel-rating-copy{display:grid;align-content:start;gap:.6rem}.novel-rating-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.novel-review-login{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}.novel-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4);margin-top:var(--ui-space-5)}.novel-review-grid article{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}.novel-review-grid header{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem}.novel-review-grid header i{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:850}.novel-review-grid header strong,.novel-review-grid header span{display:block}.novel-review-grid header span{color:var(--ui-gold);font-size:var(--ui-font-xs)}

  .reader-gallery-dialog{width:min(92rem,96vw);max-width:none;padding:0;border:0;border-radius:var(--ui-radius-xl);background:transparent;color:var(--ui-text)}.reader-gallery-dialog::backdrop{background:var(--ui-overlay);backdrop-filter:blur(.55rem)}.reader-gallery-shell{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-lg)}.reader-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--ui-border)}.reader-gallery-header span,.reader-gallery-header strong{display:block}.reader-gallery-header strong{font-size:var(--ui-font-xs);color:var(--ui-text-subtle)}.reader-gallery-close,.reader-gallery-nav{display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface-raised);color:var(--ui-text)}.reader-gallery-stage{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);min-height:70vh;padding:var(--ui-space-4);touch-action:pan-y}.reader-gallery-shell.is-loading .reader-gallery-stage::after{content:"";position:absolute;inset:50% auto auto 50%;width:2.5rem;height:2.5rem;margin:-1.25rem;border:.2rem solid var(--ui-border);border-top-color:var(--ui-accent);border-radius:50%;animation:ui-gallery-spin .8s linear infinite}@keyframes ui-gallery-spin{to{transform:rotate(360deg)}}.reader-gallery-stage figure{display:grid;place-items:center;margin:0}.reader-gallery-stage figure img{max-height:72vh;border-radius:var(--ui-radius-md)}.reader-gallery-stage figcaption{margin-top:.7rem;color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}

  .series-public-hero{position:relative;display:grid;grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,6rem);margin-top:var(--ui-space-8);padding:clamp(2rem,5vw,4.5rem);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:linear-gradient(135deg,var(--ui-page-warm),var(--ui-surface));box-shadow:var(--ui-shadow-md)}.series-public-hero::after{content:"";position:absolute;right:-12rem;bottom:-16rem;width:36rem;height:36rem;border:1px solid color-mix(in srgb,var(--ui-secondary) 17%,transparent);border-radius:50%;box-shadow:0 0 0 5rem color-mix(in srgb,var(--ui-secondary) 3%,transparent)}.series-public-cover,.series-public-copy{position:relative;z-index:1}.series-public-cover{overflow:hidden;aspect-ratio:2/3;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-xl);background:var(--ui-surface-muted);box-shadow:var(--ui-shadow-lg);transform:rotate(-1.2deg)}.series-public-cover img,.series-public-cover>.series-cover-fallback{width:100%;height:100%;object-fit:cover}.series-public-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}.series-public-copy h1{max-width:14ch;font-size:clamp(3rem,6vw,5.8rem);line-height:.9}.series-public-copy>p{max-width:48rem;margin-top:1rem;font-size:var(--ui-font-lg)}.series-public-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1.5rem}.series-public-facts>div{display:grid;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-surface) 75%,transparent)}.series-public-facts strong{font-family:var(--ui-font-display);font-size:1.25rem}.series-public-facts span{color:var(--ui-text-subtle);font-size:.68rem}.series-public-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.series-public-actions .button{border-radius:var(--ui-radius-pill)}.series-overall-progress{max-width:36rem;margin-top:1.3rem}
  .bundle-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.bundle-public-grid article{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-5);padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.bundle-public-grid h3{margin:.25rem 0;font-family:var(--ui-font-display);font-size:1.3rem}.bundle-public-grid article>div:last-child{display:grid;justify-items:end;gap:.55rem}.bundle-public-grid article>div:last-child strong{font-family:var(--ui-font-display);font-size:1.25rem}
  .series-parts-timeline{display:grid;gap:.75rem}.series-part{display:grid;grid-template-columns:2.8rem 5.5rem minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.series-part.completed{border-color:color-mix(in srgb,var(--ui-success) 24%,var(--ui-border))}.series-part-index{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-family:var(--ui-font-display);font-weight:700}.series-part-cover{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-sm);background:var(--ui-surface-muted)}.series-part-cover img,.series-part-cover>span{display:grid;width:100%;height:100%;place-items:center;object-fit:cover}.series-part-copy small{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.series-part-copy h3{margin:.25rem 0;font-family:var(--ui-font-display);font-size:1.25rem}.series-part-copy p{font-size:var(--ui-font-sm)}.series-part-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.55rem}.series-part-meta span{padding:.25rem .45rem;border-radius:var(--ui-radius-xs);background:var(--ui-surface-raised);color:var(--ui-text-subtle);font-size:.68rem}.series-part-access{display:grid;min-width:8rem;justify-items:end;gap:.55rem}.series-part-access>strong{font-family:var(--ui-font-display)}

  .author-profile{position:relative;display:grid;grid-template-columns:10rem minmax(0,1fr);align-items:center;gap:var(--ui-space-7);margin-top:var(--ui-space-8);padding:clamp(2rem,5vw,4rem);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:linear-gradient(135deg,var(--ui-page-warm),var(--ui-surface));box-shadow:var(--ui-shadow-md)}.author-profile::after{content:"";position:absolute;right:-9rem;width:30rem;height:30rem;border:1px solid color-mix(in srgb,var(--ui-accent) 14%,transparent);border-radius:50%;box-shadow:0 0 0 5rem color-mix(in srgb,var(--ui-accent) 3%,transparent)}.author-avatar,.author-profile-copy{position:relative;z-index:1}.author-avatar{display:grid;width:10rem;height:10rem;place-items:center;overflow:hidden;border:1px solid var(--ui-border-strong);border-radius:2.25rem;background:var(--ui-text);color:var(--ui-text-inverse);font-family:var(--ui-font-display);font-size:3.4rem;font-weight:700;box-shadow:var(--ui-shadow-md)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-profile-copy .overline{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.13em;text-transform:uppercase}.author-profile-copy h1{margin:.35rem 0 0;font-size:clamp(2.8rem,5vw,5rem);line-height:.92}.author-handle{color:var(--ui-secondary)}.author-bio{max-width:48rem;margin-top:1rem;color:var(--ui-text-muted)}.author-stats{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1.5rem}.author-stats div{display:grid}.author-stats strong{font-family:var(--ui-font-display);font-size:1.4rem}.author-stats span{color:var(--ui-text-subtle);font-size:.7rem}
}

/* source: 09-unified-portal.css */
@layer base {
  .app-shell{min-width:20rem;background:var(--ui-page)}
  .app-main{min-width:0}
  .app-shell--portal .app-main{background:
    radial-gradient(circle at 8% 0,color-mix(in srgb,var(--ui-accent) 4%,transparent),transparent 27rem),
    var(--ui-page)}
  .app-shell--workspace .app-main,.app-shell--admin .app-main{background:var(--ui-page)}
}

@layer layouts {
  .app-topbar{position:sticky;z-index:var(--ui-z-header);top:0;height:var(--ui-size-header);border-bottom:1px solid var(--ui-border);background:var(--ui-header);box-shadow:var(--ui-topbar-shadow);backdrop-filter:blur(var(--ui-topbar-blur)) saturate(145%)}
  .app-topbar__inner{display:flex;width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));height:100%;align-items:center;gap:var(--ui-space-5);margin-inline:auto}
  .app-topbar--admin{padding:0}
  .admin-topbar-inner{width:100%;padding-inline:var(--ui-page-gutter)}
  .app-topbar__actions{display:flex;min-width:0;align-items:center;gap:.55rem;margin-left:auto}
  .app-nav{display:flex;min-width:0;align-items:center;gap:.2rem}
  .app-nav a{display:inline-flex;min-height:2.5rem;align-items:center;padding-inline:.85rem;border-radius:var(--ui-radius-pill);color:var(--ui-text-subtle);font-size:var(--ui-font-sm);font-weight:730;white-space:nowrap;transition:background var(--ui-duration-fast),color var(--ui-duration-fast),transform var(--ui-duration-fast)}
  .app-nav a:hover{background:var(--ui-surface-raised);color:var(--ui-text);transform:translateY(-1px)}
  .app-nav a.active{background:var(--ui-text);color:var(--ui-text-inverse);box-shadow:var(--ui-shadow-sm)}
  .app-brand{flex:0 0 auto}
  .app-menu-button{flex:0 0 auto}
  .app-mobile-nav{max-height:calc(100dvh - var(--ui-size-header));overflow-y:auto;overscroll-behavior:contain}

  .workspace-page-shell,.admin-page-container{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)));margin-inline:auto}
  .workspace-page-shell{padding-block:clamp(1.5rem,3vw,2.5rem) var(--ui-space-10)}
  .admin-page-container{padding-block:clamp(1.5rem,3vw,2.25rem) var(--ui-space-10)}
  .workspace-page-header,.workspace-page-head,.project-analytics-head,.admin-workspace-head,.moderation-item-head,.ds-hero{gap:var(--ui-space-5)}
  .workspace-page-header>div:first-child,.workspace-page-head>div:first-child,.admin-workspace-head>div:first-child{min-width:0}
  .workspace-page-header h1,.workspace-page-head h1,.admin-workspace-head h1{max-width:22ch}
  .workspace-page-header p,.workspace-page-head p,.admin-workspace-head p{max-width:58rem}
  .workspace-header-actions,.project-control-actions,.page-actions,.head-actions{flex:0 0 auto}

  .admin-app-shell{min-width:0}
  .admin-workspace-main{min-width:0}
  .admin-workspace-sidebar{scrollbar-width:thin}
  .admin-nav-group a{transition:background var(--ui-duration-fast),color var(--ui-duration-fast),transform var(--ui-duration-fast)}
  .admin-nav-group a:hover{transform:translateX(2px)}
}

@layer components {
  .button,.icon-action,.icon-button,.theme-toggle,.account-menu>summary{touch-action:manipulation}
  .button{white-space:nowrap}
  .panel,.glass-panel,.form-panel,.content-section,.workspace-section,.admin-workspace-panel,.security-card,.metric-group,.commerce-editor,.commerce-notice{min-width:0}
  .workspace-section,.admin-workspace-panel{overflow:clip}

  .catalog-card{min-width:0;border-radius:var(--ui-card-radius)}
  .catalog-card__cover,.catalog-card__body,.catalog-card__footer{min-width:0}
  .catalog-card__body{display:flex;flex-direction:column}
  .catalog-card__body h3,.catalog-card__body p,.catalog-card__footer a{min-width:0;overflow-wrap:anywhere}
  .catalog-card__body h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .catalog-card__body>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .catalog-card__footer{margin-top:auto}
  .catalog-card__footer>a:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .catalog-card img{background:var(--ui-surface-muted)}
}

@layer pages {
  .reader-section,.reader-content-tabs,.catalog-search-shell,.catalog-layout,.novel-hero-inner,.novel-body,.novel-gallery,.novel-reviews-inner,.author-profile,.series-public-hero,.reader-author-invite,.reader-trust{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)))}
  .reader-section{padding-block:var(--ui-section-gap)}
  .reader-section-soft{padding:clamp(1rem,2.5vw,2rem)}
  .reader-section-head{margin-bottom:clamp(1.15rem,2.5vw,1.75rem)}

  .catalog-unified-grid,.series-card-grid{gap:var(--ui-card-gap)}
  .catalog-unified-grid>.catalog-card{display:grid;grid-template-columns:var(--ui-card-cover-wide) minmax(0,1fr);min-height:17.5rem}
  .catalog-unified-grid>.catalog-card>.catalog-card__cover{height:100%;min-height:17.5rem;aspect-ratio:auto}
  .catalog-unified-grid>.catalog-card>.catalog-card__body{padding:var(--ui-space-5)}
  .catalog-unified-grid>.catalog-card--series .series-card-body>p{margin-bottom:.7rem}

  .reader-card-grid{gap:var(--ui-card-gap)}
  .reader-card-grid>.catalog-card{height:100%}
  .reader-card-grid>.catalog-card .catalog-card__body{flex:1}

  .author-project-row,.creator-series-grid>article,.author-notification-card,.metric-group,.author-attention-card,.author-continue-card{border-color:var(--ui-border);box-shadow:var(--ui-shadow-sm)}
  .author-project-row:hover,.creator-series-grid>article:hover,.author-notification-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-md)}
  .author-project-content,.author-project-title-line,.author-project-actions{min-width:0}
  .author-project-content h3,.author-project-content p{overflow-wrap:anywhere}
  .author-project-meta{row-gap:.35rem}

  .admin-summary-grid>article,.admin-role-summary>a,.admin-analytics-kpis>article,.system-status-card{height:100%}
  .admin-data-row,.admin-user-row,.moderation-row{min-width:0}
}

@layer responsive {
  @media (max-width:68rem){
    .app-nav{display:none}
    .app-menu-button{display:grid}
    .workspace-public-link{display:none}
    .app-mobile-nav{position:absolute;top:100%;right:0;left:0;z-index:var(--ui-z-popover);grid-auto-flow:row;gap:.12rem;padding:.75rem var(--ui-page-gutter) max(.75rem,env(safe-area-inset-bottom));border-bottom:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
    .app-mobile-nav.open,body.menu-open .mobile-nav,body.workspace-menu-open .workspace-mobile-nav{display:grid}
    .app-mobile-nav a,.app-mobile-nav .mobile-theme-action{display:flex;min-height:2.8rem;align-items:center;padding:0 .8rem;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:700}
    .app-mobile-nav a:hover,.app-mobile-nav a:focus-visible,.app-mobile-nav .mobile-theme-action:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
  }

  @media (max-width:48rem){
    :root{--ui-size-header:4rem;--ui-card-cover-mobile:7rem}
    .app-topbar__inner{gap:.5rem}
    .app-topbar__actions>.button,.app-topbar__actions>.login-link,.app-topbar__actions>.account-menu>summary em{display:none}
    .app-topbar__actions{gap:.4rem}
    .app-mobile-nav{position:absolute;top:100%;right:0;left:0;z-index:var(--ui-z-popover);padding:.65rem var(--ui-page-gutter) max(.65rem,env(safe-area-inset-bottom));border-bottom:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
    .app-mobile-nav.open{display:grid}
    .app-mobile-nav a,.app-mobile-nav .mobile-theme-action{min-height:2.8rem}

    .catalog-unified-grid,.series-card-grid{grid-template-columns:1fr}
    .catalog-unified-grid>.catalog-card,.series-card-grid>.catalog-card{display:grid;grid-template-columns:var(--ui-card-cover-mobile) minmax(0,1fr);min-height:12.75rem}
    .catalog-unified-grid>.catalog-card>.catalog-card__cover,.series-card-grid>.catalog-card>.catalog-card__cover{height:100%;min-height:12.75rem;aspect-ratio:auto}
    .catalog-unified-grid>.catalog-card>.catalog-card__body,.series-card-grid>.catalog-card>.catalog-card__body{padding:.9rem}
    .catalog-unified-grid>.catalog-card .catalog-card__body>p,.series-card-grid>.catalog-card .catalog-card__body>p{display:none}
    .catalog-unified-grid>.catalog-card .catalog-card__footer,.series-card-grid>.catalog-card .catalog-card__footer{align-items:flex-start;flex-wrap:wrap;gap:.45rem}
    .catalog-unified-grid>.catalog-card .catalog-card__footer .button,.series-card-grid>.catalog-card .catalog-card__footer .button{min-height:2.1rem;padding-inline:.7rem}

    .workspace-page-header,.workspace-page-head,.project-analytics-head,.admin-workspace-head,.moderation-item-head,.ds-hero{align-items:stretch}
    .workspace-header-actions,.project-control-actions,.page-actions,.head-actions{display:grid;width:100%;grid-template-columns:1fr}
    .workspace-header-actions>.button,.project-control-actions>.button,.page-actions>.button,.head-actions>.button{width:100%}
    .author-project-row{align-items:start}
    .author-project-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
    .author-project-actions>.button{width:100%}
  }

  @media (max-width:25rem){
    .catalog-unified-grid>.catalog-card,.series-card-grid>.catalog-card{grid-template-columns:6rem minmax(0,1fr)}
    .catalog-unified-grid>.catalog-card>.catalog-card__cover,.series-card-grid>.catalog-card>.catalog-card__cover{min-height:11.5rem}
    .catalog-card__body h3{font-size:1rem}
    .catalog-card__footer>a:first-child{max-width:8rem}
  }
}

/* source: 06-workspace.css */
@layer layouts {
  .workspace-app,.admin-workspace-app{background:var(--ui-page);color:var(--ui-text)}
  .workspace-main,.admin-workspace-main{min-width:0;min-height:calc(100vh - var(--ui-size-header));background:var(--ui-page)}
  .workspace-topbar,.admin-topbar{position:sticky;z-index:var(--ui-z-header);top:0;display:flex;height:var(--ui-size-header);align-items:center;border-bottom:1px solid var(--ui-border);background:var(--ui-header);backdrop-filter:blur(1.25rem) saturate(140%)}
  .workspace-topbar-inner{display:flex;width:min(var(--ui-container-wide),calc(100% - 2rem));align-items:center;gap:var(--ui-space-5);margin:auto}
  .workspace-brand>span:last-child{display:grid;line-height:1.05}
  .workspace-brand b{font-size:var(--ui-font-sm)}
  .workspace-brand small{color:var(--ui-text-subtle);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .workspace-primary-nav{display:flex;gap:.25rem}
  .workspace-primary-nav a{display:flex;min-height:2.5rem;align-items:center;padding:0 .85rem;border-radius:var(--ui-radius-pill);color:var(--ui-text-subtle);font-size:var(--ui-font-sm);font-weight:720}
  .workspace-primary-nav a:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
  .workspace-primary-nav a.active{background:var(--ui-text);color:var(--ui-text-inverse)}
  .workspace-topbar-actions,.admin-topbar-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}
  .workspace-public-link{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700}
  .workspace-public-link:hover{color:var(--ui-text)}

  .workspace-page-shell,.project-analytics-shell,.workspace-page-head,.workspace-section-nav,.series-workspace-grid{
    width:min(var(--ui-container),calc(100% - 3rem));margin-inline:auto
  }
  .workspace-page-shell,.project-analytics-shell{padding-block:var(--ui-space-7) var(--ui-space-10)}
  .workspace-page-header,.workspace-page-head,.project-analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-6);margin-bottom:var(--ui-space-6)}
  .workspace-page-header h1,.workspace-page-head h1,.project-analytics-head h1{margin:.35rem 0;font-size:var(--ui-font-2xl)}
  .workspace-page-header p,.workspace-page-head p{max-width:48rem}
  .workspace-header-actions,.workspace-page-actions{display:flex;flex-wrap:wrap;gap:.65rem}

  .workspace-section{margin-top:var(--ui-space-5)}
  .workspace-filter-tabs,.project-control-tabs,.workspace-section-nav{display:flex;flex-wrap:wrap;gap:.35rem;padding:.35rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
  .workspace-filter-tabs a,.project-control-tabs a,.workspace-section-nav a{display:inline-flex;min-height:2.5rem;align-items:center;padding:0 .85rem;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:720}
  .workspace-filter-tabs a:hover,.project-control-tabs a:hover,.workspace-section-nav a:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
  .workspace-filter-tabs a.active,.project-control-tabs a.active,.workspace-section-nav a.active{background:var(--ui-text);color:var(--ui-text-inverse)}

  .author-focus-grid,.author-notification-grid,.author-dashboard-metrics,.home-stat-grid,.quality-metric-grid,.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-4)}
  .author-continue-card,.author-attention-card,.author-notification-card,.metric-group,.analytics-kpis>article,.home-stat-grid>article,.quality-metric-grid>article{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .metric-group strong,.analytics-kpis strong,.home-stat-grid strong{display:block;font-size:var(--ui-font-2xl)}
  .metric-group span,.analytics-kpis span,.home-stat-grid span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .metric-warning{border-color:color-mix(in srgb,var(--ui-warning) 30%,var(--ui-border));background:var(--ui-warning-soft)}

  .author-project-list,.creator-series-grid,.attention-list,.release-history,.revision-list,.project-team-list{display:grid;gap:var(--ui-space-3)}
  .author-project-row{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .author-project-cover{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-sm);background:var(--ui-surface-muted)}
  .author-project-cover img,.author-project-cover>.cover-placeholder{width:100%;height:100%;object-fit:cover}
  .author-project-content{min-width:0}.author-project-title-line{display:flex;align-items:center;gap:.6rem}.author-project-title-line h3{font-size:var(--ui-font-lg)}
  .author-project-meta,.project-statuses,.author-continue-metrics{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.45rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .author-project-actions,.author-project-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}

  .project-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-6);padding:var(--ui-space-6);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .project-control-copy h1{margin:.35rem 0;font-size:var(--ui-font-2xl)}
  .project-control-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}
  .project-control-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem}
  .release-workspace,.project-version-grid,.series-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:var(--ui-space-5)}
  .release-main,.release-sidebar,.series-workspace-main,.series-workspace-side{display:grid;gap:var(--ui-space-4)}
  .release-state-card,.project-version-card,.release-comparison,.release-links-panel,.project-team-panel,.commerce-panel-shell,.workspace-summary-card,.workspace-tip,.series-card-editor,.series-parts-manager,.bundle-settings,.bundle-create{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .release-state-card{display:grid;grid-template-columns:auto 1fr;gap:var(--ui-space-4);align-items:start}
  .release-state-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--ui-radius-md);background:var(--ui-secondary-soft);color:var(--ui-secondary);font-size:var(--ui-font-xl)}
  .release-timeline{display:grid;gap:.75rem;margin:1rem 0;padding:0;list-style:none}
  .release-timeline li{position:relative;padding-left:1.5rem;color:var(--ui-text-muted)}
  .release-timeline li::before{content:"";position:absolute;left:.2rem;top:.55rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--ui-border-strong)}
  .release-timeline li.current::before,.release-timeline li.complete::before{background:var(--ui-success)}
  .release-diff-stats,.save-impact,.release-metadata,.release-meta-diff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
  .release-diff-stats>div,.save-impact>div,.release-metadata>div,.release-meta-diff>div{padding:.9rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .release-diff-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .release-action-card,.snapshot-empty,.published-snapshot{padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}

  .two-fields,.commerce-fields,.commerce-secondary-fields,.project-team-form,.release-link-form,.series-add-form,.bundle-add,.bundle-price-row,.series-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .form-panel form,.series-settings-form,.commerce-editor-form{display:grid;gap:var(--ui-space-4)}
  .file-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;overflow:hidden}
  .file-button input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}

  .workspace-page-head{padding-top:var(--ui-space-7)}
  .series-workspace-grid{padding-block:var(--ui-space-5) var(--ui-space-10)}
  .series-card-editor{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:var(--ui-space-5)}
  .series-cover-editor{display:grid;gap:.75rem;align-content:start}
  .series-cover-preview,.mini-series-cover{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-md);background:var(--ui-surface-muted)}
  .series-cover-preview img,.mini-series-cover img,.series-cover-preview>.series-cover-fallback{width:100%;height:100%;object-fit:cover}
  .series-parts-manager>article{display:grid;grid-template-columns:2rem 3.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--ui-border)}
  .series-parts-manager>article:first-child{border-top:0}
  .series-item-cover{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-xs);background:var(--ui-surface-muted)}
  .series-item-cover img{width:100%;height:100%;object-fit:cover}
  .series-item-form{display:grid;grid-template-columns:2fr 1fr;gap:.65rem}
  .bundle-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .commerce-mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
  .commerce-mode-card{display:grid;gap:.35rem;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .commerce-mode-card:has(input:checked){border-color:var(--ui-accent);background:var(--ui-accent-soft)}
  .commerce-editor-head,.commerce-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4)}
  .commerce-history{display:grid;gap:.5rem}.commerce-history article{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;padding:.75rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}

  .analytics-panel,.analytics-panel{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .analytics-event-grid,.analytics-funnel,.analytics-timeline,.analytics-table{display:grid;gap:.65rem}
  .analytics-row,.analytics-table>div,.analytics-event-grid>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;padding:.8rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .analytics-bar,.analytics-timeline-bars{overflow:hidden;height:.6rem;border-radius:99px;background:var(--ui-surface-inset)}
  .analytics-bar i,.analytics-timeline-bars i{display:block;height:100%;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}
}

@layer layouts {
  .workspace-section-title{align-items:flex-end}.workspace-section-title>div{min-width:0}.workspace-section-title p{max-width:48rem;margin-top:.35rem}
  .workspace-filter-tabs button{display:inline-flex;min-height:2.5rem;align-items:center;padding:0 .85rem;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:720}
  .workspace-filter-tabs button:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
  .workspace-filter-tabs button.active{background:var(--ui-text);color:var(--ui-text-inverse)}
  .workspace-project-search{position:relative;display:flex;min-width:min(22rem,100%);align-items:center}.workspace-project-search>svg{position:absolute;z-index:1;left:.85rem;width:1.1rem;fill:none;stroke:var(--ui-text-subtle);stroke-width:1.8}.workspace-project-search>input{padding-left:2.5rem}
  .workspace-text-link,.workspace-back-link,.back-link,.workspace-back{color:var(--ui-secondary);font-size:var(--ui-font-sm);font-weight:760}.workspace-text-link:hover,.workspace-back-link:hover,.back-link:hover,.workspace-back:hover{color:var(--ui-accent)}
  .quiet-button{border:0;background:transparent;color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}.quiet-button:hover{color:var(--ui-text)}

  .author-focus-grid{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}
  .author-continue-card{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:var(--ui-space-5);grid-column:auto/span 1}
  .author-continue-cover{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-md);background:var(--ui-surface-muted)}
  .author-continue-cover img,.author-continue-cover>.cover-placeholder{width:100%;height:100%;object-fit:cover}
  .author-continue-copy{display:grid;align-content:start;gap:.55rem;min-width:0}.author-continue-copy h2{font-size:var(--ui-font-xl)}.author-continue-copy>p{color:var(--ui-text-muted)}
  .author-continue-copy footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);margin-top:auto;padding-top:var(--ui-space-4);border-top:1px solid var(--ui-border)}
  .author-continue-copy footer>span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.author-continue-copy footer>div{display:flex;flex-wrap:wrap;gap:.5rem}
  .author-continue-metrics{margin:.25rem 0 0}.author-continue-metrics>div{padding:.45rem .65rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}.author-continue-metrics dt{color:var(--ui-text-subtle)}.author-continue-metrics dd{margin:0;color:var(--ui-text);font-weight:800}
  .author-first-project{grid-template-columns:auto minmax(0,1fr);align-items:center}.author-first-icon{display:grid;width:4rem;height:4rem;place-items:center;border-radius:var(--ui-radius-lg);background:linear-gradient(145deg,var(--ui-accent-soft),var(--ui-secondary-soft));color:var(--ui-accent);font-size:1.5rem}
  .author-attention-card{display:grid;align-content:start;gap:var(--ui-space-4)}.author-attention-card>header{display:flex;align-items:center;justify-content:space-between}.author-attention-card h2{font-size:var(--ui-font-2xl)}
  .attention-pulse{width:.75rem;height:.75rem;border-radius:50%;background:var(--ui-danger);box-shadow:0 0 0 .35rem var(--ui-danger-soft)}
  .attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem;border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .attention-item>i{width:.55rem;height:.55rem;border-radius:50%;background:var(--ui-info)}.attention-item.warning>i{background:var(--ui-warning)}.attention-item.danger>i{background:var(--ui-danger)}
  .attention-item strong,.attention-item span{display:block}.attention-item span{margin-top:.15rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.attention-item em{color:var(--ui-secondary);font-style:normal}
  .attention-empty{min-height:11rem;padding:var(--ui-space-5)}

  .author-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--ui-space-4)}
  .metric-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ui-space-4)}.metric-group>header small{color:var(--ui-text-subtle)}
  .metric-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.metric-group>div>*{padding:.75rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .metric-group>div strong,.metric-group>div span{display:block}.metric-group>div strong{font-size:var(--ui-font-xl)}

  .author-project-title-line{justify-content:space-between}.author-project-title-line time{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.author-project-content>p{margin-top:.35rem;color:var(--ui-text-muted)}
  .project-more-menu{position:relative}.project-more-menu>summary{display:grid;width:var(--ui-size-control-sm);height:var(--ui-size-control-sm);place-items:center;cursor:pointer;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised);color:var(--ui-text)}.project-more-menu>summary::marker{content:""}
  .project-more-menu>div{position:absolute;z-index:var(--ui-z-popover);right:0;top:calc(100% + .4rem);display:grid;min-width:14rem;gap:.2rem;padding:.45rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
  .project-more-menu a,.project-more-menu span{padding:.6rem .7rem;border-radius:var(--ui-radius-sm);font-size:var(--ui-font-xs)}.project-more-menu a:hover{background:var(--ui-surface-raised)}.project-more-menu span{color:var(--ui-text-subtle)}
  .workspace-filter-empty,.workspace-empty-inline,.workspace-empty{margin-top:var(--ui-space-4)}

  .creator-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-series-grid>article{display:grid;gap:.65rem;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}
  .creator-series-grid header,.creator-series-grid footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creator-series-grid h3{font-size:var(--ui-font-lg)}.creator-series-grid p{color:var(--ui-text-muted)}
  .creator-series-grid dl{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0}.creator-series-grid dl>div{padding:.65rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface)}.creator-series-grid dt{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.creator-series-grid dd{margin:0;font-weight:800}
  .creator-series-empty{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-5);padding:var(--ui-space-5);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}.creator-series-empty>div{display:flex;align-items:center;gap:var(--ui-space-4)}.creator-series-empty>div>span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--ui-radius-md);background:var(--ui-secondary-soft);color:var(--ui-secondary);font-size:1.35rem}
  .author-notification-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.author-notification-card>i{width:.6rem;height:.6rem;margin-top:.4rem;border-radius:50%;background:var(--ui-text-disabled)}.author-notification-card.unread>i{background:var(--ui-accent)}.author-notification-card strong,.author-notification-card p,.author-notification-card time{display:block}.author-notification-card p{margin-top:.25rem;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}.author-notification-card time{margin-top:.45rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}

  .package-dialog-shell{position:relative}.package-dialog-head{display:grid;padding:0 2.5rem var(--ui-space-5) 0}.package-dialog-shell>.dialog-close{position:absolute;top:var(--ui-space-4);right:var(--ui-space-4)}
  .package-upload-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);min-height:8rem;padding:var(--ui-space-5);cursor:pointer;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}.package-upload-zone:hover{border-color:var(--ui-accent);background:var(--ui-accent-soft)}
  .package-upload-icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--ui-radius-md);background:var(--ui-secondary-soft);color:var(--ui-secondary);font-size:1.4rem}.package-upload-copy{display:grid;gap:.25rem}.package-upload-copy small,.package-upload-copy b{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .package-dashboard-status{margin-top:var(--ui-space-4)}.package-dashboard-status.is-empty{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.package-dashboard-empty{display:flex;align-items:center;gap:.75rem;color:var(--ui-text-muted)}
  .package-dashboard-actions{margin-top:var(--ui-space-5)}

  .publication-head{margin-bottom:var(--ui-space-5)}.publication-head>div:first-child{min-width:0}.publication-snapshots,.release-links-list,.migration-map-list{display:grid;gap:.65rem}
  .project-release-alert.danger{border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border));background:var(--ui-danger-soft)}.project-release-alert.warning{border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));background:var(--ui-warning-soft)}.project-release-alert.info{border-color:color-mix(in srgb,var(--ui-info) 35%,var(--ui-border));background:var(--ui-info-soft)}
  .publication-state-timeline{display:grid;gap:.55rem;margin-top:var(--ui-space-4)}.publication-state-timeline>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start}.publication-state-timeline i{width:.7rem;height:.7rem;margin-top:.3rem;border-radius:50%;background:var(--ui-border-strong)}.publication-state-timeline .complete i{background:var(--ui-success)}.publication-state-timeline .current i{background:var(--ui-accent);box-shadow:0 0 0 .3rem var(--ui-accent-soft)}
  .draft-version,.published-version{display:grid;gap:.5rem}.draft-version header,.published-version header,.bundle-head,.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
  .release-diff-panel,.save-migration-panel,.cover-panel,.admin-publish-dialog{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}
  .cover-upload-preview{overflow:hidden;aspect-ratio:2/3;border-radius:var(--ui-radius-md);background:var(--ui-surface-muted)}.cover-upload-preview img{width:100%;height:100%;object-fit:cover}
  .project-team-item,.release-links-list>article,.migration-map-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}.project-team-role{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .confirm-row,.series-membership{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .submit-message,.save-compatibility-ok{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-success-soft);color:var(--ui-success)}

  .commerce-editor{padding:var(--ui-space-5)}.commerce-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)}
  .commerce-price-summary{display:grid;justify-items:end}.commerce-price-summary small{color:var(--ui-text-subtle)}.commerce-price-summary strong{font-size:var(--ui-font-xl)}
  .commerce-mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:0;border:0}.commerce-mode-picker legend{grid-column:1/-1}
  .commerce-mode-card{position:relative}.commerce-mode-card>input{position:absolute;opacity:0}.commerce-mode-card>span{display:grid;gap:.25rem;min-height:7rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.commerce-mode-card>input:checked+span{border-color:var(--ui-accent);background:var(--ui-accent-soft);box-shadow:var(--ui-focus)}.commerce-mode-card small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.45}
  .commerce-price-field{display:grid;gap:.35rem}.commerce-check{position:relative}.commerce-check>input{position:absolute;opacity:0}.commerce-check>span{display:grid;gap:.2rem;min-height:4.5rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.commerce-check>input:checked+span{border-color:var(--ui-success);background:var(--ui-success-soft)}.commerce-check small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .commerce-notice{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-5);padding:var(--ui-space-4)}.commerce-history{padding-top:var(--ui-space-4);border-top:1px solid var(--ui-border)}.commerce-history summary{cursor:pointer;font-weight:750}.commerce-history>div{display:grid;gap:.5rem;margin-top:.75rem}.commerce-history article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;padding:.65rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}

  .series-overview-panel,.workspace-empty{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}
  .series-item-order{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-weight:800}.series-item-title{min-width:0}.series-item-title strong,.series-item-title small{display:block}.series-item-title small,.series-part-label{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .bundle-items{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}.bundle-items span{padding:.35rem .55rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs)}
}

@layer layouts {
  .author-stories-section,.creator-series-section,.author-activity-section{scroll-margin-top:calc(var(--ui-size-header) + 1rem)}
  .product-price-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.product-price-preview strong{font-size:var(--ui-font-xl)}.product-price-preview small{color:var(--ui-text-subtle)}
}

/* source: 10-portal-author-workspace.css */
@layer pages {
  .catalog-head{display:flex;align-items:end;justify-content:space-between;gap:var(--ui-space-7);width:min(var(--ui-container),calc(100% - 3rem));margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem) 0 var(--ui-space-7)}
  .catalog-head>div{max-width:52rem}.catalog-head>div>span{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.14em;text-transform:uppercase}.catalog-head h1{max-width:48rem;margin:.45rem 0 .75rem;font-size:clamp(2.4rem,5vw,4.9rem);line-height:.98}.catalog-head p{max-width:48rem;color:var(--ui-text-muted);font-size:var(--ui-font-lg)}
  .catalog-head-summary{display:grid;min-width:10rem;padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.catalog-head-summary strong{font-family:var(--ui-font-display);font-size:2.4rem;line-height:1}.catalog-head-summary span{margin-top:.35rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .catalog-results-head{align-items:center}.catalog-results-actions{display:flex;align-items:center;gap:.65rem}.catalog-view-switch{display:flex;padding:.22rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised)}.catalog-view-switch button{display:flex;min-height:2.2rem;align-items:center;gap:.35rem;padding:0 .75rem;border:0;border-radius:var(--ui-radius-pill);background:transparent;color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:760}.catalog-view-switch button[aria-pressed="true"]{background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow-xs)}
  .catalog-active-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:var(--ui-space-4)}.catalog-active-filters span,.catalog-active-filters a{padding:.38rem .65rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.catalog-active-filters a{color:var(--ui-accent);font-weight:780}
  .catalog-card__summary{display:-webkit-box;overflow:hidden;min-height:4.3em;margin-bottom:.85rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.45}
  .catalog-unified-grid .catalog-card__body{min-height:17.5rem}.catalog-unified-grid .catalog-card__summary{margin-top:.1rem}.catalog-unified-grid.is-compact{grid-template-columns:1fr}.catalog-unified-grid.is-compact>.catalog-card{grid-template-columns:7.5rem minmax(0,1fr);min-height:12rem}.catalog-unified-grid.is-compact>.catalog-card>.catalog-card__cover{min-height:12rem}.catalog-unified-grid.is-compact .catalog-card__body{min-height:12rem;padding:var(--ui-space-4)}.catalog-unified-grid.is-compact .catalog-card__summary{-webkit-line-clamp:2;min-height:auto}.catalog-unified-grid.is-compact .reader-card-footer,.catalog-unified-grid.is-compact .series-card-footer{margin-top:.55rem;padding-top:.55rem}
  .author-profile{display:grid;width:min(var(--ui-container),calc(100% - 3rem));grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:var(--ui-space-7);margin:var(--ui-space-8) auto var(--ui-space-5);padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:linear-gradient(135deg,var(--ui-surface),var(--ui-page-alt));box-shadow:var(--ui-shadow-md)}.author-profile__identity{display:flex;align-items:center;gap:var(--ui-space-5)}.author-profile__identity h1{font-size:clamp(2.1rem,4vw,4rem)}.author-bio{display:flex;justify-content:center;flex-direction:column}.author-bio>p{max-width:44rem;color:var(--ui-text-muted);font-size:var(--ui-font-lg);line-height:1.65}.author-profile-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:var(--ui-space-4)}.author-stats{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:.65rem}.author-stats>div{padding:var(--ui-space-4);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}.author-stats strong,.author-stats span{display:block}.author-stats strong{font-size:var(--ui-font-xl)}.author-stats span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.author-work-catalog{padding-bottom:var(--ui-space-8)}
  .author-start{display:grid;width:min(var(--ui-container),calc(100% - 3rem));min-height:calc(100vh - var(--ui-size-header) - 6rem);grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);align-items:center;gap:clamp(2rem,6vw,7rem);margin:auto;padding-block:var(--ui-space-9)}.author-start__copy h1{max-width:50rem;margin:.75rem 0 1rem;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.95}.author-start__copy>p{max-width:46rem;color:var(--ui-text-muted);font-size:var(--ui-font-lg)}.author-start__copy form{margin-top:var(--ui-space-5)}.author-start__copy>small{display:block;margin-top:.75rem;color:var(--ui-text-subtle)}.author-start-steps{display:grid;gap:var(--ui-space-4)}.author-start-steps article{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.25rem var(--ui-space-4);padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.author-start-steps b{display:grid;width:3rem;height:3rem;grid-row:span 2;place-items:center;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent)}.author-start-steps span{color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .notification-workspace{padding-bottom:var(--ui-space-9)}.notification-list{display:grid;gap:.65rem}.notification-list>a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--ui-space-4);padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.notification-list>a.is-unread{border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));background:linear-gradient(90deg,var(--ui-accent-soft),var(--ui-surface) 26%)}.notification-list .notification-icon{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:var(--ui-surface-raised);font-weight:850}.notification-list p{margin:.25rem 0;color:var(--ui-text-muted)}.notification-list small{color:var(--ui-text-subtle)}
  .project-catalog-readiness{display:grid;gap:.42rem;margin-top:.8rem;padding:.7rem;border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.project-catalog-readiness>div:first-child{display:flex;justify-content:space-between;gap:.75rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.project-catalog-readiness__bar{height:.32rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.project-catalog-readiness__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-warning),var(--ui-success))}.project-catalog-missing{display:flex;flex-wrap:wrap;gap:.35rem}.project-catalog-missing span{padding:.24rem .42rem;border-radius:var(--ui-radius-pill);background:var(--ui-warning-soft);color:var(--ui-warning-strong);font-size:.66rem;font-weight:760}
  .creator-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-catalog-readiness{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.series-catalog-readiness i{grid-column:1/-1;height:.3rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.series-catalog-readiness b{display:block;height:100%;background:linear-gradient(90deg,var(--ui-warning),var(--ui-success))}
}

@layer responsive {
  @media (max-width:68rem){.catalog-head{align-items:start;flex-direction:column}.catalog-head-summary{min-width:0}.author-profile{grid-template-columns:1fr}.author-start{grid-template-columns:1fr}.creator-series-grid{grid-template-columns:1fr}}
  @media (max-width:47.5rem){.catalog-head,.author-profile,.author-start{width:calc(100% - 1.25rem)}.catalog-head{padding-top:var(--ui-space-7)}.catalog-head h1{font-size:clamp(2.2rem,12vw,3.6rem)}.catalog-head p{font-size:var(--ui-font-sm)}.catalog-results-head{align-items:stretch;flex-direction:column}.catalog-results-actions{justify-content:space-between}.catalog-view-switch button span:last-child{display:none}.catalog-unified-grid .catalog-card__summary{display:-webkit-box;min-height:auto;-webkit-line-clamp:2;font-size:.78rem}.catalog-unified-grid .catalog-card__body{min-height:11.5rem}.author-profile{padding:var(--ui-space-5)}.author-profile__identity{align-items:flex-start}.author-stats{grid-template-columns:repeat(2,1fr)}.author-bio>p{font-size:var(--ui-font-sm)}.author-start{padding-block:var(--ui-space-7)}.author-start__copy h1{font-size:clamp(2.5rem,13vw,4.2rem)}.author-start__copy>p{font-size:var(--ui-font-sm)}.notification-list>a{padding:var(--ui-space-4)}.project-catalog-readiness{grid-column:1/-1}}
  @media (max-width:34rem){.catalog-unified-grid>.catalog-card,.catalog-unified-grid.is-compact>.catalog-card{grid-template-columns:6.25rem minmax(0,1fr)}.catalog-unified-grid>.catalog-card>.catalog-card__cover,.catalog-unified-grid.is-compact>.catalog-card>.catalog-card__cover{min-height:12rem}.catalog-unified-grid .catalog-card__footer{align-items:flex-start;flex-direction:column}.catalog-unified-grid .reader-card-author{max-width:100%}.author-profile__identity{display:grid;grid-template-columns:4.5rem minmax(0,1fr)}.author-profile__identity .author-avatar{width:4.5rem;height:4.5rem}.author-stats{gap:.4rem}.author-stats>div{padding:.75rem}.creator-series-grid footer{align-items:stretch;flex-direction:column}.creator-series-grid footer .button{width:100%}}
}
  /* Dashboard filters must override the row grid display in every breakpoint. */
  .author-project-row[hidden],
  .author-project-row.is-filtered-out,
  .workspace-filter-empty[hidden]{display:none}

/* source: 07-admin.css */
@layer layouts {
  .admin-topbar{padding:0 var(--ui-space-4)}
  .admin-nav-toggle{margin-right:.5rem}
  .admin-brand{min-width:14rem}
  .admin-topbar-context{min-width:0;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:700}
  .admin-app-shell{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:calc(100vh - var(--ui-size-header))}
  .admin-workspace-sidebar{position:sticky;top:var(--ui-size-header);display:flex;height:calc(100vh - var(--ui-size-header));flex-direction:column;padding:var(--ui-space-5);border-right:1px solid var(--ui-border);background:var(--ui-page-alt)}
  .admin-sidebar-caption{display:grid;margin-bottom:var(--ui-space-5);padding:.8rem;border-radius:var(--ui-radius-md);background:var(--ui-surface)}
  .admin-sidebar-caption span{color:var(--ui-text-subtle);font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .admin-sidebar-caption strong{margin-top:.2rem;font-size:var(--ui-font-sm)}
  .admin-workspace-sidebar nav{display:grid;gap:var(--ui-space-5)}
  .admin-nav-group{display:grid;gap:.25rem}
  .admin-nav-group>span{padding:0 .7rem .25rem;color:var(--ui-text-subtle);font-size:.65rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .admin-nav-group a{display:grid;grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:2.55rem;padding:0 .7rem;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .admin-nav-group a i{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:var(--ui-text-subtle);font-style:normal}
  .admin-nav-group a b{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
  .admin-nav-group a:hover{background:var(--ui-surface);color:var(--ui-text)}
  .admin-nav-group a.active{background:var(--ui-text);color:var(--ui-text-inverse);box-shadow:var(--ui-shadow-sm)}
  .admin-nav-group a.active i{color:inherit}
  .admin-sidebar-footer{display:grid;gap:.4rem;margin-top:auto;padding-top:var(--ui-space-5);border-top:1px solid var(--ui-border)}
  .admin-sidebar-footer a,.admin-sidebar-footer button{display:flex;min-height:2.35rem;align-items:center;padding:0 .7rem;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);text-align:left}
  .admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{background:var(--ui-surface);color:var(--ui-text)}
  .admin-sidebar-footer small{padding:.5rem .7rem 0}
  .admin-sidebar-backdrop{display:none}

  .admin-page-container{width:min(var(--ui-container),calc(100% - 3rem));margin:auto;padding-block:var(--ui-space-7) var(--ui-space-10)}
  .admin-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-6);margin-bottom:var(--ui-space-6)}
  .admin-workspace-head h1{margin:.35rem 0;font-size:var(--ui-font-2xl)}
  .admin-workspace-head p{max-width:52rem}
  .admin-summary-grid,.admin-role-summary,.admin-analytics-kpis,.system-critical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)}
  .admin-summary-grid>article,.admin-role-summary>a,.admin-analytics-kpis>article,.system-status-card{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .admin-summary-grid>article>span,.admin-role-summary span,.admin-analytics-kpis span{display:block;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700}
  .admin-summary-grid>article>strong,.admin-role-summary strong,.admin-analytics-kpis strong{display:block;margin:.25rem 0;font-size:var(--ui-font-2xl)}
  .admin-summary-grid>article>a{display:inline-block;margin-top:.75rem;color:var(--ui-secondary);font-size:var(--ui-font-xs);font-weight:760}
  .admin-summary-grid>article.warning,.admin-role-summary>a.warning{border-color:color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));background:var(--ui-warning-soft)}
  .admin-summary-grid>article.danger,.admin-role-summary>a.danger{border-color:color-mix(in srgb,var(--ui-danger) 35%,var(--ui-border));background:var(--ui-danger-soft)}

  .admin-attention-board{margin-bottom:var(--ui-space-5);padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .admin-attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-3)}
  .admin-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .admin-attention-item>i{width:.65rem;height:.65rem;border-radius:50%;background:var(--ui-info)}
  .admin-attention-item.warning>i{background:var(--ui-warning)}.admin-attention-item.danger>i{background:var(--ui-danger)}
  .admin-attention-item p{font-size:var(--ui-font-sm)}.admin-attention-item>span{color:var(--ui-secondary);font-size:var(--ui-font-xs);font-weight:760}

  .admin-dashboard-columns,.system-readiness-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-5);margin-bottom:var(--ui-space-5)}
  .admin-service-list,.admin-people-list,.admin-audit-table,.admin-data-table,.analytics-table,.system-marker-list,.disk-status-list{display:grid;gap:.4rem}
  .admin-service-list>div,.admin-people-list>a,.admin-audit-row,.admin-data-row,.analytics-row,.system-marker-list>div,.disk-status-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-4);padding:.75rem .85rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .admin-service-list span{display:flex;align-items:center;gap:.5rem}.admin-service-list i{width:.55rem;height:.55rem;border-radius:50%;background:var(--ui-text-disabled)}
  .admin-service-list i.ok{background:var(--ui-success)}.admin-service-list i.warning{background:var(--ui-warning)}.admin-service-list i.danger{background:var(--ui-danger)}
  .admin-people-list>a{grid-template-columns:auto minmax(0,1fr) auto}
  .admin-people-list>a>i{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:800}
  .admin-people-list strong,.admin-people-list span{display:block}.admin-people-list span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .admin-audit-row,.admin-data-row{grid-template-columns:minmax(0,1fr) minmax(9rem,.5fr) auto}
  .admin-audit-row.head,.admin-data-row.head,.analytics-row.head{background:transparent;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:800;text-transform:uppercase}

  .admin-user-filters,.admin-filter-bar,.moderation-filter-bar{display:grid;grid-template-columns:minmax(15rem,2fr) repeat(2,minmax(10rem,1fr)) auto;align-items:end;gap:var(--ui-space-3);margin-bottom:var(--ui-space-5);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .admin-search-field>div{position:relative}.admin-search-field svg{position:absolute;top:50%;left:.8rem;width:1.1rem;transform:translateY(-50%);color:var(--ui-text-subtle)}.admin-search-field input{padding-left:2.5rem}
  .admin-users-table{overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .admin-users-row{display:grid;grid-template-columns:minmax(13rem,1.4fr) 7rem 7rem minmax(9rem,1fr) 8rem 2rem;align-items:center;gap:.75rem;padding:.8rem 1rem;border-top:1px solid var(--ui-border)}
  .admin-users-row.head{border-top:0;background:var(--ui-surface-raised);color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:800;text-transform:uppercase}
  .admin-user-entry:first-of-type .admin-users-row{border-top:0}
  .admin-user-entry.blocked>.admin-users-row{background:var(--ui-danger-soft)}
  .admin-user-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;min-width:0}
  .admin-user-identity>i{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:800}
  .admin-user-identity strong,.admin-user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-identity small{font-size:var(--ui-font-xs)}
  .admin-user-expand{color:var(--ui-text-subtle)}
  .admin-user-detail-panel{padding:var(--ui-space-5);border-top:1px solid var(--ui-border);background:var(--ui-page-alt)}
  .admin-user-status-grid,.admin-user-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4)}
  .admin-user-controls,.admin-user-danger-zone{display:grid;gap:var(--ui-space-4);margin-top:var(--ui-space-4);padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
  .admin-user-danger-zone{border:1px solid color-mix(in srgb,var(--ui-danger) 30%,var(--ui-border));background:var(--ui-danger-soft)}

  .moderation-summary-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-3);margin-bottom:var(--ui-space-5)}
  .moderation-summary-tabs a{display:grid;gap:.2rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .moderation-summary-tabs strong{font-size:var(--ui-font-2xl)}.moderation-summary-tabs small{font-size:var(--ui-font-xs)}
  .moderation-queue-panel{margin-top:var(--ui-space-5)}
  .moderation-story-table{display:grid;gap:.35rem}
  .moderation-story-row{display:grid;grid-template-columns:minmax(14rem,1.6fr) minmax(8rem,.7fr) 5rem minmax(8rem,.7fr) auto;align-items:center;gap:.75rem;padding:.8rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .moderation-story-row.head{background:transparent;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:800;text-transform:uppercase}
  .moderation-story-row strong,.moderation-story-row small{display:block}.moderation-story-row small{font-size:var(--ui-font-xs)}
  .moderation-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}
  .moderation-review-list,.moderation-report-list,.moderation-hidden-list{display:grid;gap:var(--ui-space-3)}
  .moderation-task-card,.moderation-hidden-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ui-space-5);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .moderation-task-card header,.moderation-task-card footer,.moderation-task-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}
  .moderation-task-card blockquote,.moderation-hidden-list blockquote{margin:.75rem 0;padding:.75rem;border-left:.2rem solid var(--ui-accent);background:var(--ui-surface);color:var(--ui-text-muted)}
  .moderation-task-card footer{flex-wrap:wrap;justify-content:flex-start}
  .moderation-assignment-locked{padding:.55rem .75rem;border-radius:var(--ui-radius-sm);background:var(--ui-warning-soft);color:var(--ui-warning);font-size:var(--ui-font-xs)}

  .moderation-item-container{width:min(var(--ui-container),calc(100% - 3rem));margin:auto;padding-block:var(--ui-space-7) var(--ui-space-10)}
  .moderation-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-5);margin-bottom:var(--ui-space-5)}
  .moderation-item-head-actions{display:flex;flex-wrap:wrap;gap:.5rem}
  .moderation-item-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:var(--ui-space-5)}
  .moderation-metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.moderation-metadata-grid>div{padding:.8rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .moderation-decision-panel,.moderation-metadata-panel,.moderation-diff-panel,.moderation-transition-panel{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .moderation-decision-panel{position:sticky;top:calc(var(--ui-size-header) + 1rem)}
}

@layer layouts {
  .workspace-account-menu{position:relative}
  .admin-audit-panel,.system-next-actions,.system-account-stats,.admin-ai-access,.admin-security-flags,.reports{display:grid;gap:var(--ui-space-4)}
  .auth-notice-card{padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-info-soft);color:var(--ui-info)}

  .moderation-admin-assign{display:flex;flex-wrap:wrap;align-items:end;gap:.5rem}.moderation-admin-assign label{min-width:10rem}.moderation-admin-assign select{min-width:10rem}.moderation-admin-assign .button{flex:0 0 auto}
  .moderation-description{margin-top:.45rem;color:var(--ui-text-muted)}.moderation-item-status{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}
  .moderation-diff-details{display:grid;gap:.75rem}.moderation-diff-details>article{padding:.8rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .moderation-migration{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-info-soft);color:var(--ui-info)}

  .analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-4)}.analytics-period{display:flex;flex-wrap:wrap;gap:.4rem}.analytics-period a{padding:.45rem .7rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:750}.analytics-period a.active{background:var(--ui-text);color:var(--ui-text-inverse)}
  .analytics-timeline{display:flex;height:18rem;align-items:end;gap:.35rem;padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-inset)}.analytics-timeline>article{display:grid;height:100%;min-width:0;flex:1;grid-template-rows:minmax(0,1fr) auto;gap:.45rem}.analytics-timeline-bars{display:flex;height:100%;align-items:end;justify-content:center;gap:.15rem}.analytics-timeline-bars i{width:min(.55rem,28%);min-height:.15rem;border-radius:.3rem .3rem 0 0;background:var(--ui-secondary)}.analytics-timeline-bars i.starts{background:var(--ui-accent)}.analytics-timeline-bars i.endings{background:var(--ui-success)}.analytics-timeline small{overflow:hidden;color:var(--ui-text-subtle);font-size:.65rem;text-align:center;text-overflow:clip}
  .analytics-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.analytics-legend span{display:flex;align-items:center;gap:.4rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.analytics-legend i{width:.65rem;height:.65rem;border-radius:50%;background:var(--ui-secondary)}.analytics-legend i.starts{background:var(--ui-accent)}.analytics-legend i.endings{background:var(--ui-success)}
  .analytics-funnel{display:grid;gap:.75rem}.analytics-funnel article{display:grid;gap:.45rem}.analytics-funnel article>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem}.analytics-funnel em{grid-column:1/-1;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-style:normal}.analytics-bar{overflow:hidden;height:.5rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-inset)}.analytics-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}
  .analytics-row{grid-template-columns:minmax(12rem,1fr) repeat(3,5rem) minmax(12rem,.8fr)}.analytics-row.error-head,.analytics-row.error-row{grid-template-columns:minmax(12rem,.75fr) minmax(16rem,1.5fr) auto}.analytics-row.error-row b{color:var(--ui-danger);font-size:var(--ui-font-xs);font-weight:650}.analytics-row em{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-style:normal}

  .system-account-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.system-account-stats>article,.system-next-actions>article,.admin-ai-access>article,.admin-security-flags>article{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .system-account-stats strong{display:block;font-size:var(--ui-font-xl)}.system-account-stats span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .admin-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:var(--ui-space-5)}.admin-pagination a,.admin-pagination span{display:grid;min-width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);font-size:var(--ui-font-xs)}.admin-pagination .active{background:var(--ui-text);color:var(--ui-text-inverse)}
}

@layer layouts {
  .pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;margin-top:var(--ui-space-5)}.pagination a,.pagination span{display:grid;min-width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);font-size:var(--ui-font-xs)}.pagination .active{background:var(--ui-text);color:var(--ui-text-inverse)}
}

/* source: 07-admin-portal-home.css */
@layer pages {
  .portal-home-editor{display:grid;gap:var(--ui-space-5)}.admin-head-actions{display:flex;flex-wrap:wrap;gap:.7rem}
  .portal-home-layout{display:grid;grid-template-columns:minmax(0,1fr) 23rem;align-items:start;gap:var(--ui-space-5)}.portal-home-main{display:grid;min-width:0;gap:var(--ui-space-5)}
  .portal-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.portal-toggle,.portal-range{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.portal-toggle>span,.portal-range>span{display:grid;gap:.18rem}.portal-toggle strong,.portal-range strong{font-size:var(--ui-font-sm)}.portal-toggle small,.portal-range small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.35}.portal-toggle input{position:absolute;opacity:0;pointer-events:none}.portal-toggle i{position:relative;width:2.8rem;height:1.55rem;flex:0 0 auto;border-radius:var(--ui-radius-pill);background:var(--ui-surface-inset);box-shadow:inset 0 0 0 1px var(--ui-border);transition:background var(--ui-duration)}.portal-toggle i::after{content:"";position:absolute;top:.2rem;left:.2rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--ui-text-subtle);transition:transform var(--ui-duration),background var(--ui-duration)}.portal-toggle input:checked+i{background:var(--ui-accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ui-accent) 45%,transparent)}.portal-toggle input:checked+i::after{background:var(--ui-accent);transform:translateX(1.25rem)}.portal-toggle input:focus-visible+i{box-shadow:var(--ui-focus)}.portal-range{display:grid;grid-template-columns:minmax(0,1fr) 10rem}.portal-range input{width:100%;accent-color:var(--ui-accent)}
  .portal-selection-count{padding:.45rem .75rem;border-radius:var(--ui-radius-pill);background:var(--ui-accent-soft);color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800}.portal-selected-list,.portal-available-list{display:grid;gap:.65rem}.portal-available-list{max-height:34rem;overflow:auto;padding-right:.25rem}.portal-story-picker-item{display:grid;grid-template-columns:auto 3.3rem minmax(0,1fr) minmax(10rem,12rem) auto;align-items:center;gap:.75rem;padding:.7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised);transition:border-color var(--ui-duration),background var(--ui-duration),transform var(--ui-duration)}.portal-story-picker-item.is-selected{background:color-mix(in srgb,var(--ui-accent-soft) 38%,var(--ui-surface-raised));cursor:grab}.portal-story-picker-item.is-dragging{opacity:.45;transform:scale(.985)}.portal-story-picker-item[hidden]{display:none}.portal-drag-handle{width:1.8rem;border:0;background:transparent;color:var(--ui-text-subtle);font-size:1.15rem;letter-spacing:-.22em;cursor:grab}.portal-story-thumb{display:grid;width:3.3rem;height:4.5rem;overflow:hidden;place-items:center;border-radius:.55rem;background:var(--ui-surface-muted)}.portal-story-thumb img{width:100%;height:100%;object-fit:cover}.portal-story-thumb i{font-family:var(--ui-font-display);font-size:1.5rem;font-style:normal}.portal-story-copy{display:grid;min-width:0;gap:.18rem}.portal-story-copy strong,.portal-story-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-story-copy small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.portal-badge-field{display:grid;gap:.25rem}.portal-badge-field>span{color:var(--ui-text-subtle);font-size:.66rem;font-weight:750;text-transform:uppercase}.portal-badge-field select{min-height:2.4rem;padding:.35rem .65rem;font-size:var(--ui-font-xs)}.portal-story-action{min-height:2.4rem;padding:0 .8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface);color:var(--ui-text);font-size:var(--ui-font-xs);font-weight:780}.portal-story-action.add{color:var(--ui-secondary)}.portal-story-action.remove{width:2.4rem;padding:0;color:var(--ui-danger);font-size:1.35rem}.portal-selection-empty{padding:1.2rem;border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-md);color:var(--ui-text-subtle);font-size:var(--ui-font-sm);text-align:center}.portal-story-search input{min-width:17rem}
  .portal-home-preview{position:sticky;top:calc(var(--ui-size-header) + 1rem)}.portal-preview-stage{position:relative;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-page);isolation:isolate}.portal-preview-art{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(11,16,32,.2),rgba(11,16,32,.85)),var(--portal-preview-image,url('/static/brand/hero-fantasy-world.webp')) center/cover;opacity:var(--preview-background-opacity,.62)}.portal-preview-copy{position:absolute;z-index:3;right:1rem;bottom:1rem;left:1rem;display:grid;gap:.4rem}.portal-preview-copy small{color:#ffd5df;font-size:.55rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-preview-copy strong{color:#fff;font-family:var(--ui-font-display);font-size:1.7rem;line-height:.95}.portal-preview-cards{position:absolute;inset:16% 5% 22%}.portal-preview-card{position:absolute;display:block;width:43%;overflow:hidden;aspect-ratio:2/3;border:1px solid rgba(255,255,255,.25);border-radius:.75rem;background:#1c2438;box-shadow:0 1rem 2rem rgba(0,0,0,.36)}.portal-preview-card img{width:100%;height:100%;object-fit:cover}.portal-preview-card i{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-family:var(--ui-font-display);font-size:2rem;font-style:normal}.portal-preview-card.p1{z-index:3;top:0;left:29%;transform:rotate(1deg)}.portal-preview-card.p2{z-index:2;top:10%;left:1%;transform:rotate(-9deg) scale(.88)}.portal-preview-card.p3{z-index:1;top:11%;right:0;transform:rotate(9deg) scale(.87)}.portal-preview-note{margin-top:.8rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.5}
}
@layer responsive {
  @media (max-width:1240px){.portal-home-layout{grid-template-columns:1fr}.portal-home-preview{position:static}.portal-preview-stage{max-width:24rem;aspect-ratio:4/3}.portal-preview-cards{inset:9% 20% 15%}.portal-preview-card{width:33%}.portal-preview-copy{max-width:13rem}}
  @media (max-width:760px){.portal-settings-grid{grid-template-columns:1fr}.portal-range{grid-template-columns:1fr}.portal-story-picker-item{grid-template-columns:3rem minmax(0,1fr) auto}.portal-drag-handle{display:none}.portal-story-thumb{width:3rem;height:4rem}.portal-badge-field{grid-column:2/-1}.portal-story-search{width:100%}.portal-story-search input{width:100%;min-width:0}.admin-head-actions{width:100%}.admin-head-actions .button{flex:1}.portal-preview-stage{max-width:none}}
}
@layer pages {.portal-preview-stage.is-background-disabled .portal-preview-art{opacity:0}}

@layer pages {
  .portal-background-picker{grid-column:1/-1;display:grid;grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .portal-background-thumb{display:block;width:8.5rem;overflow:hidden;aspect-ratio:16/9;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background-image:linear-gradient(90deg,rgba(11,16,32,.18),rgba(11,16,32,.72)),var(--portal-background-image,url('/static/brand/hero-fantasy-world.webp'));background-position:center;background-size:cover;box-shadow:var(--ui-shadow-sm)}
  .portal-background-copy{display:grid;min-width:0;gap:.25rem}.portal-background-copy strong{font-size:var(--ui-font-sm)}.portal-background-copy small{max-width:46rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.45}.portal-background-copy>span{color:var(--ui-secondary);font-size:.7rem;font-weight:780}
  .portal-file-button{position:relative;display:inline-flex;min-height:2.65rem;align-items:center;justify-content:center;padding:0 .9rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-sm);background:var(--ui-surface);font-size:var(--ui-font-xs);font-weight:800;cursor:pointer}.portal-file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.portal-file-button:focus-within{box-shadow:var(--ui-focus)}
  .portal-background-reset{grid-column:2/-1;display:inline-flex;align-items:center;gap:.55rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.portal-background-reset input{accent-color:var(--ui-accent)}
}
@layer responsive {
  @media (max-width:760px){.portal-background-picker{grid-template-columns:5.5rem minmax(0,1fr)}.portal-background-thumb{width:5.5rem}.portal-file-button{grid-column:1/-1}.portal-background-reset{grid-column:1/-1}}
}

/* source: 08-auth-legal.css */
@layer pages {
  .text-link{color:var(--ui-secondary);font-weight:760}
  .otp-input{font-family:var(--ui-font-mono);font-size:var(--ui-font-xl);letter-spacing:.25em;text-align:center}
  .mfa-setup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--ui-space-5)}
  .mfa-qr{padding:.75rem;border-radius:var(--ui-radius-md);background:#fff}.mfa-qr img{width:12rem;height:12rem}
  .secret-code,.recovery-codes{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-inset);font-family:var(--ui-font-mono);font-size:var(--ui-font-sm);word-break:break-all}

  .simple-page-head,.error-page{width:min(var(--ui-readable),calc(100% - 2rem));margin:var(--ui-space-8) auto var(--ui-space-5)}
  .simple-page-head h1,.error-page h1{margin:.35rem 0;font-size:var(--ui-font-2xl)}
  .narrow-content{width:min(var(--ui-readable),calc(100% - 2rem));margin:0 auto var(--ui-space-10)}
  .legal-document{display:grid;gap:var(--ui-space-5);max-width:var(--ui-readable);margin:auto}
  .legal-document h2{margin-top:var(--ui-space-5);font-size:var(--ui-font-xl)}
  .legal-document h3{font-size:var(--ui-font-lg)}
  .legal-document p,.legal-document li{color:var(--ui-text-muted)}
  .legal-document ul,.legal-document ol{display:grid;gap:.5rem;padding-left:1.35rem}
  .notification-list{display:grid;gap:var(--ui-space-3)}
  .notification-list>article,.notification-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
  .notification-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent)}
  .security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .security-card h2{margin-bottom:.5rem;font-size:var(--ui-font-lg)}
  .status-dot{display:inline-block;width:.6rem;height:.6rem;margin-right:.35rem;border-radius:50%;background:var(--ui-text-disabled)}
  .status-dot.success{background:var(--ui-success)}

  .author-start-hero{width:min(var(--ui-container),calc(100% - 3rem));margin:var(--ui-space-8) auto;padding:var(--ui-space-8);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:linear-gradient(145deg,var(--ui-accent-soft),var(--ui-secondary-soft)),var(--ui-surface);box-shadow:var(--ui-shadow-md)}
  .author-start-hero h1{max-width:14ch;font-size:var(--ui-font-3xl)}
  .author-start-hero>p{max-width:42rem;margin:.75rem 0 1.5rem;font-size:var(--ui-font-lg)}
  .author-start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ui-space-4);margin-top:var(--ui-space-7)}
  .author-start-steps>div{padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
}

/* source: 08-auth-experience.css */
@layer pages {
  .auth-page main{position:relative;min-height:calc(100vh - var(--ui-size-header));overflow:hidden;background:radial-gradient(circle at 16% 8%,var(--ui-accent-soft),transparent 32rem),radial-gradient(circle at 88% 12%,var(--ui-secondary-soft),transparent 34rem),var(--ui-page)}
  .auth-experience{position:relative;display:grid;min-height:calc(100vh - var(--ui-size-header));place-items:center;padding:clamp(1.25rem,4vw,4rem) var(--ui-page-gutter)}
  .auth-experience__ambient{position:absolute;inset:0;background-image:linear-gradient(90deg,var(--ui-page),color-mix(in srgb,var(--ui-page) 82%,transparent) 46%,var(--ui-page)),url('/static/brand/hero-fantasy-world.webp');background-position:center;background-size:cover;opacity:.22;filter:saturate(.72)}
  .auth-shell{position:relative;z-index:1;display:grid;width:min(75rem,100%);min-height:39rem;grid-template-columns:minmax(0,1.05fr) minmax(27rem,.95fr);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:color-mix(in srgb,var(--ui-surface) 92%,transparent);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(1.1rem)}
  .auth-shell--register{min-height:43rem;grid-template-columns:minmax(0,.94fr) minmax(31rem,1.06fr)}
  .auth-intro{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:clamp(2rem,4vw,4rem);background:linear-gradient(150deg,color-mix(in srgb,var(--ui-accent-soft) 78%,transparent),color-mix(in srgb,var(--ui-secondary-soft) 66%,transparent)),color-mix(in srgb,var(--ui-page-alt) 94%,transparent)}
  .auth-intro::after{content:"";position:absolute;right:-7rem;bottom:-9rem;width:24rem;height:24rem;border:1px solid color-mix(in srgb,var(--ui-accent) 16%,transparent);border-radius:50%;box-shadow:0 0 0 4rem color-mix(in srgb,var(--ui-accent) 3%,transparent),0 0 0 8rem color-mix(in srgb,var(--ui-secondary) 2%,transparent)}
  .auth-brand,.auth-intro-copy,.auth-benefits{position:relative;z-index:1}.auth-brand{margin-bottom:clamp(2.25rem,5vw,4.5rem)}.auth-brand .app-brand{width:max-content}
  .auth-intro h1{max-width:10.5ch;margin:.75rem 0 1rem;font-size:clamp(3.15rem,5.4vw,5.45rem);line-height:.95;letter-spacing:-.055em;text-wrap:balance}
  .auth-shell--register .auth-intro h1{font-size:clamp(2.8rem,4.6vw,4.85rem)}
  .auth-intro-copy>p{max-width:35rem;color:var(--ui-text-muted);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65}
  .auth-benefits{display:grid;gap:.85rem;margin:2.25rem 0 0;padding:0;list-style:none}.auth-benefits li{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:.7rem;color:var(--ui-text-muted)}.auth-benefits i{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;background:var(--ui-success-soft);color:var(--ui-success);font-size:.76rem;font-style:normal;font-weight:900}.auth-benefits span{display:grid;gap:.12rem}.auth-benefits strong{color:var(--ui-text);font-size:var(--ui-font-sm)}.auth-benefits small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.45}
  .auth-form-pane{display:grid;min-width:0;place-items:center;padding:clamp(1.5rem,3.2vw,3.5rem);background:color-mix(in srgb,var(--ui-surface) 95%,transparent)}
  .auth-card{display:grid;width:min(29rem,100%);gap:var(--ui-space-4);padding:0;background:transparent}.auth-shell--register .auth-card{width:min(34rem,100%)}
  .auth-card-head{margin-bottom:.35rem}.auth-card-head>span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.auth-card-head h2{margin:.3rem 0 .35rem;font-size:clamp(2.2rem,3vw,3rem);line-height:1}.auth-card-head p{color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}
  .auth-card label:not(.check-row){display:grid;gap:.42rem}.auth-card label>span:first-child{color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:780;letter-spacing:.04em;text-transform:uppercase}.auth-card label small{color:var(--ui-text-subtle);font-size:.7rem}
  .auth-card input:not([type="checkbox"]){min-height:3.15rem;border-color:var(--ui-border-strong);background:var(--ui-surface-raised)}
  .auth-fields{display:grid;gap:var(--ui-space-4)}.auth-fields--split{grid-template-columns:repeat(2,minmax(0,1fr))}
  .password-control{position:relative;display:block}.password-control input{width:100%;padding-right:3.2rem}.password-control button{position:absolute;top:50%;right:.55rem;display:grid;width:2.25rem;height:2.25rem;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ui-text-subtle);transform:translateY(-50%)}.password-control button:hover{background:var(--ui-surface-muted);color:var(--ui-text)}.password-control svg{width:1.15rem;fill:none;stroke:currentColor;stroke-width:1.7}
  .auth-consents{display:grid;gap:.65rem;padding:.8rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .check-row{display:grid;grid-template-columns:1.1rem minmax(0,1fr);align-items:start;gap:.65rem;color:var(--ui-text-muted);font-size:.76rem;line-height:1.42}.check-row::before{display:none}.check-row input{width:1rem;height:1rem;margin-top:.12rem;accent-color:var(--ui-accent)}.check-row a{color:var(--ui-secondary);font-weight:700}
  .auth-submit{min-height:3.25rem;margin-top:.15rem;border-radius:var(--ui-radius-md)}
  .auth-form-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.2rem;color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}.auth-form-footer a{color:var(--ui-secondary);font-weight:760}
}

@layer responsive {
  @media (max-width:980px){
    .auth-shell,.auth-shell--register{width:min(42rem,100%);min-height:0;grid-template-columns:1fr}.auth-intro{padding:2rem 2.25rem}.auth-brand{margin-bottom:1.6rem}.auth-intro h1,.auth-shell--register .auth-intro h1{max-width:16ch;font-size:clamp(2.45rem,7vw,3.8rem)}.auth-intro-copy>p{max-width:38rem}.auth-benefits{display:none}.auth-form-pane{padding:2rem 2.25rem 2.5rem}.auth-card,.auth-shell--register .auth-card{width:100%}
  }
  @media (max-width:600px){
    .auth-experience{display:block;min-height:auto;padding:.75rem}.auth-experience__ambient{opacity:.14}.auth-shell,.auth-shell--register{border-radius:var(--ui-radius-xl)}.auth-intro{padding:1.35rem}.auth-brand{margin-bottom:1.15rem}.auth-intro h1,.auth-shell--register .auth-intro h1{margin:.5rem 0 .65rem;font-size:clamp(2.1rem,11vw,3rem);line-height:.98}.auth-intro-copy>p{font-size:.9rem}.auth-form-pane{padding:1.35rem}.auth-card{gap:.9rem}.auth-card-head h2{font-size:2rem}.auth-fields--split{grid-template-columns:1fr}.auth-form-footer{align-items:flex-start;flex-direction:column}.auth-card input:not([type="checkbox"]){min-height:3rem}
  }
}

/* source: 11-publication-workspace.css */
@layer components {
  .publication-anchor{scroll-margin-top:calc(var(--ui-size-header) + 5rem)}
  .publication-readiness-mobile{display:none}
  .publication-readiness-card,.publication-catalog-preview,.publication-preview-banner{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .publication-readiness-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4)}
  .publication-readiness-card>header h2{margin:.25rem 0 0;font-size:var(--ui-font-lg)}
  .publication-readiness-card>header>strong{font-size:var(--ui-font-xl);line-height:1}
  .publication-readiness-progress{height:.5rem;overflow:hidden;margin:.9rem 0 .65rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-inset)}
  .publication-readiness-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ui-warning),var(--ui-accent));transition:width .35s ease}
  .publication-readiness-card.is-ready .publication-readiness-progress i{background:var(--ui-success)}
  .publication-readiness-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .publication-readiness-summary b{color:var(--ui-text)}
  .publication-check-list{display:grid;gap:.45rem;margin-top:var(--ui-space-4)}
  .publication-check{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.65rem;padding:.65rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised)}
  .publication-check:hover{background:var(--ui-surface-muted)}
  .publication-check>i{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:50%;background:var(--ui-warning-soft);color:var(--ui-warning-strong);font-style:normal;font-weight:850}
  .publication-check.is-complete>i{background:var(--ui-success-soft);color:var(--ui-success)}
  .publication-check.is-recommended>i{background:var(--ui-info-soft);color:var(--ui-info)}
  .publication-check strong,.publication-check small{display:block}.publication-check strong{font-size:var(--ui-font-xs)}.publication-check small{margin-top:.15rem;color:var(--ui-text-subtle);font-size:.68rem;line-height:1.35}
  .publication-blockers{margin-top:.75rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));border-radius:var(--ui-radius-sm);background:var(--ui-warning-soft);color:var(--ui-warning-strong);font-size:var(--ui-font-xs)}
  .publication-blockers ul{margin:.4rem 0 0;padding-left:1.1rem}.publication-blockers li+li{margin-top:.2rem}

  .publication-catalog-preview{display:grid;gap:.75rem}
  .publication-preview-card{display:grid;grid-template-columns:6.25rem minmax(0,1fr);overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .publication-preview-cover{position:relative;min-height:9.4rem;overflow:hidden;background:var(--ui-surface-muted)}
  .publication-preview-cover>img,.publication-preview-cover>div{width:100%;height:100%;object-fit:cover}
  .publication-preview-cover>div{display:grid;place-items:center;align-content:center;gap:.25rem;background:linear-gradient(145deg,var(--ui-secondary-soft),var(--ui-accent-soft))}.publication-preview-cover>div b{font-size:2rem}.publication-preview-cover>div small{color:var(--ui-text-subtle)}
  .publication-preview-cover>span{position:absolute;right:.35rem;bottom:.35rem;padding:.2rem .4rem;border-radius:var(--ui-radius-pill);background:rgba(11,16,32,.82);color:#fff;font-size:.62rem;font-weight:800}
  .publication-preview-copy{display:flex;min-width:0;flex-direction:column;padding:.75rem}.publication-preview-copy>small{overflow:hidden;color:var(--ui-accent);font-size:.66rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.publication-preview-copy h3{display:-webkit-box;overflow:hidden;margin:.25rem 0;font-size:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.publication-preview-copy p{display:-webkit-box;overflow:hidden;margin:0;color:var(--ui-text-muted);font-size:.74rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.publication-preview-copy>div{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:auto;padding-top:.55rem;color:var(--ui-text-subtle);font-size:.64rem}.publication-preview-copy>div strong{margin-left:auto;color:var(--ui-text);font-size:.72rem}

  .publication-series-head .project-control-meta{margin-top:var(--ui-space-4)}
  .publication-series-action{display:grid;gap:.75rem}.publication-series-action form{display:grid}.publication-series-action .button+form{margin-top:.2rem}
  .publication-preview-banner{display:flex;width:min(var(--ui-container),calc(100% - 3rem));align-items:center;justify-content:space-between;gap:var(--ui-space-4);margin:var(--ui-space-5) auto}.publication-preview-banner strong,.publication-preview-banner span{display:block}.publication-preview-banner span{margin-top:.2rem;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .publication-series-preview-hero{margin-top:0}.publication-preview-description{max-width:48rem;margin-top:var(--ui-space-4);color:var(--ui-text-muted);line-height:1.7;white-space:pre-line}.publication-preview-part.is-draft{border-style:dashed;opacity:.82}

  .page-publication-workspace .project-control-tabs span,.page-publication-workspace .workspace-section-nav span{margin-left:.35rem;padding:.12rem .35rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);font-size:.66rem}
  .page-publication-workspace button:disabled{cursor:not-allowed;opacity:.48}

}

@layer layouts {
  .publication-workspace{grid-template-columns:minmax(0,1fr) minmax(20rem,25rem)}
  .publication-sidebar{position:sticky;top:calc(var(--ui-size-header) + var(--ui-space-4));max-height:calc(100vh - var(--ui-size-header) - 2rem);overflow:auto;padding-bottom:.25rem;scrollbar-width:thin}
  .publication-series-workspace{grid-template-columns:minmax(0,1fr) minmax(20rem,25rem)}
}

@layer responsive {
  @media (max-width:68rem){
    .publication-sidebar{position:static;max-height:none;overflow:visible}.publication-readiness-desktop{display:none}.publication-readiness-mobile{display:block}.publication-workspace,.publication-series-workspace{grid-template-columns:1fr}.publication-series-workspace .series-workspace-side{grid-row:1}.publication-series-workspace .publication-readiness-card{order:-2}.publication-series-workspace .publication-series-action{order:-1}
  }
  @media (max-width:47.5rem){
    .publication-preview-banner{width:calc(100% - 1.25rem);align-items:stretch;flex-direction:column}.publication-preview-banner .button{width:100%}.publication-preview-card{grid-template-columns:clamp(5.25rem,18vw,5.8rem) minmax(0,1fr)}.publication-preview-cover{min-height:8.8rem}.publication-readiness-card,.publication-catalog-preview{padding:var(--ui-space-4)}.publication-check small{display:none}.publication-check{align-items:center}.publication-readiness-summary{align-items:flex-start;flex-direction:column;gap:.25rem}
    .catalog-unified-grid>.catalog-card,.catalog-unified-grid.is-compact>.catalog-card{min-height:13rem}.catalog-unified-grid>.catalog-card>.catalog-card__cover,.catalog-unified-grid.is-compact>.catalog-card>.catalog-card__cover{min-height:13rem}.catalog-unified-grid .catalog-card__body{min-height:13rem}
    .catalog-unified-grid>.catalog-card .catalog-card__body>.catalog-card__summary,.catalog-unified-grid.is-compact>.catalog-card .catalog-card__body>.catalog-card__summary,.author-work-catalog .catalog-unified-grid>.catalog-card .catalog-card__body>.catalog-card__summary{display:-webkit-box;min-height:2.55em;margin:.25rem 0 .55rem;color:var(--ui-text-muted);font-size:clamp(.72rem,2.3vw,.76rem);line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .catalog-unified-grid .reader-card-facts{gap:.3rem;font-size:.64rem}.catalog-unified-grid .reader-card-footer{padding-top:.35rem}
  }
}

/* source: 12-public-author-experience-repair.css */
@layer pages {
  /* 0.12.17 R3 Public & Author Experience Repair */
  .experience-repair :where(h1,h2,h3,p){overflow-wrap:anywhere}

  /* Compact catalog header */
  .catalog-toolbar{
    display:grid;gap:var(--ui-space-5);margin:clamp(1.5rem,4vw,3rem) auto var(--ui-space-7);
    padding:clamp(1.1rem,2.6vw,1.75rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);
    background:linear-gradient(145deg,var(--ui-surface) 0%,var(--ui-surface-raised) 100%);box-shadow:var(--ui-shadow-sm)
  }
  .catalog-toolbar__head{display:flex;min-width:0;width:100%;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-6)}.catalog-toolbar__head>div:first-child{min-width:0}
  .catalog-toolbar__head h1{margin:.25rem 0 0;font:780 clamp(2rem,4vw,3.6rem)/1.02 var(--ui-font-display);letter-spacing:-.045em}
  .catalog-count{display:flex;align-items:baseline;gap:.55rem;padding:.55rem .8rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-muted);white-space:nowrap}
  .catalog-count strong{font-size:var(--ui-font-xl)}.catalog-count span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:780;text-transform:uppercase;letter-spacing:.06em}
  .catalog-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.45rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-page)}
  .catalog-search svg{width:1.25rem;height:1.25rem;margin-left:.55rem;fill:none;stroke:var(--ui-text-subtle);stroke-width:1.8}
  .catalog-search input{min-height:2.85rem;border:0;background:transparent}.catalog-search input:focus{background:transparent;box-shadow:none}
  .catalog-toolbar__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4)}
  .catalog-tabs{width:min(42rem,100%);flex:1 1 42rem;margin:0;padding:.25rem}.catalog-tabs a{min-height:2.35rem;padding:0 1rem}
  .catalog-quick-links{display:flex;flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-end;gap:.4rem}.catalog-quick-links a{padding:.45rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface);font-size:var(--ui-font-xs);font-weight:720}
  .catalog-layout{align-items:start}.catalog-filters{position:sticky;top:calc(var(--ui-size-header) + 1rem);max-height:calc(100dvh - var(--ui-size-header) - 2rem);overflow:auto}
  .catalog-results-head{min-height:3rem;padding:0 0 var(--ui-space-4);border-bottom:1px solid var(--ui-border)}
  .catalog-result-caption{display:flex;align-items:baseline;gap:.4rem}.catalog-result-caption strong{font-size:var(--ui-font-xl)}.catalog-result-caption span{color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}
  .catalog-unified-grid{gap:var(--ui-card-gap)}
  .experience-repair .catalog-card__body>p.catalog-card__summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.55}

  /* Unified authentication flow */
  .auth-flow .page-main{min-height:calc(100dvh - var(--ui-size-header));display:grid;align-items:center}
  .auth-stage{display:grid;width:100%;min-height:calc(100dvh - var(--ui-size-header));place-items:center;padding:clamp(1rem,4vw,3rem) var(--ui-page-gutter);background:radial-gradient(circle at 50% 0,var(--ui-hero-glow),transparent 38%),var(--ui-page)}
  .auth-panel{width:min(32rem,100%);padding:clamp(1.25rem,4vw,2.15rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:color-mix(in srgb,var(--ui-surface) 96%,transparent);box-shadow:var(--ui-shadow-md)}
  .auth-panel--compact{width:min(29rem,100%)}
  .auth-panel__brand{display:flex;justify-content:center;margin-bottom:var(--ui-space-6)}
  .auth-panel__head{text-align:center}.auth-panel__head h1{margin:.35rem 0 .6rem;font:780 clamp(2rem,6vw,3rem)/1.05 var(--ui-font-display);letter-spacing:-.045em}.auth-panel__head p{max-width:26rem;margin:0 auto;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.55}
  .auth-form{display:grid;gap:var(--ui-space-4);margin-top:var(--ui-space-6)}
  .auth-form label>small{display:block;margin-top:.4rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .auth-form :where(input:not([type=checkbox]),select){min-height:3.15rem}
  .auth-consents{display:grid;gap:.6rem;margin:0;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .auth-consents legend{padding:0 .35rem}.auth-consents .check-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;margin:0}.auth-consents .check-row>span{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:550;line-height:1.45;letter-spacing:0;text-transform:none}
  .auth-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);margin-top:var(--ui-space-5);padding-top:var(--ui-space-4);border-top:1px solid var(--ui-border);color:var(--ui-text-subtle);font-size:var(--ui-font-sm)}
  .auth-panel__footer--center{justify-content:center}.auth-panel__footer a{font-weight:760}
  .otp-input{font-size:1.55rem;font-weight:800;letter-spacing:.26em;text-align:center;font-variant-numeric:tabular-nums}
  .auth-notice{text-align:center}.auth-notice__icon{display:grid;width:3.5rem;height:3.5rem;place-items:center;margin:0 auto var(--ui-space-5);border-radius:50%;background:var(--ui-success-soft);color:var(--ui-success);font-size:1.5rem;font-weight:900}

  /* Publication workflow */
  .workflow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-7);margin-bottom:var(--ui-space-5);padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .workflow-head h1{max-width:48rem;margin:.3rem 0 .75rem;font:780 clamp(2rem,4.5vw,3.8rem)/1.02 var(--ui-font-display);letter-spacing:-.045em}
  .workflow-meta{display:flex;flex-wrap:wrap;gap:.4rem}.workflow-meta span{padding:.4rem .65rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:730}.workflow-meta span.success{background:var(--ui-success-soft);color:var(--ui-success)}.workflow-meta span.pending{background:var(--ui-warning-soft);color:var(--ui-warning)}
  .workflow-status{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;align-items:center;margin-bottom:var(--ui-space-5);padding:.85rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
  .workflow-status>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-weight:900}.workflow-status strong{display:block}.workflow-status p{margin:.15rem 0 0;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.4}.workflow-status.success{border-color:color-mix(in srgb,var(--ui-success) 30%,var(--ui-border));background:var(--ui-success-soft)}.workflow-status.warning{border-color:color-mix(in srgb,var(--ui-warning) 30%,var(--ui-border));background:var(--ui-warning-soft)}.workflow-status.danger{border-color:color-mix(in srgb,var(--ui-danger) 30%,var(--ui-border));background:var(--ui-danger-soft)}
  .publication-flow{display:grid;gap:var(--ui-space-5)}
  .publication-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;padding:.45rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}
  .publication-steps button{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.7rem;align-items:center;min-height:4rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:var(--ui-radius-md);background:transparent;color:var(--ui-text-muted);text-align:left}
  .publication-steps button>b{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-size:var(--ui-font-xs)}.publication-steps button span{display:grid;gap:.15rem}.publication-steps button strong{font-size:var(--ui-font-sm)}.publication-steps button small{color:var(--ui-text-subtle);font-size:.68rem}.publication-steps button[aria-current=step]{border-color:var(--ui-border-strong);background:var(--ui-surface-raised);color:var(--ui-text);box-shadow:var(--ui-shadow-sm)}.publication-steps button[aria-current=step]>b{background:var(--ui-brand-gradient);color:#fff}
  .publication-flow__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);gap:var(--ui-space-5);align-items:start}.publication-flow__main{display:grid;gap:var(--ui-space-5);min-width:0}.publication-flow__side{position:sticky;top:calc(var(--ui-size-header) + 1rem);display:grid;gap:var(--ui-space-4);min-width:0}
  [data-publication-flow].is-enhanced .publication-step-panel{display:none}[data-publication-flow].is-enhanced .publication-step-panel.is-active{display:block;animation:workflow-panel-in .2s var(--ui-ease)}
  @keyframes workflow-panel-in{from{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}
  .publication-step-panel{padding:clamp(1rem,2.8vw,1.6rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}
  .publication-step-title{margin-bottom:var(--ui-space-6);padding-bottom:var(--ui-space-5);border-bottom:1px solid var(--ui-border)}.publication-step-title>span{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.publication-step-title h2{margin:.35rem 0 .45rem;font-size:clamp(1.55rem,3vw,2.25rem)}.publication-step-title p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .publication-card-editor{display:grid;grid-template-columns:minmax(9rem,13rem) minmax(0,1fr);gap:var(--ui-space-6);align-items:start}.publication-cover{display:grid;gap:.75rem}.publication-cover .cover-upload-preview,.publication-cover .series-cover-preview{aspect-ratio:2/3;overflow:hidden;border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}.publication-cover img{width:100%;height:100%;object-fit:cover}.publication-cover form{display:grid;gap:.55rem}.publication-cover>small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.45}
  .publication-form{display:grid;gap:var(--ui-space-4)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.publication-form label>small{display:block;margin-top:.35rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}
  .publication-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem;margin-top:var(--ui-space-5);padding-top:var(--ui-space-5);border-top:1px solid var(--ui-border)}
  .story-readiness-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);gap:var(--ui-space-4);align-items:start}.story-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.story-metrics article,.review-summary article{display:grid;gap:.2rem;padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.story-metrics strong{font-size:var(--ui-font-xl)}.story-metrics span,.review-summary span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);text-transform:uppercase;letter-spacing:.05em}
  .advanced-section{margin-top:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);overflow:hidden}.advanced-section>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4);cursor:pointer;list-style:none}.advanced-section>summary::-webkit-details-marker{display:none}.advanced-section>summary>span{display:grid;gap:.2rem}.advanced-section>summary small{color:var(--ui-text-subtle)}.advanced-section>summary>b{font-size:1.35rem;transition:transform var(--ui-duration-fast)}.advanced-section[open]>summary>b{transform:rotate(45deg)}.advanced-section__body{display:grid;gap:var(--ui-space-5);padding:var(--ui-space-5);border-top:1px solid var(--ui-border);background:var(--ui-surface)}
  .series-membership{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);padding:var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.series-membership>div{display:grid;gap:.2rem}.series-membership span{color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
  .review-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:var(--ui-space-5)}.review-summary strong{font-size:var(--ui-font-md)}
  .release-action-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:var(--ui-space-6)}.release-action-card h3,.release-action-card p{width:100%;margin:0}.release-action-card p{color:var(--ui-text-muted)}.release-action-card form{margin:0}.release-visibility{width:100%;padding-top:var(--ui-space-4);border-top:1px solid var(--ui-border)}
  .publication-advanced{margin-top:0}.advanced-subsection{display:grid;gap:var(--ui-space-4)}.advanced-subsection>h3{margin:0;padding-bottom:.6rem;border-bottom:1px solid var(--ui-border)}
  .publication-side-progress{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm)}.publication-side-progress>div{display:flex;align-items:center;justify-content:space-between}.publication-side-progress strong{font-size:var(--ui-font-xl)}.publication-side-progress progress{width:100%;height:.55rem;margin:.8rem 0;border:0;border-radius:var(--ui-radius-pill);overflow:hidden}.publication-side-progress progress::-webkit-progress-bar{background:var(--ui-surface-muted)}.publication-side-progress progress::-webkit-progress-value{background:var(--ui-brand-gradient)}.publication-side-progress ul{display:grid;gap:.35rem;margin:.65rem 0 0;padding-left:1.1rem;color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.publication-side-progress p{margin:.65rem 0 0;color:var(--ui-success);font-size:var(--ui-font-sm)}
  .series-parts>article{align-items:start}.series-add{margin-top:var(--ui-space-5)}.bundle-manage{grid-template-columns:1fr}.bundle-create{grid-template-columns:1.2fr 1fr .8fr .7fr auto}

  /* Public and author page consistency pass */
  .auth-flow .site-footer{display:none}
  .auth-flow .app-main{min-height:calc(100dvh - var(--ui-size-header))}
  .experience-repair.page-story .novel-hero-inner{min-height:clamp(29rem,68vh,35rem);gap:clamp(2rem,5vw,5rem)}
  .experience-repair.page-story .novel-copy h1{max-width:16ch;font-size:clamp(2.7rem,5.6vw,5rem);line-height:.95}
  .experience-repair.page-series .series-public-hero{margin-top:clamp(1.25rem,3vw,2rem);padding:clamp(1.5rem,4vw,3rem);gap:clamp(1.75rem,5vw,4rem)}
  .experience-repair.page-series .series-public-copy h1{font-size:clamp(2.7rem,5.4vw,4.8rem);line-height:.95}
  .experience-repair.page-series .series-public-cover{transform:none}
  .experience-repair.page-author .author-profile{margin-top:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);gap:var(--ui-space-5)}
  .experience-repair.page-author .author-profile__identity h1{font-size:clamp(2rem,4vw,3.4rem)}
  .experience-repair.page-author .author-bio>p{font-size:var(--ui-font-md);line-height:1.6}
  .experience-repair.page-author-start .author-start{min-height:auto;padding-block:clamp(2rem,6vw,5rem);gap:clamp(2rem,5vw,5rem)}
  .experience-repair.page-author-start .author-start__copy h1{font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:.98}
  .experience-repair.page-dashboard .workspace-main,
  .experience-repair.page-project-analytics .workspace-main,
  .experience-repair.page-notifications .workspace-main{min-width:0}
  .experience-repair.page-project-analytics .project-analytics-head>div{min-width:0}
  .experience-repair.page-account-security .app-main{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)));margin-inline:auto;padding-bottom:var(--ui-space-10)}
  .experience-repair.page-account-security .simple-page-head{max-width:52rem}
  .experience-repair.page-account-security .security-card{min-width:0}
  .experience-repair.page-account-security .mfa-setup{align-items:start}
  .experience-repair.page-account-security .mfa-qr img{display:block;width:min(15rem,100%);height:auto;margin:auto;border-radius:var(--ui-radius-md)}
  .experience-repair.page-error .app-main{display:grid;min-height:calc(100dvh - var(--ui-size-header));place-items:center;padding:var(--ui-page-gutter)}
  .experience-repair.page-error .error-page{width:min(42rem,100%);margin:0}
  .publication-step-panel{scroll-margin-top:calc(var(--ui-size-header) + 5rem)}
  .experience-repair .simple-page-head,.experience-repair .workspace-page-head{padding-block:clamp(1.5rem,4vw,3rem)}
  .experience-repair .content-section,.experience-repair .workspace-section{border-radius:var(--ui-radius-xl)}
  .experience-repair .reader-card img,.experience-repair .series-card img{background:var(--ui-surface-muted)}
}

@layer responsive {
  @media (max-width:64rem){
    .catalog-toolbar__controls{align-items:stretch;flex-direction:column}.catalog-tabs{flex:0 0 auto}.catalog-quick-links{justify-content:flex-start}
    .publication-flow__layout{grid-template-columns:1fr}.publication-flow__side{position:static;grid-row:auto}.publication-flow__side .publication-card-preview{display:none}
    .publication-steps button small{display:none}.story-readiness-grid{grid-template-columns:1fr}.bundle-create{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:48rem){
    .catalog-toolbar{margin-top:1rem;padding:1rem}.catalog-toolbar__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:.5rem}.catalog-toolbar__head h1{font-size:2rem}.catalog-count{padding:.4rem .6rem}.catalog-count span{display:none}
    .catalog-search{grid-template-columns:auto minmax(0,1fr) auto}.catalog-search .button{width:auto}.catalog-tabs{width:100%;overflow-x:auto}.catalog-tabs a{flex:1;justify-content:center}.catalog-quick-links{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem}.catalog-quick-links a{flex:0 0 auto}
    .experience-repair .catalog-card__body>p.catalog-card__summary{display:-webkit-box;-webkit-line-clamp:2;margin:.45rem 0;font-size:.78rem;line-height:1.45}
    .experience-repair.page-story .novel-hero-inner{min-height:auto;grid-template-columns:7.5rem minmax(0,1fr);padding-block:1.5rem}
    .experience-repair.page-story .novel-copy h1{font-size:clamp(2.1rem,10vw,3.2rem)}
    .experience-repair.page-series .series-public-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
    .experience-repair.page-series .series-public-hero{padding:1rem;border-radius:var(--ui-radius-xl)}
    .experience-repair.page-author .author-profile{width:calc(100% - 1rem);margin-top:.75rem;padding:1rem}
    .experience-repair.page-author-start .author-start{width:calc(100% - 1.25rem);padding-block:1.5rem}
    .experience-repair.page-author-start .author-start__copy h1{font-size:clamp(2.35rem,12vw,3.5rem)}
    .experience-repair.page-account-security .app-main{width:calc(100% - 1rem)}
    .experience-repair.page-account-security .security-card{padding:1rem}
    .auth-stage{align-items:start;padding:1rem .75rem}.auth-panel{padding:1.15rem;border-radius:var(--ui-radius-lg)}.auth-panel__brand{margin-bottom:1rem}.auth-panel__head h1{font-size:2.15rem}.auth-panel__footer{align-items:flex-start;flex-direction:column}.auth-panel__footer--center{align-items:center}
    .workflow-head{align-items:flex-start;flex-direction:column;padding:1rem}.workflow-head h1{font-size:2.2rem}.workflow-head .head-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.workflow-head .head-actions .button{width:100%}
    .publication-steps{grid-template-columns:repeat(4,1fr);position:sticky;z-index:25;top:calc(var(--ui-size-header) + .4rem)}.publication-steps button{display:grid;grid-template-columns:1fr;justify-items:center;min-height:3.25rem;padding:.45rem .2rem;text-align:center}.publication-steps button>b{width:1.75rem;height:1.75rem}.publication-steps button span strong{font-size:.66rem}.publication-steps button span small{display:none}
    .publication-card-editor{grid-template-columns:1fr}.publication-cover{width:min(12rem,58vw);margin:auto}.form-grid{grid-template-columns:1fr}.publication-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.publication-form-actions .button{width:100%}.publication-form-actions .button:last-child:nth-child(3){grid-column:1/-1}
    .review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.release-action-card{display:grid}.release-action-card .button,.release-action-card form,.release-action-card form .button{width:100%}.series-membership{align-items:flex-start;flex-direction:column}.series-membership .button{width:100%}.release-link-form{grid-template-columns:1fr}.bundle-create{grid-template-columns:1fr}
  }
  @media (max-width:25rem){
    .catalog-toolbar__head{display:grid}.catalog-count{justify-self:auto}.catalog-view-switch span:last-child{display:none}
    .review-summary,.story-metrics{grid-template-columns:1fr}.publication-form-actions{grid-template-columns:1fr}.publication-form-actions .button:last-child:nth-child(3){grid-column:auto}
  }
}

/* source: 13-discovery-profiles-errors.css */
/* Micro Drama 0.12.17 R3.2: discovery, profiles, comments and error experience. */
.reader-card-compact .catalog-card__summary,
.reader-card-rail .catalog-card__summary,
.reader-card-grid .catalog-card__summary,
.experience-repair .reader-card-body>p.catalog-card__summary,
.experience-repair .series-card-body>p.catalog-card__summary{
  display:-webkit-box;
  overflow:hidden;
  min-height:4.15em;
  margin:.35rem 0 .75rem;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  color:var(--ui-text-muted);
  font-size:.82rem;
  line-height:1.38;
}
.reader-card-compact .reader-card-body{min-height:15.8rem}
.reader-card-compact .reader-card-footer{margin-top:auto}
.account-menu summary>span img,.account-identity>span img{width:100%;height:100%;border-radius:inherit;object-fit:cover}

.profile-hero{position:relative;width:min(92rem,calc(100% - 2rem));min-height:25rem;margin:var(--ui-space-7) auto 0;overflow:hidden;border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:linear-gradient(135deg,var(--ui-surface),var(--ui-surface-raised));box-shadow:var(--ui-shadow-md)}
.profile-hero.has-cover{background-image:linear-gradient(90deg,rgba(7,10,22,.96) 0%,rgba(7,10,22,.82) 48%,rgba(7,10,22,.45) 100%),var(--profile-cover);background-position:center;background-size:cover}
html[data-ui-theme="light"] .profile-hero.has-cover{background-image:linear-gradient(90deg,rgba(250,248,244,.97) 0%,rgba(250,248,244,.86) 48%,rgba(250,248,244,.52) 100%),var(--profile-cover)}
.profile-hero__shade{position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--ui-accent) 14%,transparent),transparent 42%);pointer-events:none}
.profile-hero__content{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ui-space-7);min-height:25rem;padding:clamp(2rem,5vw,5rem)}
.profile-avatar{display:grid;width:9rem;height:9rem;place-items:center;overflow:hidden;border:3px solid color-mix(in srgb,var(--ui-accent) 55%,var(--ui-border));border-radius:50%;background:var(--ui-surface);box-shadow:0 1.2rem 3rem rgba(0,0,0,.25);font-family:var(--ui-font-display);font-size:4rem;font-weight:800}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-identity{max-width:48rem}.profile-identity h1{margin:.45rem 0 .2rem;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95}.profile-handle{margin:0;color:var(--ui-secondary);font-weight:760}.profile-headline{max-width:42rem;margin:1.25rem 0 .65rem;color:var(--ui-text);font-size:clamp(1rem,2vw,1.25rem);font-weight:760;line-height:1.45}.profile-bio{max-width:46rem;color:var(--ui-text-muted);line-height:1.7;white-space:pre-line}.profile-actions{display:grid;gap:.7rem;align-self:start}.profile-genres{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.profile-genres a{padding:.4rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:720}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(92rem,calc(100% - 2rem));margin:1rem auto var(--ui-space-7);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);overflow:hidden}.profile-stats>div{display:grid;gap:.2rem;padding:1.25rem 1.5rem;border-right:1px solid var(--ui-border)}.profile-stats>div:last-child{border-right:0}.profile-stats strong{font-family:var(--ui-font-display);font-size:2rem}.profile-stats span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.profile-section{width:min(92rem,calc(100% - 2rem));margin-inline:auto}.profile-card-rail{align-items:stretch}.profile-empty{display:grid;justify-items:center;gap:.75rem;width:min(58rem,calc(100% - 2rem));margin:var(--ui-space-9) auto;padding:clamp(2rem,6vw,5rem);border:1px dashed var(--ui-border-strong);border-radius:var(--ui-radius-2xl);background:var(--ui-surface);text-align:center}.profile-empty>span{font-size:3rem;color:var(--ui-accent)}.profile-empty h2{margin:0}.profile-empty p{max-width:36rem;margin:0;color:var(--ui-text-muted)}

.profile-edit-shell{width:min(92rem,calc(100% - 2rem));margin:var(--ui-space-7) auto var(--ui-space-11)}.profile-edit-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:var(--ui-space-6)}.profile-edit-head h1{margin:.35rem 0;font-size:clamp(2.6rem,6vw,5rem)}.profile-edit-head p{max-width:44rem;margin:0;color:var(--ui-text-muted)}.profile-edit-layout{display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);align-items:start;gap:var(--ui-space-7)}.profile-media-editor{position:sticky;top:calc(var(--ui-size-header) + 1.25rem);display:grid;gap:1rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}.profile-cover-preview{height:10rem;border-radius:var(--ui-radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--ui-accent) 35%,var(--ui-surface)),var(--ui-surface-raised));background-image:var(--profile-cover);background-position:center;background-size:cover}.profile-avatar--edit{width:7rem;height:7rem;margin:-4.5rem auto 0;font-size:2.7rem}.profile-media-editor form{display:grid;gap:.65rem}.file-control{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.file-control>span{font-weight:760}.file-control small{color:var(--ui-text-subtle)}.file-control input{max-width:100%;font-size:.78rem}.profile-form{display:grid;gap:1rem}.profile-form>section{display:grid;gap:1.1rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}.profile-form label:not(.check-row){display:grid;gap:.45rem}.profile-form label>span,.profile-form legend{font-size:var(--ui-font-sm);font-weight:760}.profile-form input[type="text"],.profile-form input:not([type]),.profile-form textarea,.profile-form select{width:100%}.profile-form textarea{resize:vertical}.profile-form label>small{color:var(--ui-text-subtle)}.form-section-head{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem}.form-section-head>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:var(--ui-accent);color:#fff;font-weight:800}.form-section-head h2{margin:0;font-size:1.45rem}.form-section-head p{margin:.25rem 0 0;color:var(--ui-text-muted)}.genre-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.genre-check-grid legend{grid-column:1/-1;margin-bottom:.25rem}.genre-check-grid label{display:flex;align-items:center;gap:.55rem;padding:.65rem .75rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised);cursor:pointer}.genre-check-grid input{width:1rem;height:1rem;accent-color:var(--ui-accent)}.genre-check-grid label:has(input:checked){border-color:color-mix(in srgb,var(--ui-accent) 70%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface))}.check-row{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.check-row input{width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:var(--ui-accent)}.check-row span{display:grid;gap:.25rem}.check-row small{color:var(--ui-text-muted);font-weight:400}.profile-form-actions{position:sticky;z-index:4;bottom:1rem;display:flex;justify-content:flex-end;gap:.75rem;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:color-mix(in srgb,var(--ui-surface) 92%,transparent);box-shadow:var(--ui-shadow-md);backdrop-filter:blur(18px)}

.novel-comments{padding:var(--ui-space-9) 0;background:var(--ui-bg)}.novel-comments__inner{width:min(78rem,calc(100% - 2rem));margin:auto}.comment-compose{display:grid;gap:.8rem;margin-bottom:1.25rem;padding:1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}.comment-compose label:first-of-type{display:grid;gap:.45rem}.comment-compose textarea{width:100%;resize:vertical}.comment-compose>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comment-spoiler-check{display:flex;align-items:center;gap:.5rem;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}.comment-spoiler-check input{width:1rem;height:1rem;accent-color:var(--ui-accent)}.comment-thread{display:grid;gap:.85rem}.comment{padding:1.1rem 1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}.comment>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comment-author{display:flex;align-items:center;gap:.7rem;color:var(--ui-text)}.comment-author i,.comment-author img{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--ui-surface-raised);object-fit:cover;font-style:normal;font-weight:800}.comment-author span{display:grid;gap:.1rem}.comment-author small,.comment>header>small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.comment-body,.comment-spoiler p{margin:.9rem 0;color:var(--ui-text-muted);line-height:1.65;white-space:pre-line}.comment>footer{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.comment footer details>summary,.comment-link-button{border:0;background:transparent;color:var(--ui-text-subtle);font:inherit;font-weight:700;cursor:pointer}.comment-link-button.danger{color:var(--ui-danger)}.comment footer details[open]{flex-basis:100%}.comment footer form{display:grid;gap:.65rem;width:100%;margin-top:.5rem;padding:.85rem;border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.comment footer textarea,.comment footer select{width:100%}.comment footer form>div{display:flex;align-items:center;justify-content:space-between}.comment-spoiler{margin:.8rem 0;padding:.8rem;border:1px solid color-mix(in srgb,var(--ui-warning) 35%,var(--ui-border));border-radius:var(--ui-radius-md);background:color-mix(in srgb,var(--ui-warning) 7%,var(--ui-surface-raised))}.comment-spoiler summary{cursor:pointer;color:var(--ui-warning);font-weight:800}.comment-replies{display:grid;gap:.65rem;margin:1rem 0 0 2.2rem;padding-left:1rem;border-left:2px solid var(--ui-border)}.comment--reply{padding:.9rem;background:var(--ui-surface-raised)}.comments-empty,.comments-disabled{display:grid;justify-items:center;gap:.45rem;padding:2.25rem;border:1px dashed var(--ui-border);border-radius:var(--ui-radius-xl);color:var(--ui-text-muted);text-align:center}.comments-empty span{font-size:2.2rem;color:var(--ui-accent)}.comments-empty h3,.comments-empty p{margin:0}

.error-hero{display:grid;grid-template-columns:minmax(12rem,22rem) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);width:min(86rem,calc(100% - 2rem));margin:var(--ui-space-8) auto;padding:clamp(2rem,6vw,6rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--ui-accent) 16%,transparent),transparent 34%),var(--ui-surface);box-shadow:var(--ui-shadow-md)}.error-code{align-self:center;color:color-mix(in srgb,var(--ui-accent) 72%,var(--ui-text));font-family:var(--ui-font-display);font-size:clamp(7rem,18vw,15rem);font-weight:900;line-height:.72;opacity:.9}.error-copy{align-self:center}.error-copy h1{max-width:13ch;margin:.5rem 0 1rem;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.95}.error-copy>p{max-width:42rem;color:var(--ui-text-muted);font-size:1.05rem;line-height:1.65}.error-copy>small{display:block;margin-top:.75rem;color:var(--ui-text-subtle)}.error-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.text-link{padding:.6rem;color:var(--ui-text-muted);font-weight:760}.error-search{grid-column:1/-1;display:grid;gap:.55rem;padding-top:1.5rem;border-top:1px solid var(--ui-border)}.error-search>label{font-weight:760}.error-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.error-search input{width:100%}.error-recommendations{width:min(86rem,calc(100% - 2rem));margin-inline:auto}
.author-headline{display:block;margin-bottom:.65rem;font-size:1.05rem}

@media(max-width:64rem){.profile-hero__content{grid-template-columns:auto minmax(0,1fr)}.profile-actions{grid-column:1/-1;display:flex}.profile-edit-layout{grid-template-columns:1fr}.profile-media-editor{position:static;grid-template-columns:12rem minmax(0,1fr);align-items:start}.profile-cover-preview{grid-row:1/3}.profile-avatar--edit{grid-column:1;grid-row:1/3;align-self:end;margin:0 0 1rem 1rem}.profile-media-editor form{grid-column:2}.genre-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.error-hero{grid-template-columns:1fr}.error-code{font-size:8rem}.error-search{grid-column:1}}
@media(max-width:47.5rem){
  .reader-card-compact .catalog-card__summary,.reader-card-rail .catalog-card__summary,.reader-card-grid .catalog-card__summary,.experience-repair .reader-card-body>p.catalog-card__summary,.experience-repair .series-card-body>p.catalog-card__summary{display:-webkit-box;min-height:2.6em;margin:.3rem 0 .55rem;-webkit-line-clamp:2;font-size:.75rem;line-height:1.3}
  .reader-card-compact .reader-card-body{min-height:12rem}
  .profile-hero,.profile-stats,.profile-section,.profile-edit-shell,.error-hero,.error-recommendations{width:calc(100% - 1.25rem)}
  .profile-hero__content{grid-template-columns:1fr;justify-items:center;padding:1.5rem;text-align:center}.profile-avatar{width:7rem;height:7rem;font-size:3rem}.profile-identity h1{font-size:2.6rem}.profile-actions{grid-column:auto;width:100%;display:grid}.profile-actions .button{width:100%}.profile-genres{justify-content:center}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stats>div{border-bottom:1px solid var(--ui-border)}.profile-stats>div:nth-child(2){border-right:0}.profile-stats>div:nth-child(n+3){border-bottom:0}.profile-edit-head{align-items:stretch;flex-direction:column}.profile-edit-layout{gap:1rem}.profile-media-editor{display:grid;grid-template-columns:1fr}.profile-cover-preview,.profile-avatar--edit,.profile-media-editor form{grid-column:auto;grid-row:auto}.profile-avatar--edit{margin:-4rem auto 0}.genre-check-grid{grid-template-columns:1fr}.profile-form-actions{bottom:.5rem}.profile-form-actions .button{flex:1}.comment-compose>div,.comment footer form>div{align-items:stretch;flex-direction:column}.comment-compose .button,.comment footer .button{width:100%}.comment-replies{margin-left:.5rem;padding-left:.65rem}.comment{padding:.9rem}.comment>header{align-items:flex-start}.error-hero{margin-top:1rem;padding:1.5rem}.error-code{font-size:6.5rem}.error-copy h1{font-size:2.7rem}.error-actions{display:grid}.error-actions .button,.error-actions .text-link{width:100%;text-align:center}.error-search>div{grid-template-columns:1fr}.error-search .button{width:100%}
}

/* R3.2 discovery and discussion controls */
.publication-setting-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}.publication-setting-card p{margin:.25rem 0 0;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}.switch-control{display:flex;align-items:center;gap:.55rem;font-weight:760}.switch-control input{width:1.15rem;height:1.15rem;accent-color:var(--ui-accent)}
.reader-card-rail{grid-auto-columns:clamp(17rem,22vw,20rem)}.reader-card-rail:has(> :only-child){grid-template-columns:minmax(17rem,20rem);grid-auto-flow:row;overflow:visible}.reader-card-rail .catalog-card__summary{display:-webkit-box;overflow:hidden;min-height:4.05em;margin:.45rem 0 .7rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.35}.reader-card-rail .reader-card-body{min-height:auto}.reader-card-compact{height:auto;min-height:0}
@media(max-width:47.5rem){.publication-setting-card{grid-template-columns:1fr}.publication-setting-card .button{width:100%}.reader-card-rail{grid-auto-columns:min(82vw,19rem)}.reader-card-rail .catalog-card__summary{min-height:2.7em;-webkit-line-clamp:2}}

/* source: 10-responsive.css */
@layer responsive {
  @media (max-width:75rem){
    .reader-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .admin-summary-grid,.admin-role-summary,.admin-analytics-kpis,.system-critical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ds-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-brand-rules{grid-column:1/-1}
    .author-focus-grid,.author-notification-grid,.author-dashboard-metrics,.home-stat-grid,.quality-metric-grid,.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
    .commerce-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  }

  @media (max-width:64rem){
    .main-nav,.workspace-primary-nav,.workspace-public-link{display:none}
    .mobile-menu-button,.workspace-menu-button{display:grid}
    .mobile-nav,.workspace-mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:var(--ui-z-popover);padding:.75rem;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
    .mobile-nav.open,.workspace-mobile-nav.open,body.menu-open .mobile-nav,body.workspace-menu-open .workspace-mobile-nav{display:grid}
    .mobile-nav a,.workspace-mobile-nav a,.mobile-theme-action{display:flex;min-height:2.65rem;align-items:center;padding:0 .75rem;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
    .mobile-nav a:hover,.workspace-mobile-nav a:hover,.mobile-theme-action:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
    .mobile-theme-action{gap:.65rem;width:100%}.mobile-theme-action svg{width:1.15rem;height:1.15rem}.theme-light-label{display:none}html[data-ui-theme="light"] .theme-dark-label{display:none}html[data-ui-theme="light"] .theme-light-label{display:inline}

    .reader-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .catalog-unified-grid,.series-card-grid{grid-template-columns:1fr}
    .catalog-layout{grid-template-columns:1fr}
    .catalog-filters{display:none;position:fixed;z-index:calc(var(--ui-z-dialog) + 1);top:auto;right:1rem;bottom:1rem;left:1rem;max-height:calc(100vh - 2rem);overflow:auto}
    .catalog-filters.mobile-open{display:block}.catalog-filter-title button{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xs);background:var(--ui-surface)}
    .catalog-filter-mobile{display:inline-flex}.catalog-filter-backdrop.visible{position:fixed;z-index:var(--ui-z-dialog);inset:0;display:block;background:var(--ui-overlay)}
    .novel-hero-inner{grid-template-columns:12rem minmax(0,1fr);gap:var(--ui-space-6)}
    .novel-body,.release-workspace,.project-version-grid,.series-workspace-grid,.moderation-item-layout{grid-template-columns:1fr}
    .novel-read-card,.moderation-decision-panel{position:static}
    .author-profile{grid-template-columns:7rem minmax(0,1fr)}.author-stats{grid-column:1/-1}
    .series-public-hero{grid-template-columns:14rem minmax(0,1fr)}
    .admin-app-shell{grid-template-columns:1fr}
    .admin-nav-toggle{display:grid}
    .admin-brand{min-width:0}
    .admin-workspace-sidebar{position:fixed;z-index:calc(var(--ui-z-overlay) + 1);top:var(--ui-size-header);bottom:0;left:0;width:min(18rem,86vw);height:auto;transform:translateX(-105%);transition:transform var(--ui-duration) var(--ui-ease)}
    .admin-workspace-sidebar.open,body.admin-nav-open .admin-workspace-sidebar{transform:none}
    .admin-sidebar-backdrop.visible,body.admin-nav-open .admin-sidebar-backdrop{position:fixed;z-index:var(--ui-z-overlay);inset:var(--ui-size-header) 0 0;display:block;border:0;background:var(--ui-overlay)}
    .admin-user-filters,.admin-filter-bar,.moderation-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
    .admin-users-table{overflow-x:auto}.admin-users-row{min-width:58rem}
    .moderation-story-table{overflow-x:auto}.moderation-story-row{min-width:55rem}
    .moderation-task-card,.moderation-hidden-list>article{grid-template-columns:1fr}
  }

  @media (max-width:48rem){
    :root{--ui-size-header:3.75rem}
    .header-inner,.workspace-topbar-inner{width:calc(100% - 1rem);gap:.5rem}
    .header-actions>.button,.header-actions>.login-link,.header-actions>.account-menu>summary em,.workspace-topbar-actions>.account-menu>summary em{display:none}
    .brand-name{font-size:1.02rem}.brand-mark{width:2.7rem;height:2.04rem}.brand-context{display:none}
    .site-footer .footer-inner{grid-template-columns:1fr 1fr;gap:var(--ui-space-6)}.footer-brand{grid-column:1/-1}.footer-meta span{width:100%;margin-left:0}
    .reader-section,.reader-content-tabs,.catalog-search-shell,.catalog-layout,.novel-hero-inner,.novel-body,.novel-gallery,.novel-reviews-inner,.author-profile,.series-public-hero,.reader-author-invite,.reader-trust,.workspace-page-shell,.project-analytics-shell,.workspace-page-head,.workspace-section-nav,.series-workspace-grid,.admin-page-container,.moderation-item-container,.ds-page{width:calc(100% - 1.25rem)}
    .reader-section{padding-block:var(--ui-space-8)}
    .experience-search{width:calc(100% - 1.25rem);margin-top:-1.5rem}.experience-search form,.catalog-search{grid-template-columns:1.1rem minmax(0,1fr)}.experience-search form button,.catalog-search .button{grid-column:1/-1;width:100%}
    .experience-search nav,.catalog-quick-links{overflow-x:auto;flex-wrap:nowrap}.experience-search nav a,.catalog-quick-links a{white-space:nowrap}
    .reader-section-head,.workspace-page-header,.workspace-page-head,.project-analytics-head,.admin-workspace-head,.moderation-item-head,.ds-hero{align-items:flex-start;flex-direction:column}
    .reader-card-grid{gap:.75rem}.reader-card-body{padding:.8rem}.reader-card h3{font-size:1rem}.reader-card-body>p{display:none}.reader-card-footer{display:grid}.reader-card-action{justify-self:start}
    .reader-card-featured{grid-column:auto;display:flex}.reader-card-featured .reader-card-cover{height:auto;aspect-ratio:2/3}.reader-card-featured .reader-card-body{padding:.8rem}.reader-card-open{display:none}
    .reader-card-rail>.reader-card{flex-basis:13rem}
    .series-card{grid-template-columns:7rem minmax(0,1fr)}.series-card-cover{min-height:13rem}.series-card-body{padding:.9rem}.series-card-body>p{display:none}.series-card-body h3{font-size:1.05rem}
    .continue-grid{grid-template-columns:1fr}
    .reader-trust{grid-template-columns:1fr}.reader-trust>div{border-right:0;border-bottom:1px solid var(--ui-border)}.reader-trust>div:last-child{border-bottom:0}
    .reader-author-invite{align-items:flex-start;flex-direction:column;padding:var(--ui-space-6)}
    .catalog-head{padding:var(--ui-space-8) .625rem var(--ui-space-6)}.catalog-head h1{font-size:clamp(2.35rem,11vw,3.5rem)}
    .novel-hero-inner{grid-template-columns:7rem minmax(0,1fr);align-items:start;gap:var(--ui-space-4);padding-block:var(--ui-space-7)}.novel-copy h1{font-size:clamp(2.15rem,10vw,3.5rem)}.novel-hook{font-size:var(--ui-font-sm)}.novel-facts,.novel-actions,.novel-progress{grid-column:1/-1}.novel-actions{display:grid}.novel-actions>*{width:100%}.novel-facts>span{min-width:calc(50% - .4rem)}
    .novel-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:8rem}.novel-gallery-grid button:first-child{grid-column:span 2;grid-row:span 1}
    .novel-review-grid,.novel-rating-form{grid-template-columns:1fr}.novel-review-login{align-items:flex-start;flex-direction:column}
    .author-profile{grid-template-columns:4.5rem minmax(0,1fr);gap:var(--ui-space-4);padding:var(--ui-space-5)}.author-avatar{width:4.5rem;height:4.5rem;border-radius:var(--ui-radius-md);font-size:1.5rem}.author-profile-copy h1{font-size:var(--ui-font-2xl)}.author-bio,.author-stats{grid-column:1/-1}.author-stats{display:grid;grid-template-columns:repeat(2,1fr)}
    .series-public-hero{grid-template-columns:1fr;padding:var(--ui-space-5)}.series-public-cover{width:min(13rem,70%);margin:auto}.series-public-copy h1{font-size:clamp(2.2rem,10vw,3.5rem)}.series-public-actions{display:grid}.series-public-actions>*{width:100%}
    .series-part{grid-template-columns:2rem 3.5rem minmax(0,1fr);gap:.65rem;padding:.75rem}.series-part-copy p{display:none}.series-part-access{grid-column:3;justify-items:start;min-width:0}.bundle-public-grid{grid-template-columns:1fr}
    .author-focus-grid,.author-notification-grid,.author-dashboard-metrics,.home-stat-grid,.quality-metric-grid,.analytics-kpis,.admin-summary-grid,.admin-role-summary,.admin-analytics-kpis,.system-critical-grid,.admin-dashboard-columns,.system-readiness-columns,.admin-attention-grid,.admin-user-status-grid,.admin-user-control-grid,.security-grid,.author-start-steps,.ds-grid,.ds-form-grid{grid-template-columns:1fr}
    .author-project-row{grid-template-columns:4rem minmax(0,1fr)}.author-project-actions,.author-project-toolbar{grid-column:1/-1;justify-content:flex-start}
    .project-control-head{align-items:flex-start;flex-direction:column}.project-control-actions{justify-content:flex-start}
    .release-diff-stats,.save-impact,.release-metadata,.release-meta-diff,.release-diff-columns,.two-fields,.commerce-fields,.commerce-secondary-fields,.project-team-form,.release-link-form,.series-add-form,.bundle-add,.bundle-price-row,.series-settings-form{grid-template-columns:1fr}
    .series-card-editor{grid-template-columns:1fr}.series-cover-editor{max-width:12rem;margin:auto}.series-parts-manager>article{grid-template-columns:2rem 3rem minmax(0,1fr)}.series-item-form{grid-column:1/-1;grid-template-columns:1fr}.bundle-manage-grid,.commerce-mode-picker{grid-template-columns:1fr}
    .admin-topbar-context,.admin-topbar-actions>.workspace-public-link,.admin-topbar-actions>.account-menu>summary em{display:none}.admin-topbar-actions{margin-left:auto}.admin-page-container{padding-top:var(--ui-space-5)}
    .admin-user-filters,.admin-filter-bar,.moderation-filter-bar{grid-template-columns:1fr}.moderation-summary-tabs{grid-template-columns:repeat(2,1fr)}
    .moderation-metadata-grid{grid-template-columns:1fr}
    .ds-swatch-grid{grid-template-columns:repeat(2,1fr)}
  }

  @media (max-width:25rem){
    .reader-card-grid{grid-template-columns:1fr}
    .series-card{grid-template-columns:6.25rem minmax(0,1fr)}
    .header-actions .theme-toggle{display:none}
  }
}

@layer utilities {
  .wide{width:100%}.stack{display:grid;gap:var(--ui-space-4)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}
  .small{font-size:var(--ui-font-xs)}.large{font-size:var(--ui-font-lg)}
  .active{--state-active:1}
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}
  @media (forced-colors:active){.button,.panel,.reader-card,.series-card,.admin-workspace-panel{forced-color-adjust:auto}.status,.role-badge{border:1px solid CanvasText}}
}

@layer responsive {
  @media (max-width:48rem){
    .catalog-unified-grid>.reader-card{grid-template-columns:7rem minmax(0,1fr);min-height:13rem}
    .catalog-unified-grid>.reader-card .reader-card-cover{min-height:13rem}
    .catalog-unified-grid>.reader-card .reader-card-body{padding:.9rem}
  }
}

@layer responsive {
  @media (max-width:64rem){
    .creator-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .commerce-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
    .story-series-strip{grid-template-columns:1fr}.story-series-strip>.button{justify-self:start}
  }
  @media (max-width:48rem){
    .author-focus-grid,.author-dashboard-metrics{grid-template-columns:1fr}
    .author-continue-card{grid-template-columns:7rem minmax(0,1fr);padding:var(--ui-space-4)}
    .author-continue-copy footer{align-items:flex-start;flex-direction:column}.author-continue-copy footer>div{width:100%}.author-continue-copy footer .button{flex:1}
    .metric-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}
    .creator-series-grid{grid-template-columns:1fr}.creator-series-empty{align-items:flex-start;flex-direction:column}
    .workspace-project-search{width:100%;min-width:0}.workspace-filter-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.workspace-filter-tabs button{flex:0 0 auto;white-space:nowrap}
    .package-upload-zone{grid-template-columns:auto minmax(0,1fr)}.package-upload-button{grid-column:1/-1;width:100%}.package-dashboard-actions{display:grid}.package-dashboard-actions .button{width:100%}
    .commerce-mode-picker,.system-account-stats{grid-template-columns:1fr}.commerce-notice{align-items:flex-start;flex-direction:column}.commerce-notice .button{width:100%}.commerce-history article{grid-template-columns:1fr}
    .reader-gallery-stage{grid-template-columns:1fr;gap:.65rem}.reader-gallery-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%)}.reader-gallery-prev{left:.75rem}.reader-gallery-next{right:.75rem}.reader-gallery-stage figure{grid-column:1;grid-row:1}
    .story-series-strip{width:calc(100% - 1.25rem);padding:var(--ui-space-4)}
    .analytics-head{align-items:flex-start;flex-direction:column}.analytics-timeline{height:14rem;padding:.75rem}.analytics-row,.analytics-row.error-head,.analytics-row.error-row{grid-template-columns:1fr}.analytics-row.head{display:none}
    .moderation-admin-assign{display:grid;grid-template-columns:1fr}.moderation-admin-assign label,.moderation-admin-assign select,.moderation-admin-assign .button{width:100%;min-width:0}
  }
  @media (max-width:30rem){
    .author-continue-card{grid-template-columns:1fr}.author-continue-cover{width:7rem}.author-first-project{grid-template-columns:1fr}
    .author-project-row{grid-template-columns:3.5rem minmax(0,1fr)}.author-project-actions{display:grid}.author-project-actions>.button{width:100%}.project-more-menu{justify-self:start}
    .novel-rating-actions{align-items:stretch;flex-direction:column}.novel-rating-actions .button{width:100%}
  }
}

@layer responsive {
  @media (max-width:48rem){
    .reader-gallery-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0}.reader-gallery-shell{height:100dvh;border:0;border-radius:0}.reader-gallery-stage{min-height:calc(100dvh - 4rem)}
  }
}