/* Frontend owner module: 00-tokens.css */
/* 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-orange-hover: #ffc162; --ui-brand-coral-hover: #ff7a72; --ui-brand-pink-hover: #ff6c9e;
    --ui-on-accent: #ffffff; --ui-on-media: #ffffff; --ui-media-ink: #17101f; --ui-media-black: #000000;
    --ui-light-surface: #ffffff; --ui-light-ink: #1c1920; --ui-danger-on-media: #ffd5df;
    --ui-admin-preview-surface: #1c2438; --ui-reader-invite-accent: #d93666; --ui-reader-invite-secondary: #6b45c8;
    --ui-brand-gradient: linear-gradient(105deg,var(--ui-brand-orange) 0%,var(--ui-brand-coral) 52%,var(--ui-brand-pink) 100%);
    --ui-brand-gradient-hover: linear-gradient(105deg,var(--ui-brand-orange-hover) 0%,var(--ui-brand-coral-hover) 52%,var(--ui-brand-pink-hover) 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);}}
/* Frontend owner module: 01-foundation.css */
/* Frontend owner module: 01-foundation.css */
/* 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{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:var(--ui-on-accent)}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)}}
/* Frontend owner module: 02-controls.css */
/* Frontend owner module: 02-controls.css */
/* 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:var(--ui-on-accent);box-shadow:0 .625rem 1.75rem color-mix(in srgb,var(--ui-accent) 24%,transparent)}.button.primary:hover{background:var(--ui-brand-gradient-hover);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:var(--ui-on-accent);color:var(--ui-light-ink)}.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,.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,.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,.metric-group{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{padding:var(--ui-space-6)}.panel-flat{box-shadow:none}.panel-head,.home-section-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{font-size:var(--ui-font-2xl)}.section-label,.overline,.eyebrow,.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,.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{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{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,.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,.inline-empty,.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}.modal-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)}.modal-layer,.menu-backdrop,.preview-backdrop{background:var(--ui-overlay);backdrop-filter:blur(.35rem)}.modal-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)}.modal-card>div:not(.modal-head){padding:var(--ui-space-5)}.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)}}
@layer components{
.button:focus-visible,.icon-action:focus-visible,.icon-button:focus-visible,.close-button:focus-visible,.theme-toggle:focus-visible{outline:0;box-shadow:var(--ui-focus)}
.button[aria-busy="true"]{cursor:progress}.button[aria-busy="true"]::before{content:"";width:.9rem;height:.9rem;border:2px solid color-mix(in srgb,var(--ui-on-accent) 42%,transparent);border-top-color:currentColor;border-radius:50%;animation:ui-spin .7s linear infinite}
.ui-field{display:grid;gap:var(--ui-space-2)}.ui-field__label{color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:760;letter-spacing:.055em;text-transform:uppercase}.ui-field__help,.ui-field__error{font-size:var(--ui-font-xs);line-height:1.45}.ui-field__help{color:var(--ui-text-subtle)}.ui-field__error{color:var(--ui-danger)}.ui-field [aria-invalid="true"]{border-color:var(--ui-danger);box-shadow:0 0 0 .15rem color-mix(in srgb,var(--ui-danger) 18%,transparent)}
.ui-skeleton{display:block;min-height:1rem;border-radius:var(--ui-radius-xs);background:linear-gradient(90deg,var(--ui-surface-raised),var(--ui-surface-muted),var(--ui-surface-raised));background-size:200% 100%;animation:ui-skeleton 1.4s var(--ui-ease) infinite}.ui-spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--ui-border-strong);border-top-color:var(--ui-accent);border-radius:50%;animation:ui-spin .7s linear infinite}.ui-loading-state{display:flex;min-height:8rem;align-items:center;justify-content:center;gap:var(--ui-space-3);padding:var(--ui-space-6);color:var(--ui-text-muted)}
@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-skeleton{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.ui-skeleton,.ui-spinner,.button[aria-busy="true"]::before{animation:none}}
}
/* Frontend owner module: 03-shell-navigation.css */
/* Frontend owner module: 03-shell-navigation.css */
/* 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:var(--ui-on-accent);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%)}/* 0.12.29 R2: header controls remain above page decoration and keep real touch targets. */.app-topbar{isolation:isolate}.app-topbar__inner,.app-topbar__actions,.account-menu,.account-menu>summary,.mobile-menu-button{position:relative;pointer-events:auto}.account-menu>summary,.mobile-menu-button{z-index:2}.account-popover,.app-mobile-nav{pointer-events:auto}.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{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:var(--ui-on-accent);font-size:.62rem}.account-menu{position:relative}.account-menu:not([open])>.account-popover{display:none}.account-menu[open]>.account-popover{display:grid}.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{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{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){transform:translateY(6px) rotate(45deg)}.mobile-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.mobile-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.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}}
@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}.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}}
@layer components{.account-menu>summary{touch-action:manipulation}}
.account-menu summary>span img{width:100%;height:100%;border-radius:inherit;object-fit:cover}

/* 0.12.37 Global Header & Navigation */
@layer layouts{
.navigation-backdrop{display:none}
.navigation-menu-open{overflow:hidden}
.app-nav a[aria-current="page"],.app-mobile-nav a[aria-current="page"],.admin-workspace-sidebar a[aria-current="page"]{font-weight:800}
.nav-count{display:grid;min-width:1.35rem;height:1.35rem;place-items:center;margin-left:auto;padding:0 .35rem;border-radius:var(--ui-radius-pill);background:var(--ui-danger);color:var(--ui-on-accent);font-size:.65rem;line-height:1}
.account-menu[open]>summary{border-color:color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));background:var(--ui-surface-raised)}
.account-menu[open]>summary svg{transform:rotate(180deg)}
.account-menu>summary svg{transition:transform var(--ui-duration-fast) var(--ui-ease)}
.account-popover{max-height:calc(100dvh - var(--ui-size-header) - 1rem);overflow-y:auto;overscroll-behavior:contain}
.mobile-nav-section{display:grid;gap:.12rem}
.mobile-nav-section+.mobile-nav-section{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--ui-border)}
.mobile-nav-heading{padding:.4rem .8rem;color:var(--ui-text-subtle);font-size:.65rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.account-identity--mobile{margin:0 0 .4rem;padding:.8rem;background:var(--ui-surface-raised)}
.account-identity--mobile>span:first-child{width:2.45rem;height:2.45rem}
.mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.mobile-nav-actions .mobile-theme-action,.mobile-nav-logout button{justify-content:flex-start;width:100%;min-height:2.8rem;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}
.mobile-nav-logout{margin:0}
.mobile-nav-logout button:hover,.mobile-nav-logout button:focus-visible{background:var(--ui-danger-soft);color:var(--ui-danger)}
.app-mobile-nav .mobile-nav-primary{background:var(--ui-accent);color:var(--ui-on-accent)}
.app-mobile-nav .mobile-nav-primary:hover,.app-mobile-nav .mobile-nav-primary:focus-visible{background:var(--ui-accent-strong);color:var(--ui-on-accent)}
.app-mobile-nav a.active,.app-mobile-nav a[aria-current="page"]{background:var(--ui-text);color:var(--ui-text-inverse)}
.app-mobile-nav a{justify-content:space-between;gap:.75rem}
}
@layer responsive{
@media (max-width:64rem){
.navigation-backdrop{position:fixed;z-index:calc(var(--ui-z-popover) - 1);inset:var(--ui-size-header) 0 0;border:0;background:var(--ui-overlay);opacity:0;pointer-events:none;transition:opacity var(--ui-duration-fast) var(--ui-ease)}
body.menu-open [data-menu-backdrop],body.workspace-menu-open [data-workspace-menu-backdrop]{display:block;opacity:1;pointer-events:auto}
.app-mobile-nav{position:fixed;top:var(--ui-size-header);right:0;left:auto;width:min(25rem,92vw);max-height:calc(100dvh - var(--ui-size-header));padding:.75rem max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) .75rem;border-left:1px solid var(--ui-border);border-bottom:0;background:var(--ui-surface);box-shadow:var(--ui-shadow-lg);overflow-y:auto;overscroll-behavior:contain}
.app-mobile-nav.open,body.menu-open .app-mobile-nav,body.workspace-menu-open .workspace-mobile-nav{display:block}
}
@media (max-width:48rem){
.app-mobile-nav{left:0;width:100%;border-left:0}
.mobile-nav-actions{grid-template-columns:1fr}
.account-popover{position:fixed;top:calc(var(--ui-size-header) + .4rem);right:.5rem;left:.5rem;width:auto}
}
}
/* 0.12.37 R2 Navigation IA: account menus switch explicit product contexts. */
.account-popover-section{display:grid;gap:.15rem;padding:.45rem 0;border-top:1px solid var(--ui-border)}
.account-popover-section:first-of-type{border-top:0}
.account-popover-heading{padding:.35rem .75rem .2rem;color:var(--ui-text-subtle);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.account-popover .account-current{background:var(--ui-surface-raised);color:var(--ui-text);pointer-events:none}
.account-popover-section--account form{margin-top:.1rem}

/* 0.12.37 R4 Workspace Navigation Reliability */
@layer layouts{
.topbar-context{display:flex;min-width:0;align-items:center;gap:.65rem}
.topbar-context>.app-brand{min-width:max-content}
.workspace-switcher{position:relative;flex:0 0 auto}
.workspace-switcher>summary{display:grid;min-height:2.75rem;grid-template-columns:1.75rem minmax(0,1fr) 1rem;align-items:center;gap:.55rem;padding:.3rem .65rem .3rem .4rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:color-mix(in srgb,var(--ui-surface) 82%,transparent);box-shadow:none;cursor:pointer}
.workspace-switcher>summary:hover,.workspace-switcher[open]>summary{border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border));background:var(--ui-surface-raised)}
.workspace-switcher>summary>.workspace-switcher__icon{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:.55rem;background:var(--ui-accent-soft);color:var(--ui-accent)}
.workspace-switcher>summary>.workspace-switcher__icon svg,.workspace-context-badge svg,.workspace-option__icon svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.workspace-switcher__copy{display:grid;min-width:0;gap:.08rem;text-align:left}
.workspace-switcher__copy small{color:var(--ui-text-subtle);font-size:.58rem;font-weight:820;letter-spacing:.1em;text-transform:uppercase}
.workspace-switcher__copy strong{max-width:10rem;overflow:hidden;color:var(--ui-text);font-size:.78rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.workspace-switcher__chevron{width:1rem;height:1rem;fill:none;stroke:currentColor;transition:transform var(--ui-duration-fast) var(--ui-ease)}
.workspace-switcher[open] .workspace-switcher__chevron{transform:rotate(180deg)}
.workspace-switcher__popover{right:auto;left:0;width:min(22rem,calc(100vw - 1.5rem));padding:.55rem}
.workspace-switcher__popover::before{right:auto;left:1.25rem}
.workspace-switcher__heading,.profile-popover__heading,.create-popover__heading{padding:.45rem .65rem .55rem;color:var(--ui-text-subtle);font-size:.64rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.workspace-option{display:grid;min-height:4rem;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.6rem .65rem;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);text-decoration:none}
.workspace-option:hover,.workspace-option:focus-visible{background:var(--ui-surface-raised);color:var(--ui-text)}
.workspace-option.is-current{background:var(--ui-accent-soft);color:var(--ui-text);cursor:default}
.workspace-option__icon{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--ui-border);border-radius:.75rem;background:var(--ui-surface);color:var(--ui-text-muted)}
.workspace-option.is-current .workspace-option__icon{border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent-soft) 65%,var(--ui-surface));color:var(--ui-accent)}
.workspace-option__copy{display:grid;min-width:0;gap:.18rem}
.workspace-option__copy strong{color:var(--ui-text);font-size:.84rem;line-height:1.2}
.workspace-option__copy small{overflow:hidden;color:var(--ui-text-subtle);font-size:.7rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.workspace-option__arrow,.workspace-option__check{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;font-size:.75rem}
.workspace-option__arrow{color:var(--ui-text-subtle)}
.workspace-option__check{background:var(--ui-accent);color:var(--ui-on-accent);font-weight:900}
.workspace-context-badge{display:inline-flex;min-height:2.5rem;align-items:center;gap:.5rem;padding:0 .65rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);color:var(--ui-text-muted);font-size:.75rem}
.workspace-context-badge>span{display:grid;width:1.5rem;height:1.5rem;place-items:center;color:var(--ui-accent)}
.profile-popover{width:min(15rem,calc(100vw - 1rem));padding:.45rem}
.profile-popover>a,.profile-popover form button{justify-content:space-between;font-weight:700}
.profile-popover form{margin-top:.3rem;padding-top:.35rem;border-top:1px solid var(--ui-border)}
.profile-popover form button{color:var(--ui-danger)}
.create-menu>summary{display:flex;min-height:var(--ui-size-control);align-items:center;gap:.45rem;padding:.25rem .8rem;border:0;border-radius:var(--ui-radius-sm);background:var(--ui-brand-gradient);color:var(--ui-on-accent);box-shadow:var(--ui-shadow-sm);font-weight:800}
.create-menu>summary:hover,.create-menu[open]>summary{background:var(--ui-brand-gradient);color:var(--ui-on-accent);filter:saturate(1.08) brightness(1.03)}
.create-menu>summary>span:first-child{display:inline;width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-size:var(--ui-font-sm)}
.create-menu>summary svg{width:1rem;height:1rem;fill:none;stroke:currentColor}
.create-popover{width:min(20rem,calc(100vw - 1rem))}
.create-popover>a{display:grid;min-height:3.65rem;align-content:center;gap:.15rem;padding:.55rem .7rem;border-radius:var(--ui-radius-sm);color:var(--ui-text-muted)}
.create-popover>a:hover,.create-popover>a:focus-visible{background:var(--ui-surface-raised);color:var(--ui-text)}
.create-popover>a span{color:var(--ui-text);font-size:.83rem;font-weight:800}
.create-popover>a small{color:var(--ui-text-subtle);font-size:.68rem;line-height:1.25}
.header-library-link svg{fill:none;stroke:currentColor;stroke-linejoin:round;stroke-width:1.8}
.mobile-workspace-section .workspace-option{min-height:3.5rem;padding:.45rem .55rem}
.mobile-workspace-section .workspace-option__icon{width:2rem;height:2rem}
.mobile-workspace-section .workspace-option__copy small{white-space:normal}
.mobile-nav-actions--single{grid-template-columns:1fr}
.app-mobile-nav button:not(.mobile-theme-action){display:flex;width:100%;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;text-align:left}
.app-mobile-nav button:not(.mobile-theme-action):hover,.app-mobile-nav button:not(.mobile-theme-action):focus-visible{background:var(--ui-surface-raised);color:var(--ui-text)}
}
@layer responsive{
@media (max-width:68rem){
.workspace-switcher__copy small{display:none}
.workspace-switcher__copy strong{max-width:7.5rem}
}
@media (max-width:48rem){
.topbar-context{gap:.35rem}
.workspace-switcher>summary{display:grid;width:2.75rem;min-height:2.75rem;grid-template-columns:1.75rem;justify-content:center;gap:0;padding:.25rem;pointer-events:auto}
.workspace-switcher>summary>.workspace-switcher__icon{width:1.75rem;height:1.75rem}
.workspace-switcher__copy,.workspace-switcher__chevron{display:none}
.workspace-switcher__popover{position:fixed;top:calc(var(--ui-size-header) + .4rem);right:.5rem;bottom:auto;left:.5rem;width:auto;max-height:calc(100dvh - var(--ui-size-header) - 1rem);overflow:auto}
.workspace-switcher__popover::before{display:none}
.profile-menu>summary{width:2.75rem;justify-content:center;gap:0;padding:.25rem}
.profile-menu>summary>svg{display:none}
.profile-menu .profile-popover{position:absolute;top:calc(100% + .5rem);right:0;bottom:auto;left:auto;width:min(17rem,calc(100vw - 1rem));max-height:calc(100dvh - var(--ui-size-header) - 1rem);overflow:auto;border-radius:var(--ui-radius-lg)}
.profile-menu .profile-popover::before{display:none}
.app-topbar--workspace .notification-link,.app-topbar--admin .notification-link{display:none}
.header-library-link{display:none}
.create-menu{display:none}
}
}

/* 0.12.43 R1 Global Shell & Navigation: workspace context stays global; profile stays personal. */
@layer components{
.workspace-switcher>summary:focus-visible,.profile-menu>summary:focus-visible,.app-menu-button:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
}
@layer layouts{
.topbar-context{flex:0 1 auto}
.topbar-context>.workspace-switcher,.topbar-context>.workspace-context-badge{flex:0 0 auto}
.profile-popover{min-width:14rem}
}
@layer responsive{
@media (max-width:48rem){
.workspace-switcher{display:block}
.workspace-context-badge{display:inline-flex}
.app-topbar--portal .theme-toggle,.app-topbar--portal .notification-link,.app-topbar--workspace .theme-toggle{display:none}
}
@media (max-width:25rem){
.topbar-context>.app-brand .brand-copy{display:none}
.workspace-context-badge{display:none}
}
}
/* Frontend owner module: 04-public-content.css */
/* Frontend owner module: 04-content-cards.css */
/* 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}.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{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.8rem}.experience-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{border:0;background:transparent;box-shadow:none}.experience-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{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--ui-border)}.experience-search nav 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{background:var(--ui-surface-muted);color:var(--ui-text)}.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}.access-tone-paid{color:var(--ui-accent)}.access-tone-free{color:var(--ui-success)}.access-tone-mixed{color:var(--ui-secondary)}.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}.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}}
@layer pages{.continue-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.continue-feed-grid .continue-card{grid-template-columns:7.25rem minmax(0,1fr);min-height:10.5rem;transition:transform var(--ui-duration) var(--ui-ease),box-shadow var(--ui-duration) var(--ui-ease),border-color var(--ui-duration) var(--ui-ease)}.continue-feed-grid .continue-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-md);transform:translateY(-3px)}.continue-feed-grid .continue-cover{position:relative;display:block;overflow:hidden;min-height:100%}.continue-feed-grid .continue-cover img,.continue-feed-grid .continue-cover>.story-cover-fallback,.continue-feed-grid .continue-cover>.series-cover-fallback{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ui-ease)}.continue-feed-grid .continue-card:hover .continue-cover img{transform:scale(1.035)}.continue-kind-badge{position:absolute;z-index:2;top:.65rem;left:.65rem;padding:.28rem .48rem;border:1px solid rgba(255,255,255,.18);border-radius:var(--ui-radius-pill);background:rgba(15,12,15,.72);color:var(--ui-on-media);font-size:.62rem;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(.5rem)}.continue-feed-grid .continue-copy{gap:.18rem;padding:var(--ui-space-4)}.continue-kicker{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.continue-kicker span,.continue-kicker em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-kicker em{font-style:normal}.continue-feed-grid .continue-copy h3{display:-webkit-box;overflow:hidden;margin:.3rem 0 .1rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1.08rem;line-height:1.12}.continue-feed-grid .continue-copy p{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:var(--ui-text-muted)}.continue-feed-grid .continue-progress{margin-top:auto}.continue-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.45rem}.continue-footer small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.continue-footer a{color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;white-space:nowrap}.continue-card--series{background:linear-gradient(135deg,color-mix(in srgb,var(--ui-secondary-soft) 25%,var(--ui-surface)),var(--ui-surface) 52%)}.continue-card--series .continue-kind-badge{background:color-mix(in srgb,var(--ui-secondary) 72%,var(--ui-media-ink))}}
/* Frontend owner module: 05-public-layouts.css */
/* Frontend owner module: 05-public-pages.css */
/* 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,var(--ui-media-black) 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:var(--ui-danger-on-media);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:var(--ui-on-media);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:var(--ui-on-media);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:75rem){.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:48rem){.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:34rem){.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{.series-overall-progress>div{height:.35rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.series-overall-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}.series-overall-progress span{display:block;margin-top:.4rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.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)}@keyframes ui-gallery-spin{to{transform:rotate(360deg)}}.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}}
/* 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{.ds-hero{gap:var(--ui-space-5)}.page-actions,.head-actions{flex:0 0 auto}}
@layer components{.button,.icon-action,.icon-button,.theme-toggle{touch-action:manipulation}.button{white-space:nowrap}.panel,.glass-panel,.form-panel,.content-section,.metric-group{min-width:0}}
@layer pages{.metric-group{border-color:var(--ui-border);box-shadow:var(--ui-shadow-sm)}}
@layer responsive{@media (max-width:68rem){body.menu-open .mobile-nav{display:grid}}@media (max-width:48rem){:root{--ui-size-header:4rem;--ui-card-cover-mobile:7rem}.ds-hero{align-items:stretch}.page-actions,.head-actions{display:grid;width:100%;grid-template-columns:1fr}.page-actions>.button,.head-actions>.button{width:100%}}}
/* Frontend owner module: 06-workspaces.css */
/* Frontend owner module: 06-workspaces.css */
@layer reset{body.workspace-menu-open{overflow:hidden}}
@layer components{.workspace-section{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);}.workspace-section{padding:var(--ui-space-6)}.workspace-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)}.workspace-section-title h2{font-size:var(--ui-font-2xl)}.workspace-kicker{display:inline-block;color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.workspace-empty-state{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}}
@layer layouts{.workspace-brand{display:inline-flex;align-items:center;gap:.72rem;min-width:max-content;color:var(--ui-text)}.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)}.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)}.workspace-menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.workspace-menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.workspace-menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.workspace-mobile-nav{display:none}}
@layer layouts{.workspace-page-shell{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)}.workspace-page-header,.workspace-page-head,.project-analytics-head{gap:var(--ui-space-5)}.workspace-page-header>div:first-child,.workspace-page-head>div:first-child{min-width:0}.workspace-page-header h1,.workspace-page-head h1{max-width:22ch}.workspace-page-header p,.workspace-page-head p{max-width:58rem}.workspace-header-actions,.project-control-actions{flex:0 0 auto}}
@layer components{.workspace-section{min-width:0}.workspace-section{overflow:clip}}
@layer pages{.author-project-row,.creator-series-grid>article,.author-notification-card,.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}}
/* source: 06-workspace.css */
@layer layouts{.workspace-app{background:var(--ui-page);color:var(--ui-text)}.workspace-main{min-width:0;min-height:calc(100vh - var(--ui-size-header));background:var(--ui-page)}.workspace-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{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{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,.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,.home-stat-grid strong{display:block;font-size:var(--ui-font-2xl)}.metric-group 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,.workspace-summary-card,.workspace-tip,.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,.project-team-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{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-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-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)}}
@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-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)}.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)}.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{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)}.save-compatibility-ok{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-success-soft);color:var(--ui-success)}.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{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)}}
/* source: 10-portal-author-workspace.css */
@layer pages{.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:48rem){.notification-list>a{padding:var(--ui-space-4)}.project-catalog-readiness{grid-column:1/-1}}}
/* 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}
@layer layouts{.workspace-account-menu{position:relative}}
@layer pages{.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)}}
/* 0.12.37 R2: author workspace is a distinct context, not a catalog detour. */
.workspace-brand .brand-context{max-width:9rem;white-space:nowrap}
@layer pages{
.identity-first-run .author-start{align-items:stretch}
.first-run-route-card{align-self:center;padding:var(--ui-space-6);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}
.first-run-route-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-4);padding-bottom:var(--ui-space-4);border-bottom:1px solid var(--ui-border)}
.first-run-route-card>header span{color:var(--ui-text-muted);font-size:var(--ui-font-sm)}
.first-run-route-card>header strong{font-size:var(--ui-font-lg)}
.first-run-route-list{display:grid;gap:.65rem;margin:var(--ui-space-5) 0;padding:0;list-style:none}
.first-run-route-list li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.7rem;align-items:center;padding:.7rem;border-radius:var(--ui-radius-md);color:var(--ui-text-muted)}
.first-run-route-list li>span{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface-raised);font-weight:800}
.first-run-route-list li>div{display:grid;gap:.15rem}.first-run-route-list li strong{color:var(--ui-text)}.first-run-route-list li small{color:var(--ui-text-subtle)}
.first-run-route-list li.is-current{background:var(--ui-accent-soft);color:var(--ui-accent)}.first-run-route-list li.is-current>span{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}
.first-run-route-card>p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.55}
.author-first-run-progress{display:grid;grid-template-columns:minmax(0,1fr) minmax(24rem,.85fr);gap:var(--ui-space-6);align-items:center;margin-bottom:var(--ui-space-6);padding:var(--ui-space-6);border:1px solid color-mix(in srgb,var(--ui-accent) 28%,var(--ui-border));border-radius:var(--ui-radius-xl);background:linear-gradient(135deg,var(--ui-accent-soft),var(--ui-surface) 62%)}
.author-first-run-progress h2{margin:.25rem 0}.author-first-run-progress p{max-width:46rem;margin:.35rem 0 0;color:var(--ui-text-muted)}
.author-first-run-progress ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none}
.author-first-run-progress li{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.6rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}
.author-first-run-progress li>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--ui-surface-inset);font-weight:800}.author-first-run-progress li>div{display:grid;gap:.08rem}.author-first-run-progress li small{color:var(--ui-text-subtle);font-size:.68rem}.author-first-run-progress li.done>span{background:var(--ui-success-soft);color:var(--ui-success-strong)}.author-first-run-progress li.active{border-color:var(--ui-accent);box-shadow:0 0 0 2px var(--ui-accent-soft)}.author-first-run-progress li.active>span{background:var(--ui-accent);color:var(--ui-on-accent)}
.first-project-optional{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}.first-project-optional>summary{padding:.75rem .9rem;cursor:pointer;color:var(--ui-text-muted);font-size:var(--ui-font-sm);font-weight:700}.first-project-optional[open]>summary{border-bottom:1px solid var(--ui-border)}.first-project-optional>.two-fields{padding:.9rem}
}
@media(max-width:48rem){.author-first-run-progress{grid-template-columns:1fr}.author-first-run-progress ol{grid-template-columns:1fr}.identity-first-run .author-start{grid-template-columns:1fr}.first-run-route-card{width:100%}}
@layer pages{.identity-first-run .author-start>*{min-width:0}}
@media(max-width:48rem){.identity-first-run .author-start__copy .button.large{width:100%;white-space:normal;text-align:center}.first-run-route-card>header{align-items:flex-start;flex-direction:column}.first-run-route-card>header strong{overflow-wrap:anywhere}}
/* Frontend owner module: 07-admin-moderation.css */
/* Frontend owner module: 07-admin-moderation.css */
@layer reset{body.admin-nav-open{overflow:hidden}}
@layer components{.admin-workspace-panel{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);}.admin-workspace-panel{padding:var(--ui-space-6)}.admin-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)}.admin-section-head h2{font-size:var(--ui-font-2xl)}.admin-kicker{display:inline-block;color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.moderation-sla{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}.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)}.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)}.admin-override-hint{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)}.admin-empty-state,.admin-success-state,.admin-empty-inline{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}}
@layer layouts{.admin-nav-toggle{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)}.admin-nav-toggle 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)}.admin-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.admin-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.admin-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}
@layer layouts{.admin-topbar-inner{width:100%;padding-inline:var(--ui-page-gutter)}.admin-page-container{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)));margin-inline:auto}.admin-page-container{padding-block:clamp(1.5rem,3vw,2.25rem) var(--ui-space-10)}.admin-workspace-head,.moderation-item-head{gap:var(--ui-space-5)}.admin-workspace-head>div:first-child{min-width:0}.admin-workspace-head h1{max-width:22ch}.admin-workspace-head p{max-width:58rem}.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{.admin-workspace-panel{min-width:0}.admin-workspace-panel{overflow:clip}}
@layer pages{.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 layouts{.admin-workspace-app{background:var(--ui-page);color:var(--ui-text)}.admin-workspace-main{min-width:0;min-height:calc(100vh - var(--ui-size-header));background:var(--ui-page)}.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%)}.admin-topbar-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ui-space-4)}.analytics-kpis>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)}.analytics-kpis strong{display:block;font-size:var(--ui-font-2xl)}.analytics-kpis span{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.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{.admin-publish-dialog{padding:var(--ui-space-5);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface)}}
/* source: 07-admin.css */
@layer layouts{.admin-topbar{padding:0 var(--ui-space-4)}.admin-nav-toggle{margin-left:.15rem}.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{.admin-audit-panel,.system-next-actions,.system-account-stats,.admin-ai-access,.admin-security-flags,.reports{display:grid;gap:var(--ui-space-4)}.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:var(--ui-danger-on-media);font-size:.55rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.portal-preview-copy strong{color:var(--ui-on-media);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:var(--ui-admin-preview-surface);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:var(--ui-on-media);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:75rem){.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:48rem){.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}.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:48rem){.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}}}
/* 0.12.33 registration abuse protection */
@layer pages{
.admin-abuse-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.admin-user-bulk{display:flex;align-items:center;gap:var(--ui-space-3);margin-bottom:var(--ui-space-4);padding:var(--ui-space-3) var(--ui-space-4);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
.admin-user-bulk>span{display:grid;min-width:0;margin-right:auto}.admin-user-bulk small{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.admin-user-bulk select{min-width:14rem}
.admin-users-row{grid-template-columns:2rem minmax(13rem,1.45fr) 7rem 6.5rem minmax(8rem,.85fr) minmax(9rem,.8fr) 2rem}
.admin-user-select{display:grid;place-items:center}.admin-user-select input{width:1rem;height:1rem;accent-color:var(--ui-accent)}
.admin-user-entry.status-blocked>.admin-users-row,.admin-user-entry.status-suspended>.admin-users-row{background:var(--ui-danger-soft)}
.admin-user-entry.status-pending_verification>.admin-users-row{background:color-mix(in srgb,var(--ui-warning-soft) 62%,var(--ui-surface))}
.admin-user-entry.suspicious>.admin-users-row{box-shadow:inset .22rem 0 0 var(--ui-danger)}
.admin-user-risk{display:grid;gap:.3rem;align-items:start}.admin-user-risk small{font-size:var(--ui-font-xs)}
.status-badge,.risk-score{display:inline-flex;width:max-content;max-width:100%;align-items:center;border-radius:999px;padding:.22rem .55rem;font-size:.68rem;font-weight:800;line-height:1.2}
.status-badge.status-active{background:var(--ui-success-soft);color:var(--ui-success)}.status-badge.status-pending_verification{background:var(--ui-warning-soft);color:var(--ui-warning)}.status-badge.status-blocked,.status-badge.status-suspended{background:var(--ui-danger-soft);color:var(--ui-danger)}
.risk-score.risk-medium{background:var(--ui-warning-soft);color:var(--ui-warning)}.risk-score.risk-high{background:var(--ui-danger-soft);color:var(--ui-danger)}
.admin-user-abuse-detail{display:grid;gap:var(--ui-space-3);margin-top: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)}
.admin-user-abuse-detail ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}.admin-user-abuse-detail li{padding:.35rem .55rem;border-radius:999px;background:var(--ui-warning-soft);color:var(--ui-warning);font-size:var(--ui-font-xs);font-weight:700}
.admin-fingerprint-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.admin-fingerprint-list span{display:grid;gap:.25rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}.admin-fingerprint-list code{overflow:hidden;padding:.45rem .55rem;border-radius:var(--ui-radius-sm);background:var(--ui-surface-inset);color:var(--ui-text-muted);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:75rem){.admin-abuse-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-users-row{grid-template-columns:2rem minmax(12rem,1.4fr) 7rem minmax(8rem,.8fr) minmax(9rem,.8fr) 2rem}.admin-users-row>span:nth-child(4){display:none}}
@media(max-width:48rem){.admin-abuse-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-bulk{align-items:stretch;flex-direction:column}.admin-user-bulk select{width:100%;min-width:0}.admin-users-row{grid-template-columns:1.5rem minmax(0,1fr) minmax(7rem,.55fr) 1.5rem;padding:.8rem}.admin-users-row>span:nth-child(3),.admin-users-row>span:nth-child(4),.admin-users-row>span:nth-child(5){display:none}.admin-user-status-grid,.admin-user-control-grid,.admin-fingerprint-list{grid-template-columns:1fr}.admin-user-detail-panel{padding:var(--ui-space-3)}}
/* 0.12.37 R2: administration keeps one local sidebar and explicit context exits. */
.admin-sidebar-footer>span{color:var(--ui-text-subtle);font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}

/* Keep summary metadata and its action on separate visual rows. */
@layer pages{.admin-summary-grid>article>small{display:block;line-height:1.4}}
/* Frontend owner module: 08-auth-account.css */
@layer pages{.auth-brand .app-brand{width:max-content}}
/* Frontend owner module: 08-auth-account.css */
@layer components{.security-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);}.security-card{padding:var(--ui-space-6)}}
@layer components{.security-card{min-width:0}}
@layer layouts{.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)}}
/* 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:var(--ui-light-surface)}.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)}}
/* 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-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 pages{.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}.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}.auth-flow .site-footer{display:none}.auth-flow .app-main{min-height:calc(100dvh - var(--ui-size-header))}}
.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)}
/* 0.12.33 registration abuse protection */
@layer pages{
.auth-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.auth-turnstile{display:flex;min-height:4.1rem;align-items:center;justify-content:center;padding:.25rem 0}
.auth-turnstile iframe{max-width:100%}
}
/* 0.12.35 Registration Experience */
@layer pages{
.registration-experience{align-items:center;overflow:visible}
.registration-experience .auth-shell--register{min-height:min(48rem,calc(100dvh - var(--ui-size-header) - 2rem));max-height:none}
.registration-intro{overflow:hidden}
.registration-form{align-content:start;padding-block:.25rem}
.registration-error-summary{display:grid;gap:.45rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--ui-danger) 42%,var(--ui-border));border-radius:var(--ui-radius-md);background:var(--ui-danger-soft);color:var(--ui-danger)}
.registration-error-summary strong{font-size:var(--ui-font-sm)}
.registration-error-summary p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs);line-height:1.45}
.registration-error-summary ul{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin:0;padding-left:1.1rem;font-size:var(--ui-font-xs)}
.registration-error-summary a{color:inherit;font-weight:760;text-decoration:underline;text-underline-offset:.16em}
.registration-field{display:grid;min-width:0;gap:.42rem}
.registration-field label{margin:0}
.registration-field small{display:block;margin:0;color:var(--ui-text-subtle);font-size:.72rem;line-height:1.4}
.registration-field small b{font-weight:700}
.registration-field.has-error input:not([type=checkbox]),.auth-consents.has-error{border-color:var(--ui-danger);box-shadow:0 0 0 .16rem var(--ui-danger-soft)}
.registration-field-error{display:none;color:var(--ui-danger);font-size:var(--ui-font-xs);font-weight:680;line-height:1.4}
.registration-field.has-error>.registration-field-error,.registration-field.has-error .registration-field-error,.auth-consents.has-error>.registration-field-error{display:block}
.password-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none}
.password-rules li{position:relative;padding-left:1.05rem;color:var(--ui-text-subtle);font-size:.68rem;line-height:1.35}
.password-rules li::before{content:"";position:absolute;top:.36rem;left:.12rem;width:.42rem;height:.42rem;border:1px solid var(--ui-border-strong);border-radius:50%;background:var(--ui-surface-inset)}
.password-rules li.is-valid{color:var(--ui-success)}
.password-rules li.is-valid::before{border-color:var(--ui-success);background:var(--ui-success)}
.password-rules li.is-invalid{color:var(--ui-danger)}
.password-rules li.is-invalid::before{border-color:var(--ui-danger);background:var(--ui-danger-soft)}
.auth-consents>p{margin:0;color:var(--ui-text-subtle);font-size:.7rem;line-height:1.4}
.auth-turnstile-field{padding:.55rem .7rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface-raised)}
.auth-turnstile-field.has-error{border-color:var(--ui-danger);box-shadow:0 0 0 .16rem var(--ui-danger-soft)}
.auth-turnstile{min-height:4rem;padding:0;overflow:hidden}
.turnstile-status{margin:.35rem 0 0;color:var(--ui-text-subtle);font-size:.7rem;line-height:1.4;text-align:center}
.turnstile-status[data-state=success]{color:var(--ui-success)}
.turnstile-status[data-state=expired],.turnstile-status[data-state=error]{color:var(--ui-danger)}
.registration-submit-status{min-height:1.15rem;margin:-.3rem 0 0;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);text-align:center}
.registration-form.is-submitting{cursor:progress}
.registration-form.is-submitting :where(input,button){pointer-events:none}
.registration-form .auth-submit [hidden],.auth-form [data-auth-submit] [hidden]{display:none}
.auth-form-note{display:block;margin-top:-.45rem;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);line-height:1.45}
.auth-notice__secondary{display:inline-flex;justify-content:center;margin-top:var(--ui-space-4);font-size:var(--ui-font-sm);font-weight:740}
.auth-notice--info .auth-notice__icon{background:var(--ui-info-soft);color:var(--ui-info)}
.auth-notice--warning .auth-notice__icon{background:var(--ui-warning-soft);color:var(--ui-warning)}
.auth-notice--error .auth-notice__icon{background:var(--ui-danger-soft);color:var(--ui-danger)}
}
/* 0.12.36 Login & Recovery */
@layer pages{
.login-experience{align-items:center;overflow:visible}
.auth-shell--login{min-height:42rem;grid-template-columns:minmax(0,1fr) minmax(27rem,.9fr)}
.login-intro{overflow:hidden}
.login-intro h1{max-width:9.5ch;font-size:clamp(3rem,5vw,5rem)}
.login-form{align-content:start}
.login-field,.recovery-field{display:grid;min-width:0;gap:.42rem}
.login-field label,.recovery-field label{margin:0}
.login-field label>span,.recovery-field label>span{color:var(--ui-text-muted);font-size:var(--ui-font-xs);font-weight:780;letter-spacing:.04em;text-transform:uppercase}
.login-field small,.recovery-field small{display:block;margin:0;color:var(--ui-text-subtle);font-size:.72rem;line-height:1.4}
.login-field input,.recovery-field input{min-height:3.15rem;border-color:var(--ui-border-strong);background:var(--ui-surface-raised)}
.login-field.has-error input,.recovery-field.has-error input{border-color:var(--ui-danger);box-shadow:0 0 0 .16rem var(--ui-danger-soft)}
.login-field-error,.recovery-field-error{display:none;color:var(--ui-danger);font-size:var(--ui-font-xs);font-weight:680;line-height:1.4}
.login-field.has-error .login-field-error,.recovery-field.has-error .recovery-field-error{display:block}
.login-field-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.login-field-head a{color:var(--ui-secondary);font-size:var(--ui-font-xs);font-weight:760}
.login-error-summary,.recovery-error-summary{display:grid;gap:.42rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--ui-danger) 42%,var(--ui-border));border-radius:var(--ui-radius-md);background:var(--ui-danger-soft);color:var(--ui-danger)}
.login-error-summary strong,.recovery-error-summary strong{font-size:var(--ui-font-sm)}
.login-error-summary p,.recovery-error-summary p{margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-xs);line-height:1.45}
.login-error-summary a{width:max-content;color:inherit;font-size:var(--ui-font-xs);font-weight:760;text-decoration:underline;text-underline-offset:.16em}
.login-error-summary--unverified{border-color:color-mix(in srgb,var(--ui-warning) 46%,var(--ui-border));background:var(--ui-warning-soft);color:var(--ui-warning)}
.login-error-summary--locked{border-color:color-mix(in srgb,var(--ui-warning) 46%,var(--ui-border));background:var(--ui-warning-soft);color:var(--ui-warning)}
.login-notice{padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--ui-success) 34%,var(--ui-border));border-radius:var(--ui-radius-md);background:var(--ui-success-soft);color:var(--ui-success);font-size:var(--ui-font-sm);text-align:center}
.login-submit-status{min-height:1.15rem;margin:-.3rem 0 0;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);text-align:center}
.login-form.is-submitting,.recovery-form.is-submitting,.reset-password-form.is-submitting{cursor:progress}
.login-form.is-submitting :where(input,button),.recovery-form.is-submitting :where(input,button),.reset-password-form.is-submitting :where(input,button){pointer-events:none}
.login-form [data-login-submit] [hidden],.reset-password-form [data-reset-submit] [hidden]{display:none}
.recovery-stage{background:radial-gradient(circle at 50% 0,var(--ui-hero-glow),transparent 34%),radial-gradient(circle at 8% 95%,var(--ui-accent-soft),transparent 28rem),var(--ui-page)}
.recovery-panel{position:relative;overflow:hidden}
.recovery-panel::after{content:"";position:absolute;right:-5rem;bottom:-6rem;width:13rem;height:13rem;border:1px solid color-mix(in srgb,var(--ui-accent) 12%,transparent);border-radius:50%;pointer-events:none}
.recovery-panel>*{position:relative;z-index:1}
.recovery-step{display:grid;width:2.5rem;height:2.5rem;place-items:center;margin:0 auto var(--ui-space-4);border-radius:50%;background:var(--ui-accent-soft);color:var(--ui-accent);font-size:var(--ui-font-sm);font-weight:900}
.recovery-form{position:relative}
.password-rules--reset{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Account-owned notifications: reading the page is side-effect free. */
@layer pages{
.notification-account-shell{width:min(var(--ui-readable),calc(100% - (var(--ui-page-gutter) * 2)));margin-inline:auto;padding-bottom:var(--ui-space-10)}
.notification-page-head{display:flex;width:100%;align-items:flex-end;justify-content:space-between;gap:var(--ui-space-5)}
.notification-page-head>div{min-width:0}.notification-page-head p{margin:0;color:var(--ui-text-muted)}
.notification-page-actions{flex:0 0 auto}.notification-page-status{margin-bottom:var(--ui-space-4)}
.notification-account-shell .notification-list>a{box-shadow:var(--ui-shadow-sm)}
.notification-account-shell .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) 30%)}
.notification-account-shell .notification-list p{margin:.25rem 0;color:var(--ui-text-muted)}
.notification-account-shell .notification-list small{color:var(--ui-text-subtle)}
.notification-empty-state{margin-top:var(--ui-space-4)}
}
@layer responsive{@media (max-width:48rem){.notification-page-head{align-items:flex-start;flex-direction:column}.notification-page-actions,.notification-page-actions .button{width:100%}}}
/* Frontend owner module: 09-product-experience.css */
/* Frontend owner module: 09-product-experience.css */
@layer components{.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);}}
@layer components{.commerce-editor,.commerce-notice{min-width:0}}
@layer layouts{.commerce-panel-shell{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)}.commerce-fields,.commerce-secondary-fields,.release-link-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.commerce-editor-form{display:grid;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)}}
@layer layouts{.publication-head{margin-bottom:var(--ui-space-5)}.publication-head>div:first-child{min-width:0}.publication-snapshots{display:grid;gap:.65rem}.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)}.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)}}
@layer layouts{.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: 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:var(--ui-on-accent);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)}}
/* 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}/* Catalog and story page ownership moved to 11-reader-catalog-story-rebuild.css. *//* Unified authentication flow */.otp-input{font-size:1.55rem;font-weight:800;letter-spacing:.26em;text-align:center;font-variant-numeric:tabular-nums}/* 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:var(--ui-on-accent)}.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-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 */.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)}}
@layer responsive{@media (max-width:64rem){.story-readiness-grid{grid-template-columns:1fr}.bundle-create{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:48rem){.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%}.form-grid{grid-template-columns:1fr}.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%}.bundle-create{grid-template-columns:1fr}}@media (max-width:25rem){.review-summary,.story-metrics{grid-template-columns:1fr}}}
/* source: 13-discovery-profiles-errors.css */
/* Micro Drama 0.12.17 R3.2: discovery, profiles, comments and error experience. */
.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-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:var(--ui-on-accent);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)}
.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-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:48rem){.profile-hero,.profile-stats,.profile-section,.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-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)}
@layer pages{.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 .reader-card img,.experience-repair .series-card img{background:var(--ui-surface-muted)}}
.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;}
/* Frontend owner module: 10-responsive.css */
@layer responsive{@media (max-width:68rem){.workspace-public-link{display:none}body.workspace-menu-open .workspace-mobile-nav{display:grid}}@media (max-width:48rem){.workspace-page-header,.workspace-page-head,.project-analytics-head{align-items:stretch}.workspace-header-actions,.project-control-actions{display:grid;width:100%;grid-template-columns:1fr}.workspace-header-actions>.button,.project-control-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%}}}
@layer responsive{@media (max-width:68rem){.author-start{grid-template-columns:1fr}.creator-series-grid{grid-template-columns:1fr}}@media (max-width:48rem){.author-start{width:calc(100% - 1.25rem)}.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)}}@media (max-width:34rem){.creator-series-grid footer{align-items:stretch;flex-direction:column}.creator-series-grid footer .button{width:100%}}}
@layer responsive{@media (max-width:48rem){.admin-workspace-head,.moderation-item-head{align-items:stretch}}}
@layer responsive{@media (max-width:48rem){.admin-head-actions{width:100%}.admin-head-actions .button{flex:1}}}
@layer responsive{@media (max-width:64rem){.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:36rem){.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}}}
@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:48rem){.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}}}
@layer responsive{@media (max-width:64rem){.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}}@media (max-width:48rem){.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}.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}.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}.release-link-form{grid-template-columns:1fr}}@media (max-width:25rem){.publication-form-actions{grid-template-columns:1fr}.publication-form-actions .button:last-child:nth-child(3){grid-column:auto}}}
@media (max-width:64rem){.profile-edit-layout{grid-template-columns:1fr}}
@media (max-width:48rem){.profile-edit-shell{width:calc(100% - 1.25rem)}.profile-edit-head{align-items:stretch;flex-direction:column}.profile-edit-layout{gap:1rem}}
@media (max-width:48rem){.publication-setting-card{grid-template-columns:1fr}.publication-setting-card .button{width:100%}}
/* Frontend owner module: 10-responsive.css */
@layer responsive{@media (max-width:68rem){.app-nav{display:none}.app-menu-button{display:grid}.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{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){.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}}}
/* source: 10-responsive.css */
@layer responsive{@media (max-width:75rem){.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}.release-workspace,.project-version-grid,.series-workspace-grid,.moderation-item-layout{grid-template-columns:1fr}.moderation-decision-panel{position:static}.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}.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)}.experience-search{width:calc(100% - 1.25rem);margin-top:-1.5rem}.experience-search form{grid-template-columns:1.1rem minmax(0,1fr)}.experience-search form button{grid-column:1/-1;width:100%}.experience-search nav{overflow-x:auto;flex-wrap:nowrap}.experience-search nav a{white-space:nowrap}.workspace-page-header,.workspace-page-head,.project-analytics-head,.admin-workspace-head,.moderation-item-head,.ds-hero{align-items:flex-start;flex-direction:column}.continue-grid{grid-template-columns:1fr}.profile-experience .profile-edit-head{display:block;margin-bottom:1.25rem}.profile-experience .profile-edit-head h1{font-size:clamp(2.3rem,11vw,3.25rem);line-height:1}.profile-experience .profile-edit-head p{font-size:.95rem;line-height:1.55}.profile-experience .profile-form-actions{grid-template-columns:1fr 1.35fr}.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-cover-editor{max-width:12rem;margin:auto}.series-item-form{grid-column:1/-1;grid-template-columns:1fr}.bundle-manage-grid,.commerce-mode-picker{grid-template-columns:1fr}.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)}.package-upload-button{grid-column:1/-1;width:100%}}@media (max-width:25rem){.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,.admin-workspace-panel{forced-color-adjust:auto}.status,.role-badge{border:1px solid CanvasText}}}
@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-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}.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:34rem){.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}}}
@layer responsive{@media (max-width:48rem){.app-topbar--portal .app-topbar__actions>.theme-toggle,.app-topbar--portal .notification-link{display:none}}}
@layer responsive{@media (max-width:48rem){.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)}}}
@media (max-width:48rem){.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}}
/* 0.12.35 Registration Experience responsive */
@layer responsive{
@media (max-width:64rem){
.registration-experience .auth-shell--register{min-height:0;max-height:none}
.registration-experience .auth-intro{display:block}
.registration-experience .auth-intro-copy>p{max-width:34rem}
.registration-form{padding-block:0}
}
@media (max-width:48rem){
.registration-experience{padding:.75rem}
.registration-experience .auth-intro{padding:1.25rem 1.35rem}
.registration-experience .auth-brand{margin-bottom:1rem}
.registration-experience .auth-intro h1{max-width:18ch;font-size:clamp(2rem,10vw,3rem)}
.registration-experience .auth-form-pane{padding:1.25rem}
.password-rules{grid-template-columns:1fr}
}
@media (max-width:25rem){
.registration-experience{padding:.4rem}
.registration-experience .auth-shell--register{border-radius:var(--ui-radius-lg)}
.registration-experience .auth-intro,.registration-experience .auth-form-pane{padding:1rem}
.registration-error-summary ul{display:grid}
.auth-turnstile-field{padding:.4rem}
.auth-turnstile{justify-content:flex-start;overflow-x:auto}
}
}
/* 0.12.36 Login & Recovery responsive */
@layer responsive{
@media (max-width:64rem){
.auth-shell--login{width:min(42rem,100%);min-height:0;grid-template-columns:1fr}
.login-intro{padding:2rem 2.25rem}
.login-intro h1{max-width:16ch;font-size:clamp(2.45rem,7vw,3.8rem)}
.login-form{width:100%}
}
@media (max-width:48rem){
.login-experience{display:block;min-height:auto;padding:.75rem}
.login-experience .auth-experience__ambient{opacity:.14}
.auth-shell--login{border-radius:var(--ui-radius-xl)}
.login-intro{padding:1.25rem 1.35rem}
.login-intro .auth-brand{margin-bottom:1rem}
.login-intro h1{max-width:18ch;margin:.5rem 0 .65rem;font-size:clamp(2rem,10vw,3rem);line-height:.98}
.login-intro .auth-intro-copy>p{font-size:.9rem}
.login-experience .auth-form-pane{padding:1.25rem}
.login-field-head{align-items:baseline}
.recovery-stage{padding:1rem .75rem}
.password-rules--reset{grid-template-columns:1fr}
}
@media (max-width:25rem){
.login-experience{padding:.4rem}
.auth-shell--login{border-radius:var(--ui-radius-lg)}
.login-intro,.login-experience .auth-form-pane{padding:1rem}
.login-field-head{align-items:flex-start;flex-direction:column;gap:.25rem}
.recovery-panel{padding:1rem}
}
}

@layer responsive{
@media (max-width:48rem){
.experience-repair.page-account-security .mfa-setup{grid-template-columns:minmax(0,1fr)}
.experience-repair.page-account-security .mfa-setup>div{min-width:0}
}
}
@layer responsive{@media (max-width:48rem){.continue-feed-grid{grid-template-columns:1fr}.continue-section .reader-section-head{align-items:flex-start;flex-direction:column}.continue-section .reader-section-head>a{align-self:flex-start}}@media (max-width:25rem){.continue-feed-grid .continue-card{grid-template-columns:5.75rem minmax(0,1fr);min-height:9.25rem}.continue-feed-grid .continue-copy{padding:.8rem}.continue-kicker em{display:none}.continue-feed-grid .continue-copy h3{font-size:1rem}.continue-footer a{font-size:.7rem}}}
/* Frontend owner module: 11-reader-experience.css */
@layer pages{.reader-series-link{margin-bottom:.55rem;color:var(--ui-secondary);font-size:.7rem;font-weight:780}.catalog-reset{justify-self:center;color:var(--ui-text-subtle);font-size:var(--ui-font-xs);font-weight:700}.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}}
@layer pages{.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-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{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-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)}}
@layer pages{.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}}
@layer responsive{@media (max-width:25rem){.catalog-count{justify-self:auto}}}
.novel-comments{padding:var(--ui-space-9) 0;background:var(--ui-bg)}
.novel-comments__inner{width:min(78rem,calc(100% - 2rem));margin:auto}
@layer responsive{@media (max-width:64rem){.novel-read-card{position:static}}@media (max-width:48rem){.novel-review-grid,.novel-rating-form{grid-template-columns:1fr}.novel-review-login{align-items:flex-start;flex-direction:column}}}
@layer responsive{@media (max-width:34rem){.novel-rating-actions{align-items:stretch;flex-direction:column}.novel-rating-actions .button{width:100%}}}
/* Frontend owner module: 11-reader-catalog-story-rebuild.css */
@layer components{.reader-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ui-space-4);margin-bottom:var(--ui-space-5)}.reader-section-head h2{font-size:var(--ui-font-2xl)}.reader-kicker{display:inline-block;color:var(--ui-accent);font-size:var(--ui-font-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.reader-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}}
@layer pages{.reader-section,.reader-content-tabs,.catalog-search-shell,.catalog-layout,.novel-hero-inner,.novel-body,.novel-gallery,.novel-reviews-inner,.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}.catalog-search{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.8rem}.catalog-search svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--ui-text-subtle);stroke-width:1.8;stroke-linecap:round}.catalog-search input{border:0;background:transparent;box-shadow:none}.catalog-search input:focus{background:transparent}.catalog-quick-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--ui-border)}.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}.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)}.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:var(--ui-on-media);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:var(--ui-media-ink);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-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)}.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:var(--ui-on-media);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}.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,var(--ui-reader-invite-accent),var(--ui-reader-invite-secondary));color:var(--ui-on-media);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:var(--ui-on-media)}.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}.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-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}}
@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:var(--ui-on-media);font-size:var(--ui-font-xs);font-weight:800;backdrop-filter:blur(.6rem)}.novel-copy{max-width:55rem}.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{height:.35rem;overflow:hidden;border-radius:99px;background:var(--ui-surface-inset)}.novel-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--ui-accent),var(--ui-secondary))}.novel-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-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-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)}.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)}.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}.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-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)}}
@layer components{.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,.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}}
@layer responsive{@media (max-width:48rem){.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__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}}@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}}}
@layer layouts{.series-card-editor,.series-parts-manager{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)}.series-card-editor{display:grid;grid-template-columns:12rem minmax(0,1fr);gap:var(--ui-space-5)}.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}}
@layer layouts{.series-part-label{color:var(--ui-text-subtle);font-size:var(--ui-font-xs)}}
@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-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}}
@layer responsive{@media (max-width:68rem){.catalog-head{align-items:start;flex-direction:column}.catalog-head-summary{min-width:0}}@media (max-width:48rem){.catalog-head{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}}@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%}}}
@layer responsive{@media (max-width:48rem){.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{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}}}
@layer pages{.series-parts>article{align-items:start}}
@layer responsive{@media (max-width:25rem){.catalog-toolbar__head{display:grid}.catalog-view-switch span:last-child{display:none}}}
.reader-card-compact .catalog-card__summary,.reader-card-rail .catalog-card__summary,.reader-card-grid .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}
@media (max-width:48rem){.reader-card-compact .catalog-card__summary,.reader-card-rail .catalog-card__summary,.reader-card-grid .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}}
.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:48rem){.reader-card-rail{grid-auto-columns:min(82vw,19rem)}.reader-card-rail .catalog-card__summary{min-height:2.7em;-webkit-line-clamp:2}}
@layer responsive{@media (max-width:75rem){.reader-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:64rem){.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-body{grid-template-columns:1fr}.series-public-hero{grid-template-columns:14rem minmax(0,1fr)}}@media (max-width:48rem){.reader-section,.reader-content-tabs,.catalog-search-shell,.catalog-layout,.novel-hero-inner,.novel-body,.novel-gallery,.novel-reviews-inner,.series-public-hero,.reader-author-invite,.reader-trust{width:calc(100% - 1.25rem)}.reader-section{padding-block:var(--ui-space-8)}.catalog-search{grid-template-columns:1.1rem minmax(0,1fr)}.catalog-search .button{grid-column:1/-1;width:100%}.catalog-quick-links{overflow-x:auto;flex-wrap:nowrap}.catalog-quick-links a{white-space:nowrap}.reader-section-head{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}.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-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}.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}.series-card-editor{grid-template-columns:1fr}.series-parts-manager>article{grid-template-columns:2rem 3rem minmax(0,1fr)}}@media (max-width:25rem){.reader-card-grid{grid-template-columns:1fr}.series-card{grid-template-columns:6.25rem minmax(0,1fr)}}}
@layer utilities{@media (forced-colors:active){.reader-card,.series-card{forced-color-adjust:auto}}}
@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:48rem){.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}}}
@layer responsive{@media (max-width:48rem){.reader-gallery-shell{height:100dvh;border:0;border-radius:0}.reader-gallery-stage{min-height:calc(100dvh - 4rem)}}}
/* Micro Drama 0.12.24 — Reader Catalog & Story Rebuild */
@layer pages{/* Catalog: content first, controls second. */.page-library .catalog-toolbar{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));
    gap:.9rem;
    margin:clamp(1rem,2.4vw,1.75rem) auto 1rem;
    padding:clamp(1rem,1.8vw,1.35rem);
    border-radius:var(--ui-radius-xl);
    background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 96%,transparent),var(--ui-surface-raised));}.page-library .catalog-toolbar__primary{display:grid;
    grid-template-columns:minmax(14rem,.42fr) minmax(25rem,1.58fr);
    align-items:end;
    gap:clamp(1rem,2.3vw,2rem);}.page-library .catalog-toolbar__head{display:block}.page-library .catalog-toolbar__head h1{max-width:none;
    margin:.18rem 0 0;
    font-size:clamp(2rem,3vw,3rem);
    line-height:.96;
    text-wrap:balance;}.page-library .catalog-search{min-height:3.45rem;
    padding:.32rem .35rem;
    border-radius:var(--ui-radius-lg);
    background:var(--ui-page);}.page-library .catalog-search input{min-height:2.65rem}.page-library .catalog-search .button{min-height:2.65rem;padding-inline:1.15rem}.page-library .catalog-toolbar__controls{min-width:0;
    align-items:center;
    gap:.75rem;
    padding-top:.85rem;
    border-top:1px solid var(--ui-border);}.page-library .catalog-tabs{width:auto;
    flex:0 0 auto;
    padding:.2rem;}.page-library .catalog-tabs a{min-width:7rem;min-height:2.25rem}.page-library .catalog-quick-links{min-width:0;
    flex:1 1 auto;
    justify-content:flex-end;
    margin:0;
    padding:0;
    overflow-x:auto;
    border:0;
    scrollbar-width:none;}.page-library .catalog-quick-links::-webkit-scrollbar{display:none}.page-library .catalog-quick-links a{flex:0 0 auto;
    padding:.42rem .68rem;
    border:1px solid transparent;
    background:transparent;}.page-library .catalog-quick-links a:hover,.page-library .catalog-quick-links a.active{border-color:var(--ui-border);
    background:var(--ui-surface);
    color:var(--ui-text);}.page-library .catalog-layout{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));
    grid-template-columns:15.5rem minmax(0,1fr);
    gap:clamp(1rem,2vw,1.5rem);
    padding-block:.5rem var(--ui-space-10);}.page-library .catalog-filters{top:calc(var(--ui-size-header) + .75rem);
    max-height:calc(100dvh - var(--ui-size-header) - 1.5rem);
    padding:1rem;
    border-radius:var(--ui-radius-lg);
    box-shadow:none;}.page-library .catalog-filter-title{margin-bottom:.75rem}.page-library .catalog-filter-title strong{font-size:1.1rem}.page-library .catalog-filters form{gap:.85rem}.page-library .catalog-filters label>span,.page-library .catalog-filters legend{font-size:.68rem}.page-library .catalog-filters select{min-height:2.55rem;padding-block:.45rem}.page-library .filter-radio{padding:.42rem .55rem}.page-library .catalog-results{min-width:0}.page-library .catalog-results-head{min-height:2.7rem;
    margin:0 0 .8rem;
    padding:0 0 .7rem;}.page-library .catalog-result-caption strong{font-size:1.35rem}.page-library .catalog-unified-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));
    gap:1rem;}.page-library .catalog-unified-grid>.catalog-card{display:grid;
    grid-template-columns:8.75rem minmax(0,1fr);
    min-height:14rem;
    overflow:hidden;
    border-radius:var(--ui-radius-lg);
    box-shadow:var(--ui-shadow-xs);}.page-library .catalog-unified-grid>.catalog-card:hover{border-color:var(--ui-border-strong);
    box-shadow:var(--ui-shadow-md);
    transform:translateY(-2px);}.page-library .catalog-unified-grid>.catalog-card>.catalog-card__cover{height:100%;
    min-height:14rem;
    aspect-ratio:auto;
    border-radius:0;}.page-library .catalog-unified-grid>.catalog-card>.catalog-card__body{min-height:14rem;
    padding:1rem;}.page-library .catalog-card__body h3{font-size:1.18rem;line-height:1.08}.page-library .catalog-card__body>p.catalog-card__summary{min-height:2.75em;
    margin:.35rem 0 .55rem;
    font-size:.78rem;
    line-height:1.4;
    -webkit-line-clamp:2;}.page-library .reader-card-facts,.page-library .series-card-facts{gap:.3rem}.page-library .reader-card-facts span,.page-library .series-card-facts span,.page-library .series-card-facts strong{padding:.26rem .42rem;font-size:.64rem}.page-library .reader-card-footer,.page-library .series-card-footer{gap:.55rem;margin-top:auto;padding-top:.55rem}.page-library .reader-card-author{max-width:9.5rem}.page-library .reader-card-action,.page-library .series-card-footer .button{font-size:.72rem}.page-library .catalog-unified-grid.is-compact{grid-template-columns:1fr}.page-library .catalog-unified-grid.is-compact>.catalog-card{grid-template-columns:6.75rem minmax(0,1fr);
    min-height:10.5rem;}.page-library .catalog-unified-grid.is-compact>.catalog-card>.catalog-card__cover,.page-library .catalog-unified-grid.is-compact>.catalog-card>.catalog-card__body{min-height:10.5rem}/* Story hero: CTA before secondary statistics and a calm desktop hierarchy. */.page-story .novel-hero-inner{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));
    min-height:34rem;
    grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);
    gap:clamp(2.25rem,5vw,5rem);
    padding-block:clamp(2.5rem,5vw,4.5rem);}.page-story .novel-cover{transform:none;border-radius:var(--ui-radius-xl)}.page-story .novel-copy{max-width:61rem}.page-story .novel-copy h1{max-width:18ch;
    font-size:clamp(3rem,5.4vw,5.35rem);
    line-height:.92;
    text-wrap:balance;}.page-story .novel-hook{max-width:48rem;margin-top:.85rem;line-height:1.55}.page-story .novel-actions{margin-top:1.25rem}.page-story .novel-progress{margin-top:.95rem}.page-story .novel-author{margin-top:1.1rem}.page-story .novel-facts{gap:.55rem;margin-top:1rem}.page-story .novel-facts>span{min-width:6.5rem;
    padding:.6rem .75rem;
    background:color-mix(in srgb,var(--ui-surface) 82%,transparent);}.page-story .novel-facts b{font-size:1.05rem}.page-story .novel-body{padding-block:clamp(2.5rem,5vw,4rem)}}
@layer responsive{@media (max-width:64rem){.page-library .catalog-toolbar__primary{grid-template-columns:1fr}.page-library .catalog-toolbar__head h1{font-size:2.45rem}.page-library .catalog-layout{grid-template-columns:1fr}.page-library .catalog-unified-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr))}.page-library .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(100dvh - 2rem);
      box-shadow:var(--ui-shadow-lg);}.page-library .catalog-filters.mobile-open{display:block}}@media (max-width:48rem){.page-library .catalog-toolbar{width:calc(100% - 1rem);
      gap:.7rem;
      margin:.65rem auto .75rem;
      padding:.8rem;
      border-radius:var(--ui-radius-lg);}.page-library .catalog-toolbar__primary{gap:.65rem}.page-library .catalog-toolbar__head h1{font-size:clamp(1.8rem,8vw,2.25rem)}.page-library .catalog-search{grid-template-columns:auto minmax(0,1fr) auto;min-height:3rem}.page-library .catalog-search input{min-height:2.35rem}.page-library .catalog-search .button{grid-column:auto;width:auto;min-height:2.35rem;padding-inline:.8rem}.page-library .catalog-toolbar__controls{align-items:stretch;gap:.55rem;padding-top:.65rem}.page-library .catalog-tabs{width:100%}.page-library .catalog-tabs a{min-width:0;flex:1;padding-inline:.55rem}.page-library .catalog-quick-links{justify-content:flex-start}.page-library .catalog-layout{width:calc(100% - 1rem);padding-top:.25rem}.page-library .catalog-results-head{align-items:center;flex-direction:row}.page-library .catalog-results-actions{margin-left:auto}.page-library .catalog-unified-grid,.page-library .catalog-unified-grid.is-compact{grid-template-columns:1fr}.page-library .catalog-unified-grid>.catalog-card,.page-library .catalog-unified-grid.is-compact>.catalog-card{grid-template-columns:7.1rem minmax(0,1fr);
      min-height:12rem;}.page-library .catalog-unified-grid>.catalog-card>.catalog-card__cover,.page-library .catalog-unified-grid>.catalog-card>.catalog-card__body,.page-library .catalog-unified-grid.is-compact>.catalog-card>.catalog-card__cover,.page-library .catalog-unified-grid.is-compact>.catalog-card>.catalog-card__body{min-height:12rem}.page-library .catalog-unified-grid>.catalog-card>.catalog-card__body{padding:.82rem}.page-library .catalog-card__body h3{font-size:1.05rem}.page-library .catalog-card__body>p.catalog-card__summary{display:-webkit-box;min-height:auto;font-size:.74rem;-webkit-line-clamp:2}.page-library .reader-card-footer,.page-library .series-card-footer{align-items:flex-start;flex-direction:column}.page-story .novel-hero{overflow:visible}.page-story .novel-hero::before{display:none}.page-story .novel-hero-inner{display:grid;
      width:calc(100% - 1.25rem);
      min-height:auto;
      grid-template-columns:6.75rem minmax(0,1fr);
      grid-template-areas:
        "crumb crumb"
        "cover status"
        "cover title"
        "cover author"
        "hook hook"
        "actions actions"
        "progress progress"
        "facts facts";
      align-items:start;
      gap:.55rem 1rem;
      padding-block:1rem 1.4rem;}.page-story .novel-copy{display:contents}.page-story .novel-cover{grid-area:cover;align-self:start;width:100%;border-radius:1rem;box-shadow:var(--ui-shadow-md)}.page-story .novel-cover>span{top:.55rem;right:.55rem;padding:.28rem .45rem;font-size:.62rem}.page-story .novel-breadcrumb{grid-area:crumb;margin:0 0 .25rem;font-size:.7rem}.page-story .novel-status-row{grid-area:status;align-self:end;margin:0;gap:.35rem}.page-story .novel-status-row>span{padding:.3rem .48rem;font-size:.58rem}.page-story .novel-status-row small{display:block;width:100%;font-size:.65rem}.page-story .novel-copy h1{grid-area:title;
      align-self:center;
      max-width:12ch;
      margin:.1rem 0;
      font-size:clamp(2rem,9vw,2.75rem);
      line-height:.92;
      overflow-wrap:normal;
      word-break:normal;}.page-story .novel-author{grid-area:author;align-self:start;margin:.15rem 0 0;gap:.55rem}.page-story .novel-author i{width:2.15rem;height:2.15rem}.page-story .novel-author span small{font-size:.57rem}.page-story .novel-author span strong{font-size:.78rem}.page-story .novel-hook{grid-area:hook;max-width:none;margin:.65rem 0 0;font-size:.95rem;line-height:1.55}.page-story .novel-actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;margin:.45rem 0 0}.page-story .novel-actions>*{width:auto}.page-story .novel-actions form{display:block}.page-story .novel-actions .button{width:100%;min-height:3.1rem;padding-inline:1rem}.page-story .reader-main-cta{font-size:.9rem}.page-story .reader-secondary-cta{display:inline-flex;min-width:3.2rem;align-items:center;justify-content:center;gap:.35rem}.page-story .reader-secondary-cta>span:first-child{font-size:1.05rem;line-height:1}.page-story .reader-secondary-cta .novel-save-label{display:none}.page-story .novel-progress{grid-area:progress;max-width:none;margin:.35rem 0 0}.page-story .novel-facts{grid-area:facts;display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.55rem;margin:.35rem 0 0}.page-story .novel-facts>span{min-width:0;padding:.65rem .75rem;border-radius:var(--ui-radius-md)}.page-story .novel-facts b{font-size:1rem}.page-story .novel-facts small{font-size:.62rem}.page-story .novel-body{width:calc(100% - 1.25rem);padding-block:1.6rem}}}

/* Micro Drama 0.12.37 R11 — Reader Library Collection */
@layer pages{
  .page-collection .collection-hero{
    width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:clamp(1.25rem,3vw,3rem);
    margin:clamp(1rem,2.4vw,1.75rem) auto 1.25rem;
    padding:clamp(1.2rem,2.5vw,2rem);
    border:1px solid var(--ui-border);
    border-radius:var(--ui-radius-2xl);
    background:
      radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--ui-accent) 16%,transparent),transparent 32%),
      linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 97%,transparent),var(--ui-surface-raised));
    box-shadow:var(--ui-shadow-sm);
  }
  .page-collection .collection-hero__copy{max-width:52rem}
  .page-collection .collection-hero__copy h1{
    margin:.22rem 0 .6rem;
    font-size:clamp(2.25rem,4.2vw,4.25rem);
    line-height:.92;
    text-wrap:balance;
  }
  .page-collection .collection-hero__copy p{max-width:45rem;color:var(--ui-text-muted);font-size:clamp(.95rem,1.35vw,1.08rem)}
  .page-collection .collection-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(9rem,1fr));gap:.75rem}
  .page-collection .collection-hero__stats article{
    display:grid;
    align-content:center;
    min-height:7.5rem;
    padding:1rem 1.15rem;
    border:1px solid var(--ui-border);
    border-radius:var(--ui-radius-lg);
    background:color-mix(in srgb,var(--ui-surface-raised) 88%,transparent);
  }
  .page-collection .collection-hero__stats strong{font-family:var(--ui-font-display);font-size:2.25rem;line-height:1}
  .page-collection .collection-hero__stats span{margin-top:.45rem;color:var(--ui-text-muted);font-size:.72rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}
  .page-collection .collection-shell{
    width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));
    margin-inline:auto;
    padding:.25rem 0 var(--ui-space-10);
  }
  .page-collection .collection-section{padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}
  .page-collection .collection-section+.collection-section{margin-top:1.25rem}
  .page-collection .collection-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--ui-border)}
  .page-collection .collection-section__head>div>span{display:block;margin-bottom:.25rem;color:var(--ui-accent);font-size:.68rem;font-weight:820;letter-spacing:.12em;text-transform:uppercase}
  .page-collection .collection-section__head h2{font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.05}
  .page-collection .collection-section__head p{max-width:48rem;margin-top:.35rem;color:var(--ui-text-muted);font-size:.83rem}
  .page-collection .collection-section__head>strong{display:grid;min-width:2.6rem;height:2.6rem;place-items:center;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-surface-raised);font-size:1rem}
  .page-collection .collection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1rem}
  .page-collection .collection-card-state{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .45rem}
  .page-collection .collection-card-state span{padding:.25rem .48rem;border:1px solid var(--ui-border);border-radius:999px;font-size:.62rem;font-weight:780;line-height:1.2}
  .page-collection .collection-card-state span.collection-card-state__reading{border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 12%,transparent);color:var(--ui-accent)}
  .page-collection .collection-card-state__saved{background:var(--ui-surface-raised);color:var(--ui-text-muted)}
  .page-collection .collection-empty{min-height:22rem;border-style:solid;background:linear-gradient(145deg,var(--ui-surface),var(--ui-surface-raised))}
  .page-collection .collection-empty i{font-size:2.25rem;color:var(--ui-accent)}
}
@layer responsive{
  @media (max-width:64rem){
    .page-collection .collection-hero{grid-template-columns:1fr;align-items:start}
    .page-collection .collection-hero__stats{width:min(100%,25rem)}
  }
  @media (max-width:48rem){
    .page-collection .collection-hero,.page-collection .collection-shell{width:calc(100% - 1rem)}
    .page-collection .collection-hero{gap:1rem;margin-top:.75rem;padding:1rem;border-radius:var(--ui-radius-xl)}
    .page-collection .collection-hero__copy h1{font-size:clamp(2rem,11vw,3rem)}
    .page-collection .collection-hero__stats{width:100%;gap:.55rem}
    .page-collection .collection-hero__stats article{min-height:6rem;padding:.8rem}
    .page-collection .collection-hero__stats strong{font-size:1.85rem}
    .page-collection .collection-hero__stats span{font-size:.61rem;line-height:1.25}
    .page-collection .collection-section{padding:.75rem;border-radius:var(--ui-radius-lg)}
    .page-collection .collection-section__head{align-items:flex-start}
    .page-collection .collection-section__head p{font-size:.75rem}
    .page-collection .collection-grid{grid-template-columns:1fr}
    .page-collection .collection-grid>.catalog-card{grid-template-columns:7rem minmax(0,1fr);min-height:12.5rem}
    .page-collection .collection-grid>.catalog-card>.catalog-card__cover,.page-collection .collection-grid>.catalog-card>.catalog-card__body{min-height:12.5rem}
    .page-collection .collection-grid>.catalog-card>.catalog-card__body{padding:.8rem}
  }
}
/* Frontend owner module: 12-dialog-feedback.css */
@layer components{dialog::backdrop{background:var(--ui-overlay);backdrop-filter:blur(.35rem)}}
/* Frontend owner module: 12-dialogs-notifications.css */
@layer components{.dialog-close{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);}.dialog-close:hover{background:var(--ui-surface-muted);color:var(--ui-text)}dialog.platform-dialog,.platform-dialog,.dialog-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-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,.package-dialog-shell{padding:var(--ui-space-5)}.dialog-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--ui-space-3)}}
@layer pages{.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)}}
@layer layouts{.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)}.submit-message{padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-success-soft);color:var(--ui-success)}}
@layer responsive{@media (max-width:48rem){dialog.platform-dialog,dialog.platform-dialog.platform-dialog--compact,dialog.platform-dialog.platform-dialog--wide,dialog.dialog-card{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:var(--ui-radius-lg)}.platform-dialog>form,.platform-dialog>.dialog-shell,.package-dialog-shell{max-height:calc(100dvh - 1rem)}.platform-dialog .dialog-head,.dialog-card .dialog-head{padding:var(--ui-space-5) var(--ui-space-4) var(--ui-space-4)}.platform-dialog .dialog-body,.dialog-card .dialog-body,.package-dialog-shell>.dialog-body{padding:var(--ui-space-4)}.platform-dialog .two-fields{grid-template-columns:1fr}.platform-dialog .dialog-actions,.dialog-card .dialog-actions{display:grid;grid-template-columns:1fr 1fr;padding:var(--ui-space-3) var(--ui-space-4) var(--ui-space-4)}.platform-dialog .dialog-actions .button,.dialog-card .dialog-actions .button{width:100%;min-width:0}.package-dialog-shell>.dialog-actions{grid-template-columns:1fr}.package-upload-zone{grid-template-columns:auto minmax(0,1fr);min-height:7rem;padding:var(--ui-space-4)}}@media (max-width:25rem){.platform-dialog .dialog-actions,.dialog-card .dialog-actions{grid-template-columns:1fr}}}
@layer responsive{@media (max-width:48rem){.package-upload-zone{grid-template-columns:auto minmax(0,1fr)}}}
@layer responsive{@media (max-width:48rem){.reader-gallery-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0}}}
@layer components{dialog.platform-dialog,dialog.dialog-card,dialog.reader-gallery-dialog{max-height:min(88dvh,52rem);margin:auto;overflow:hidden;color:var(--ui-text)}dialog.platform-dialog{width:min(38rem,calc(100vw - 2rem));border-radius:var(--ui-radius-xl)}dialog.platform-dialog.platform-dialog--compact{width:min(33rem,calc(100vw - 2rem))}dialog.platform-dialog.platform-dialog--wide{width:min(48rem,calc(100vw - 2rem))}.platform-dialog>form,.platform-dialog>.dialog-shell,.package-dialog-shell{display:grid;max-height:min(88dvh,52rem);grid-template-rows:auto minmax(0,1fr) auto}.platform-dialog .dialog-head,.dialog-card .dialog-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--ui-space-4);padding:var(--ui-space-6) var(--ui-space-6) var(--ui-space-5);border-bottom:1px solid var(--ui-border)}.platform-dialog .dialog-head>div,.dialog-card .dialog-head>div{display:grid;min-width:0;gap:.35rem;padding-right:.25rem}.platform-dialog .dialog-head .overline,.dialog-card .dialog-head .overline{order:-1;margin:0}.platform-dialog .dialog-head h2,.dialog-card .dialog-head h2{margin:0;font-size:clamp(1.35rem,2.3vw,1.8rem);line-height:1.12;letter-spacing:-.03em}.platform-dialog .dialog-head p,.dialog-card .dialog-head p{max-width:58ch;margin:0;color:var(--ui-text-muted);font-size:var(--ui-font-sm);line-height:1.5}.platform-dialog .dialog-close,.dialog-card .close-button{position:static;align-self:start;flex:0 0 auto}.platform-dialog .dialog-body,.dialog-card .dialog-body{display:grid;gap:var(--ui-space-5);min-height:0;padding:var(--ui-space-5) var(--ui-space-6);overflow:auto;overscroll-behavior:contain}.platform-dialog .dialog-fields{display:grid;gap:var(--ui-space-4)}.platform-dialog label,.dialog-card label{display:grid;gap:.45rem;min-width:0}.platform-dialog label>span,.dialog-card label>span{color:var(--ui-text);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.02em}.platform-dialog input,.platform-dialog select,.platform-dialog textarea,.dialog-card input,.dialog-card select,.dialog-card textarea{width:100%}.platform-dialog .two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-space-4)}.platform-dialog .dialog-actions,.dialog-card .dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-3);margin:0;padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-5);border-top:1px solid var(--ui-border);background:var(--ui-surface)}.platform-dialog .dialog-actions .button,.dialog-card .dialog-actions .button{min-height:44px}.platform-dialog .dialog-actions .button.primary,.dialog-card .dialog-actions .button.primary,.dialog-card .dialog-actions .button.danger{min-width:11rem}.package-dialog-shell{position:relative}.package-dialog-shell>.dialog-head{padding-right:var(--ui-space-6)}.package-dialog-shell>.dialog-body{display:grid;gap:var(--ui-space-4);min-height:0;padding:var(--ui-space-5) var(--ui-space-6);overflow:auto}.package-dialog-shell>.dialog-actions{margin:0}.package-upload-zone{min-height:9rem}.submit-message,[data-team-message]{display:none;margin-top:var(--ui-space-3);padding:.75rem .9rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:var(--ui-font-xs)}.submit-message:not(:empty),[data-team-message]:not(:empty){display:block}.submit-message[data-state="success"],[data-team-message][data-state="success"]{border-color:color-mix(in srgb,var(--ui-success) 32%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}.submit-message[data-state="error"],[data-team-message][data-state="error"]{border-color:color-mix(in srgb,var(--ui-danger) 32%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}.submit-message[data-state="pending"],[data-team-message][data-state="pending"]{border-color:color-mix(in srgb,var(--ui-info) 32%,var(--ui-border));background:var(--ui-info-soft);color:var(--ui-info)}.flash-stack{position:fixed;z-index:var(--ui-z-toast,3500);top:calc(var(--ui-header-height,4rem) + 1rem);right:1rem;display:grid;width:min(24rem,calc(100vw - 2rem));gap:.65rem}.flash{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.8rem .9rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-shadow-md)}.flash.success{border-color:color-mix(in srgb,var(--ui-success) 32%,var(--ui-border));background:var(--ui-success-soft);color:var(--ui-success)}.flash.warning{border-color:color-mix(in srgb,var(--ui-warning) 32%,var(--ui-border));background:var(--ui-warning-soft);color:var(--ui-warning)}.flash.error{border-color:color-mix(in srgb,var(--ui-danger) 32%,var(--ui-border));background:var(--ui-danger-soft);color:var(--ui-danger)}}
/* Frontend owner module: 13-author-profile.css */
/* Frontend owner module: 13-author-profile-rebuild.css */
@layer pages{.author-profile{width:min(var(--ui-container),calc(100% - 3rem));margin-inline:auto}}
@layer pages{.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}}
@layer pages{.author-profile{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)))}}
@layer pages{.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)}}
@layer responsive{@media (max-width:48rem){.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}}}
@layer responsive{@media (max-width:64rem){.author-profile-rebuild .author-profile{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "bio" "stats";align-items:start}.author-profile-rebuild .author-bio>p{max-width:52rem}}@media (max-width:48rem){.author-profile{width:calc(100% - 1.25rem)}.author-profile-rebuild .author-profile{width:calc(100% - 1rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "bio" "stats";gap:1.15rem;margin:.75rem auto 1.5rem;padding:1rem;border-radius:1.35rem}.author-profile-rebuild .author-profile__identity{grid-template-columns:4.75rem minmax(0,1fr);gap:.9rem;width:100%}.author-profile-rebuild .author-avatar{width:4.75rem;height:4.75rem;border-radius:1rem;font-size:1.9rem}.author-profile-rebuild .author-profile__identity h1{font-size:clamp(1.9rem,9.5vw,2.75rem);line-height:1.02}.author-profile-rebuild .author-profile__identity .overline{font-size:.66rem;line-height:1.35}.author-profile-rebuild .author-bio{width:100%}.author-profile-rebuild .author-bio>p{font-size:.92rem;line-height:1.55}.author-profile-rebuild .author-profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.55rem;margin-top:1rem}.author-profile-rebuild .author-profile-links .button{width:100%;min-height:2.7rem;padding-inline:.7rem}.author-profile-rebuild .author-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%}.author-profile-rebuild .author-stats>div{padding:.85rem;border-radius:1rem}.author-profile-rebuild .author-stats span{font-size:.7rem;line-height:1.25}.author-profile-rebuild .author-section{width:calc(100% - 1rem);padding-block:2.25rem}.author-profile-rebuild .author-section .reader-section-head h2{font-size:clamp(1.8rem,8.5vw,2.5rem)}.author-profile-rebuild .author-section .reader-section-head p{font-size:.9rem}}@media (max-width:25rem){.author-profile-rebuild .author-profile__identity{grid-template-columns:4.25rem minmax(0,1fr)}.author-profile-rebuild .author-avatar{width:4.25rem;height:4.25rem}.author-profile-rebuild .author-profile-links{grid-template-columns:1fr}}}
/* 0.12.26 Author Profile Rebuild: one responsive owner for public author pages. */
@layer pages{.author-profile-rebuild .author-profile::after{pointer-events:none}.author-profile-rebuild .author-profile{grid-template-columns:minmax(20rem,.82fr) minmax(0,1.18fr);
    grid-template-areas:"identity bio" "stats stats";
    align-items:center;
    gap:clamp(1.5rem,3vw,3rem);
    width:min(74rem,calc(100% - 3rem));
    margin:clamp(1.25rem,3vw,2.5rem) auto clamp(1.5rem,4vw,3rem);
    padding:clamp(1.35rem,3vw,2.5rem);
    overflow:hidden;}.author-profile-rebuild .author-profile__identity{grid-area:identity;
    display:grid;
    grid-template-columns:clamp(5.5rem,9vw,8rem) minmax(0,1fr);
    align-items:center;
    gap:clamp(1rem,2vw,1.5rem);
    min-width:0;}.author-profile-rebuild .author-profile__copy{min-width:0}.author-profile-rebuild .author-avatar{width:clamp(5.5rem,9vw,8rem);
    height:clamp(5.5rem,9vw,8rem);
    border-radius:clamp(1.1rem,2vw,1.75rem);
    font-size:clamp(2rem,4vw,3.5rem);}.author-profile-rebuild .author-profile__identity h1{max-width:100%;
    margin:.25rem 0 .15rem;
    font-size:clamp(2rem,4vw,3.65rem);
    line-height:.96;
    overflow-wrap:break-word;
    word-break:normal;}.author-profile-rebuild .author-handle{max-width:100%;
    margin:0;
    overflow-wrap:anywhere;}.author-profile-rebuild .author-bio{grid-area:bio;
    min-width:0;
    justify-content:center;}.author-profile-rebuild .author-bio>p{max-width:42rem;
    margin:0;
    font-size:clamp(.95rem,1.4vw,1.08rem);
    line-height:1.65;}.author-profile-rebuild .author-profile-links{align-items:center}.author-profile-rebuild .author-profile-links .button{min-width:0;white-space:normal;text-align:center}.author-profile-rebuild .author-stats{grid-area:stats;
    grid-template-columns:repeat(4,minmax(0,1fr));
    min-width:0;}.author-profile-rebuild .author-stats>div{min-width:0}.author-profile-rebuild .author-stats strong{font-size:clamp(1.25rem,2vw,1.75rem)}.author-profile-rebuild .author-stats span{overflow-wrap:break-word}.author-profile-rebuild .author-work-catalog{display:grid;gap:clamp(.5rem,2vw,1.5rem)}.author-profile-rebuild .author-section{padding-block:clamp(2rem,5vw,4rem)}.author-profile-rebuild .author-section .reader-section-head h2{max-width:22ch;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1}.author-profile-rebuild .author-section .reader-section-head p{max-width:44rem}}
/* Micro Drama 0.12.45 — Reader Experience V2 */
@layer components{
  .reader-v2 .reader-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--ui-secondary);font-size:var(--ui-font-xs);font-weight:850;letter-spacing:.12em;text-transform:uppercase}
  .reader-v2 .reader-eyebrow i{width:.45rem;height:.45rem;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 0 .3rem var(--ui-accent-soft)}
  .reader-v2 .reader-progress{display:grid;gap:.38rem}
  .reader-v2 .reader-progress>div{height:.32rem;overflow:hidden;border-radius:var(--ui-radius-pill);background:var(--ui-surface-muted)}
  .reader-v2 .reader-progress>div>i{display:block;width:0;height:100%;border-radius:inherit;background:var(--ui-brand-gradient)}
  .reader-v2 .reader-progress>span{color:var(--ui-text-subtle);font-size:.69rem;font-weight:700}
  .reader-v2 .reader-card-action{display:inline-flex;align-items:center;gap:.35rem;color:var(--ui-text-muted);font-size:.78rem;font-weight:820;white-space:nowrap}
  .reader-v2 .reader-card-action--read{color:var(--ui-accent)}
  .reader-v2 .reader-card-action:hover{color:var(--ui-secondary)}
  .reader-v2 .reader-card-action span{transition:transform var(--ui-duration-fast) var(--ui-ease)}
  .reader-v2 .reader-card-action:hover span{transform:translateX(.18rem)}
  .reader-v2 .reader-card a:focus-visible,.reader-v2 .continue-card a:focus-visible{outline:none;box-shadow:var(--ui-focus);border-radius:var(--ui-radius-xs)}
}

@layer pages{
  .reader-v2{background:var(--ui-page)}
  .reader-v2 .reader-v2-section{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));padding-block:clamp(2.4rem,5.5vw,5.5rem)}
  .reader-v2 .reader-v2-section+.reader-v2-section{padding-top:0}
  .reader-v2 .reader-section-head{align-items:end;margin-bottom:clamp(1.25rem,2.4vw,2rem)}
  .reader-v2 .reader-section-head h2{max-width:20ch;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.02;text-wrap:balance}
  .reader-v2 .reader-section-head>div>p{max-width:45rem;color:var(--ui-text-muted);font-size:.95rem;line-height:1.6}

  /* Home: reading first, creator second. */
  .reader-v2 .reader-home-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(35rem,71vh,48rem);background:var(--ui-hero)}
  .reader-v2 .reader-home-hero__art{position:absolute;z-index:-2;inset:0;background-image:var(--ui-background-image,none);background-position:center;background-size:cover;opacity:var(--ui-background-opacity,.5);filter:saturate(.82) contrast(1.04);transform:scale(1.015)}
  .reader-v2 .reader-home-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--ui-page) 3%,color-mix(in srgb,var(--ui-page) 92%,transparent) 35%,color-mix(in srgb,var(--ui-page) 58%,transparent) 70%,color-mix(in srgb,var(--ui-page) 72%,transparent)),linear-gradient(0deg,var(--ui-page) 0%,transparent 34%)}
  .reader-v2 .reader-home-hero__inner{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));min-height:inherit;margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(19rem,.72fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(4rem,8vh,7rem) 0}
  .reader-v2 .reader-home-hero__copy{max-width:51rem}
  .reader-v2 .reader-home-hero__copy h1{max-width:13ch;margin:.75rem 0 1rem;font-size:clamp(3rem,6.5vw,6.5rem);line-height:.9;letter-spacing:-.055em;text-wrap:balance}
  .reader-v2 .reader-home-hero__copy>p{max-width:43rem;color:var(--ui-text-muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}
  .reader-v2 .reader-home-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
  .reader-v2 .reader-home-proof{display:flex;flex-wrap:wrap;gap:.7rem 1.35rem;margin-top:2rem;padding-top:1.35rem;border-top:1px solid var(--ui-border)}
  .reader-v2 .reader-home-proof span{display:grid;gap:.15rem;min-width:8.5rem}
  .reader-v2 .reader-home-proof b{font-size:.82rem}
  .reader-v2 .reader-home-proof small{color:var(--ui-text-subtle);font-size:.68rem}
  .reader-v2 .reader-home-resume,.reader-v2 .reader-home-guide{position:relative;overflow:hidden;padding:1rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-2xl);background:color-mix(in srgb,var(--ui-surface) 82%,transparent);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(1.2rem)}
  .reader-v2 .reader-home-resume{display:grid;grid-template-columns:minmax(8.5rem,.72fr) minmax(0,1fr);gap:1rem}
  .reader-v2 .reader-home-resume__label{position:absolute;z-index:3;top:1.7rem;left:1.7rem;padding:.32rem .55rem;border-radius:var(--ui-radius-pill);background:var(--ui-accent);color:var(--ui-on-accent);font-size:.62rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  .reader-v2 .reader-home-resume__cover{display:block;overflow:hidden;min-height:17rem;border-radius:var(--ui-radius-xl);background:var(--ui-surface-muted)}
  .reader-v2 .reader-home-resume__cover img,.reader-v2 .reader-home-resume__cover>div{width:100%;height:100%;object-fit:cover}
  .reader-v2 .reader-home-resume__copy{display:grid;align-content:center;gap:.65rem;padding:.5rem .5rem .5rem 0}
  .reader-v2 .reader-home-resume__copy>small{color:var(--ui-secondary);font-size:.68rem;font-weight:820;text-transform:uppercase;letter-spacing:.08em}
  .reader-v2 .reader-home-resume__copy h2{font-size:clamp(1.45rem,2.3vw,2.25rem);line-height:1.02}
  .reader-v2 .reader-home-resume__copy p{color:var(--ui-text-muted);font-size:.78rem;line-height:1.5}
  .reader-v2 .reader-progress--hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .reader-v2 .reader-progress--hero>span{font-size:.75rem}
  .reader-v2 .reader-home-guide{display:grid;gap:1rem;padding:1.35rem}
  .reader-v2 .reader-home-guide>span{color:var(--ui-secondary);font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
  .reader-v2 .reader-home-guide h2{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.05}
  .reader-v2 .reader-home-guide nav{display:grid;gap:.55rem}
  .reader-v2 .reader-home-guide nav a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.1rem 1rem;padding:.9rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised);transition:border-color var(--ui-duration),transform var(--ui-duration)}
  .reader-v2 .reader-home-guide nav a:hover{border-color:var(--ui-border-strong);transform:translateX(.2rem)}
  .reader-v2 .reader-home-guide nav strong{font-size:.9rem}.reader-v2 .reader-home-guide nav small{grid-column:1;color:var(--ui-text-subtle);font-size:.68rem}.reader-v2 .reader-home-guide nav b{grid-column:2;grid-row:1/3;align-self:center;color:var(--ui-accent)}
  .reader-v2 .reader-home-side{display:grid;min-width:0;gap:1rem}
  .reader-v2 .reader-home-side--featured{align-self:center}
  .reader-v2 .reader-home-featured{position:relative;min-width:0;padding:1rem 1rem .8rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-2xl);background:color-mix(in srgb,var(--ui-surface) 76%,transparent);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(1.2rem)}
  .reader-v2 .reader-home-featured__head{position:relative;z-index:16;display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.15rem .25rem .2rem}
  .reader-v2 .reader-home-featured__head>div{display:grid;gap:.15rem;min-width:0}.reader-v2 .reader-home-featured__head span{color:var(--ui-secondary);font-size:.64rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.reader-v2 .reader-home-featured__head h2{font-size:1rem;line-height:1.15}.reader-v2 .reader-home-featured__head>a{flex:0 0 auto;color:var(--ui-text-muted);font-size:.68rem;font-weight:760}
  .reader-v2 .reader-home-featured__stage{height:26rem;margin-top:.15rem}
  .reader-v2 .reader-home-featured .experience-cover{width:min(15.5rem,55%)}
  .reader-v2 .reader-home-featured .experience-orbit{inset:13% 7% 11%}
  .reader-v2 .reader-home-featured .hero-carousel-arrows{inset:48% .1rem auto}
  .reader-v2 .reader-home-featured .hero-carousel-dots{bottom:.35rem}
  .reader-v2 .reader-home-featured .experience-showcase-note{display:none}
  .reader-v2 .reader-home-featured .experience-cover::after{content:"";position:absolute;z-index:2;right:0;bottom:0;left:0;height:48%;background:linear-gradient(0deg,color-mix(in srgb,var(--ui-media-black) 90%,transparent),transparent)}
  .reader-v2 .reader-home-featured .experience-cover-caption{position:absolute;z-index:4;right:.8rem;bottom:.85rem;left:.8rem;display:grid;gap:.18rem;color:var(--ui-on-media);text-shadow:0 .1rem .65rem color-mix(in srgb,var(--ui-media-black) 70%,transparent);transition:opacity .45s var(--ui-ease),transform .65s var(--ui-ease)}
  .reader-v2 .reader-home-featured .experience-cover-caption small{overflow:hidden;color:color-mix(in srgb,var(--ui-on-media) 76%,transparent);font-size:.58rem;font-weight:780;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.reader-v2 .reader-home-featured .experience-cover-caption strong{display:-webkit-box;overflow:hidden;font-family:var(--ui-font-display);font-size:1rem;line-height:1.05;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .reader-v2 .reader-home-featured .hero-slide:not([data-hero-position="active"]) .experience-cover-caption{opacity:0;transform:translateY(.45rem)}
  .reader-v2 .reader-home-resume--compact{grid-template-columns:4.25rem minmax(0,1fr);gap:.8rem;padding:.65rem .75rem;border-radius:var(--ui-radius-xl);box-shadow:var(--ui-shadow-md)}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__cover{min-height:6.2rem;border-radius:var(--ui-radius-md)}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__label{top:.9rem;left:.9rem;padding:.24rem .42rem;font-size:.54rem}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__copy{grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;gap:.22rem .65rem;padding:.1rem 0}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__copy>small,.reader-v2 .reader-home-resume--compact .reader-home-resume__copy>h2,.reader-v2 .reader-home-resume--compact .reader-progress--hero{grid-column:1}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__copy h2{font-size:1rem;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__copy p{display:none}
  .reader-v2 .reader-home-resume--compact .reader-progress--hero{width:min(100%,13rem)}
  .reader-v2 .reader-home-resume--compact .reader-home-resume__copy>.button{grid-column:2;grid-row:1/4;align-self:center;width:auto;min-width:7.2rem;min-height:2.6rem;padding-inline:.75rem;font-size:.72rem}
  .reader-v2 .reader-discovery-search{position:relative;z-index:5;width:min(74rem,calc(100% - (var(--ui-page-gutter) * 2)));margin:-2.4rem auto 0;padding:1rem 1.15rem 1.05rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-xl);background:color-mix(in srgb,var(--ui-surface) 96%,transparent);box-shadow:var(--ui-shadow-md);backdrop-filter:blur(1.2rem)}
  .reader-v2 .reader-discovery-search__head{display:flex;align-items:baseline;gap:.75rem;margin:0 .2rem .65rem}.reader-v2 .reader-discovery-search__head span{color:var(--ui-accent);font-size:.67rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.reader-v2 .reader-discovery-search__head h2{font-size:1rem}
  .reader-v2 .reader-discovery-search form{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:3.3rem;padding:.35rem .4rem .35rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}
  .reader-v2 .reader-discovery-search form:focus-within{border-color:var(--ui-accent);box-shadow:var(--ui-focus)}
  .reader-v2 .reader-discovery-search svg{width:1.2rem;height:1.2rem;fill:none;stroke:var(--ui-text-subtle);stroke-width:1.8}
  .reader-v2 .reader-discovery-search input{min-width:0;border:0;background:transparent;box-shadow:none;font-size:1rem}.reader-v2 .reader-discovery-search input:focus{background:transparent;box-shadow:none}
  .reader-v2 .reader-discovery-search nav{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.reader-v2 .reader-discovery-search nav a{padding:.42rem .7rem;border-radius:var(--ui-radius-pill);background:var(--ui-surface-raised);color:var(--ui-text-muted);font-size:.7rem;font-weight:750}.reader-v2 .reader-discovery-search nav a:hover{background:var(--ui-accent-soft);color:var(--ui-accent)}

  /* Content cards: image-led discovery with compact factual hierarchy. */
  .reader-v2 .reader-card,.reader-v2 .series-card{border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:none}
  .reader-v2 .reader-card:hover,.reader-v2 .series-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));box-shadow:var(--ui-shadow-md);transform:translateY(-.2rem)}
  .reader-v2 .reader-card-body,.reader-v2 .series-card-body{display:grid;align-content:start;gap:.55rem;padding:1rem}
  .reader-v2 .reader-card-kicker,.reader-v2 .series-card-kicker{margin:0;display:flex;align-items:center;gap:.45rem;color:var(--ui-text-subtle);font-size:.66rem;font-weight:760}
  .reader-v2 .reader-card-kicker a{color:var(--ui-secondary)}
  .reader-v2 .reader-card-body h3,.reader-v2 .series-card-body h3{margin:0;font-size:clamp(1.08rem,1.65vw,1.35rem);line-height:1.08;text-wrap:balance}
  .reader-v2 .catalog-card__summary{display:-webkit-box;min-height:3.9em;margin:0;overflow:hidden;color:var(--ui-text-muted);font-size:.78rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}
  .reader-v2 .reader-card-facts,.reader-v2 .series-card-facts{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin:0;color:var(--ui-text-subtle);font-size:.67rem}
  .reader-v2 .reader-card-footer,.reader-v2 .series-card-footer{align-self:end;margin-top:auto;padding-top:.65rem;border-top:1px solid var(--ui-border)}
  .reader-v2 .reader-card-author{display:inline-flex;align-items:center;gap:.4rem;min-width:0;color:var(--ui-text-muted);font-size:.68rem}.reader-v2 .reader-card-author i{display:grid;width:1.55rem;height:1.55rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--ui-surface-muted);font-style:normal;font-weight:850}.reader-v2 .reader-card-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .reader-v2 .reader-card-grid--featured{grid-template-columns:repeat(4,minmax(0,1fr))}
  .reader-v2 .reader-card-grid--featured>.reader-card:first-child,.reader-v2 .reader-card-grid--featured>.reader-card:nth-child(2){box-shadow:var(--ui-shadow-sm)}
  .reader-v2 .reader-card-rail{scroll-padding-inline:.1rem}
  .reader-v2 .reader-card-rail>.reader-card{flex-basis:16.5rem}
  .reader-v2 .continue-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
  .reader-v2 .continue-card{min-height:12rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:none}
  .reader-v2 .continue-card:hover{border-color:var(--ui-border-strong);box-shadow:var(--ui-shadow-sm)}

  /* Catalog: search first, filters second, covers lead the scan. */
  .reader-v2.page-library .reader-catalog-hero{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));margin:clamp(1rem,2vw,1.5rem) auto 1rem;padding:clamp(1.1rem,2.2vw,1.7rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:radial-gradient(circle at 85% 15%,var(--ui-accent-soft),transparent 28%),var(--ui-surface)}
  .reader-v2.page-library .reader-catalog-hero__copy{display:grid;grid-template-columns:minmax(0,.75fr) minmax(18rem,1fr);align-items:end;gap:1rem 2rem}.reader-v2.page-library .reader-catalog-hero__copy h1{margin:.2rem 0 0;font-size:clamp(2rem,4.3vw,4.2rem);line-height:.94;letter-spacing:-.04em}.reader-v2.page-library .reader-catalog-hero__copy p{max-width:42rem;color:var(--ui-text-muted);font-size:.92rem;line-height:1.55}
  .reader-v2.page-library .reader-catalog-search{position:relative;display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto auto;align-items:center;gap:.7rem;margin-top:1.15rem;padding:.45rem .5rem .45rem 1rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:var(--ui-surface-raised)}
  .reader-v2.page-library .reader-catalog-search:focus-within{border-color:var(--ui-accent);box-shadow:var(--ui-focus)}
  .reader-v2.page-library .reader-catalog-search input{min-width:0;border:0;background:transparent;box-shadow:none}.reader-v2.page-library .reader-catalog-search input:focus{background:transparent;box-shadow:none}
  .reader-v2.page-library .reader-search-clear{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:var(--ui-text-subtle);font-size:1.25rem}.reader-v2.page-library .reader-search-clear:hover{background:var(--ui-surface-muted);color:var(--ui-text)}
  .reader-v2.page-library .reader-catalog-discovery{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem}.reader-v2.page-library .reader-catalog-discovery .catalog-quick-links{margin:0;padding:0;border:0}
  .reader-v2.page-library .reader-catalog-layout{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);padding:0 0 4rem}
  .reader-v2.page-library .reader-catalog-filters{position:sticky;top:calc(var(--ui-size-header) + 1rem);display:block;align-self:start;max-height:calc(100dvh - var(--ui-size-header) - 2rem);overflow:auto;padding:1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface)}
  .reader-v2.page-library .catalog-filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.reader-v2.page-library .catalog-filter-title>div{display:grid;gap:.1rem}.reader-v2.page-library .catalog-filter-title span{color:var(--ui-accent);font-size:.62rem;font-weight:820;text-transform:uppercase;letter-spacing:.09em}.reader-v2.page-library .catalog-filter-title strong{font-size:1.15rem}.reader-v2.page-library .catalog-filter-title>button{display:none}
  .reader-v2.page-library .reader-catalog-filters form{display:grid;gap:.9rem}.reader-v2.page-library .reader-catalog-filters label>span,.reader-v2.page-library .reader-catalog-filters legend{display:block;margin-bottom:.35rem;color:var(--ui-text-muted);font-size:.7rem;font-weight:760}.reader-v2.page-library .reader-catalog-filters select{width:100%;min-height:2.55rem}
  .reader-v2.page-library .reader-filter-pair{display:grid;grid-template-columns:1fr;gap:.75rem}.reader-v2.page-library .reader-catalog-filters fieldset{display:grid;gap:.35rem;padding:.75rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md)}
  .reader-v2.page-library .reader-filter-actions{display:grid;gap:.55rem;padding-top:.2rem}
  .reader-v2.page-library .reader-catalog-results{min-width:0}
  .reader-v2.page-library .catalog-results-head{min-height:2.8rem;margin-bottom:.75rem}.reader-v2.page-library .catalog-result-caption{display:flex;align-items:baseline;gap:.4rem}.reader-v2.page-library .catalog-result-caption strong{font-family:var(--ui-font-display);font-size:1.8rem}.reader-v2.page-library .catalog-result-caption span{color:var(--ui-text-subtle);font-size:.72rem}
  .reader-v2.page-library .catalog-filter-mobile{display:none}.reader-v2.page-library .catalog-view-switch{display:flex;padding:.2rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface)}.reader-v2.page-library .catalog-view-switch button{display:flex;align-items:center;gap:.35rem;min-height:2.2rem;padding:.35rem .55rem;border:0;border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text-subtle);font-size:.68rem;font-weight:760}.reader-v2.page-library .catalog-view-switch button[aria-pressed="true"]{background:var(--ui-surface-muted);color:var(--ui-text)}
  .reader-v2.page-library .catalog-active-filters{margin:0 0 .85rem}.reader-v2.page-library .catalog-active-filters span{border:1px solid var(--ui-border);background:var(--ui-surface)}.reader-v2.page-library .catalog-active-filters a{margin-left:.15rem}
  .reader-v2.page-library .reader-catalog-grid:not(.is-compact){grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  .reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card{display:flex;min-height:0;flex-direction:column}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card>.catalog-card__cover{height:auto;min-height:0;aspect-ratio:2/3}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card>.catalog-card__body{min-height:17rem;padding:1rem}
  .reader-v2.page-library .reader-catalog-grid.is-compact{grid-template-columns:1fr;gap:.75rem}.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card{display:grid;grid-template-columns:7.5rem minmax(0,1fr);min-height:11rem}.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card>.catalog-card__cover{height:100%;min-height:11rem;aspect-ratio:auto}.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card>.catalog-card__body{min-height:11rem;padding:.9rem}.reader-v2.page-library .reader-catalog-grid.is-compact .catalog-card__summary{-webkit-line-clamp:2;min-height:auto}.reader-v2.page-library .reader-catalog-grid.is-compact .reader-card-footer{margin-top:.2rem}
  .reader-v2.page-library .reader-search-empty{min-height:25rem;border-style:solid;background:var(--ui-surface)}.reader-v2.page-library .reader-search-empty>i{font-family:var(--ui-font-display);font-size:3rem;color:var(--ui-accent)}.reader-v2.page-library .reader-search-empty>div{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}

  /* Personal library */
  .reader-v2.page-collection .reader-collection-hero{background:radial-gradient(circle at 85% 15%,var(--ui-secondary-soft),transparent 30%),var(--ui-surface)}
  .reader-v2.page-collection .collection-section--reading{border-color:color-mix(in srgb,var(--ui-accent) 28%,var(--ui-border))}
  .reader-v2.page-collection .collection-grid>.catalog-card{box-shadow:none}

  /* Story page: cinematic introduction, one obvious reading action. */
  .reader-v2.page-story .reader-story-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(32rem,68vh,46rem);background:var(--ui-page)}
  .reader-v2.page-story .novel-hero-bg{position:absolute;z-index:-2;inset:-2rem;opacity:.36;filter:blur(1.5rem) saturate(.8);transform:scale(1.08)}
  .reader-v2.page-story .novel-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ui-page) 3%,color-mix(in srgb,var(--ui-page) 70%,transparent),var(--ui-page)),linear-gradient(0deg,var(--ui-page),transparent 58%,var(--ui-page))}
  .reader-v2.page-story .novel-hero-inner{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));min-height:inherit;display:grid;grid-template-columns:minmax(13rem,18rem) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vh,6rem) 0}
  .reader-v2.page-story .novel-cover{width:100%;box-shadow:var(--ui-shadow-lg);transform:rotate(-1deg)}
  .reader-v2.page-story .novel-copy{max-width:54rem}.reader-v2.page-story .novel-copy h1{max-width:15ch;margin:.45rem 0 .9rem;font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.05em;text-wrap:balance}
  .reader-v2.page-story .novel-hook{max-width:45rem;color:var(--ui-text-muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.65}
  .reader-v2.page-story .reader-story-status{margin:.75rem 0 0}.reader-v2.page-story .reader-story-actions{margin:1.45rem 0 0}.reader-v2.page-story .reader-story-actions .button{min-height:3.25rem}.reader-v2.page-story .reader-main-cta{min-width:13rem}
  .reader-v2.page-story .novel-author{margin-top:1.15rem}.reader-v2.page-story .novel-facts{margin-top:1.25rem}.reader-v2.page-story .novel-facts>span{background:color-mix(in srgb,var(--ui-surface) 74%,transparent);backdrop-filter:blur(.8rem)}
  .reader-v2 .reader-story-jump{position:sticky;z-index:80;top:var(--ui-size-header);width:100%;display:flex;justify-content:center;gap:.35rem;padding:.55rem var(--ui-page-gutter);border-block:1px solid var(--ui-border);background:color-mix(in srgb,var(--ui-header) 94%,transparent);backdrop-filter:blur(var(--ui-topbar-blur));overflow-x:auto;scrollbar-width:none}.reader-v2 .reader-story-jump a{flex:0 0 auto;padding:.45rem .75rem;border-radius:var(--ui-radius-pill);color:var(--ui-text-muted);font-size:.72rem;font-weight:760}.reader-v2 .reader-story-jump a:hover{background:var(--ui-surface-raised);color:var(--ui-text)}
  .reader-v2.page-story .reader-story-body{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)));grid-template-columns:minmax(0,1.45fr) minmax(17rem,.55fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,5vw,5rem)}
  .reader-v2.page-story .novel-about h2{font-size:clamp(2rem,3.5vw,3.4rem)}.reader-v2.page-story .novel-lead{font-size:clamp(1.2rem,2vw,1.65rem)}.reader-v2.page-story .novel-prose{font-size:1rem;line-height:1.8}
  .reader-v2.page-story .reader-story-read-card{position:sticky;top:calc(var(--ui-size-header) + 4.5rem);box-shadow:var(--ui-shadow-sm)}
  .reader-v2.page-story .novel-detail-card,.reader-v2.page-story .novel-author-card{box-shadow:none}
  .reader-v2.page-story .novel-gallery,.reader-v2.page-story .novel-reviews-inner,.reader-v2.page-story .novel-comments__inner,.reader-v2.page-story .related-reader-section{width:min(var(--ui-container),calc(100% - (var(--ui-page-gutter) * 2)))}
  .reader-v2.page-story .novel-gallery-grid button{border-radius:var(--ui-radius-xl);box-shadow:none}.reader-v2.page-story .novel-gallery-grid button:hover{box-shadow:var(--ui-shadow-md)}
  .reader-v2.page-story .novel-reviews,.reader-v2.page-story .novel-comments{background:var(--ui-page-alt)}
  .reader-v2.page-story .novel-review-grid article{box-shadow:none}
  .reader-v2 .reader-mobile-dock{display:none}

  /* Series page */
  .reader-v2.page-series .reader-series-hero{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:clamp(1rem,2vw,1.5rem) auto 0;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid var(--ui-border);border-radius:var(--ui-radius-2xl);background:radial-gradient(circle at 86% 15%,var(--ui-accent-soft),transparent 29%),var(--ui-surface)}
  .reader-v2.page-series .series-public-cover{width:100%;box-shadow:var(--ui-shadow-lg);transform:rotate(-1deg)}
  .reader-v2.page-series .series-public-copy h1{max-width:15ch;font-size:clamp(3rem,5.7vw,5.8rem);line-height:.91;letter-spacing:-.05em;text-wrap:balance}.reader-v2.page-series .reader-series-hook{max-width:45rem;color:var(--ui-text-muted);font-size:1rem;line-height:1.65}.reader-v2.page-series .series-public-facts{max-width:50rem}.reader-v2.page-series .series-public-actions{margin-top:1.25rem}
  .reader-v2.page-series .reader-series-jump{margin-top:1rem}
  .reader-v2.page-series .reader-series-parts{display:grid;gap:.75rem}.reader-v2.page-series .reader-series-parts .series-part{border:1px solid var(--ui-border);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:none}.reader-v2.page-series .reader-series-parts .series-part.next{border-color:color-mix(in srgb,var(--ui-accent) 44%,var(--ui-border));box-shadow:0 0 0 .18rem var(--ui-accent-soft)}.reader-v2.page-series .reader-series-parts .series-part.completed{opacity:.88}.reader-v2.page-series .series-part-copy>small{color:var(--ui-accent);font-weight:760}.reader-v2.page-series .series-part-copy p{color:var(--ui-text-muted)}
  .reader-v2 .reader-v2-author-invite{width:min(var(--ui-container-wide),calc(100% - (var(--ui-page-gutter) * 2)));margin:0 auto clamp(3rem,6vw,6rem)}
}

@layer responsive{
  @media (max-width:68rem){
    .reader-v2 .reader-home-hero__inner{grid-template-columns:minmax(0,1fr) minmax(20rem,.82fr);gap:2rem}
    .reader-v2 .reader-home-featured__stage{height:24rem}.reader-v2 .reader-home-featured .experience-cover{width:min(14.5rem,56%)}
    .reader-v2 .reader-card-grid--featured{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-v2 .reader-card-grid--featured>.reader-card:nth-child(n+7){display:none}
    .reader-v2.page-library .reader-catalog-grid:not(.is-compact){grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:64rem){
    .reader-v2 .reader-home-hero{min-height:auto}.reader-v2 .reader-home-hero__inner{grid-template-columns:1fr;padding:4.5rem 0 5rem}.reader-v2 .reader-home-hero__copy{max-width:52rem}.reader-v2 .reader-home-side{width:min(100%,44rem)}.reader-v2 .reader-home-resume,.reader-v2 .reader-home-guide{width:min(100%,40rem)}.reader-v2 .reader-home-featured{width:100%}.reader-v2 .reader-home-featured__stage{height:28rem}.reader-v2 .reader-home-featured .experience-cover{width:min(16rem,48%)}
    .reader-v2.page-library .reader-catalog-hero__copy{grid-template-columns:1fr}.reader-v2.page-library .reader-catalog-layout{grid-template-columns:1fr}.reader-v2.page-library .reader-catalog-filters{display:none;position:fixed;z-index:calc(var(--ui-z-dialog) + 1);top:auto;right:.75rem;bottom:.75rem;left:.75rem;max-height:calc(100dvh - 1.5rem);padding:1rem;box-shadow:var(--ui-shadow-lg)}.reader-v2.page-library .reader-catalog-filters.mobile-open{display:block}.reader-v2.page-library .catalog-filter-title>button{display:grid;width:2.4rem;height:2.4rem;place-items:center;border:0;border-radius:50%;background:var(--ui-surface-raised);color:var(--ui-text);font-size:1.4rem}.reader-v2.page-library .catalog-filter-mobile{display:inline-flex}
    .reader-v2.page-story .reader-story-body{grid-template-columns:1fr}.reader-v2.page-story .reader-story-read-card{position:static}
  }
  @media (max-width:48rem){
    .reader-v2.page-story,.reader-v2.page-series{padding-bottom:5.25rem}
    .reader-v2 .reader-v2-section{width:calc(100% - 1rem);padding-block:2.4rem}.reader-v2 .reader-section-head{align-items:flex-start;flex-direction:column;gap:.65rem}.reader-v2 .reader-section-head h2{font-size:clamp(1.65rem,8vw,2.35rem)}
    .reader-v2 .reader-home-hero__inner{width:calc(100% - 1rem);padding:3rem 0 4rem}.reader-v2 .reader-home-hero__copy h1{font-size:clamp(2.8rem,13vw,4.6rem)}.reader-v2 .reader-home-hero__copy>p{font-size:.95rem}.reader-v2 .reader-home-hero__actions{display:grid;grid-template-columns:1fr}.reader-v2 .reader-home-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.reader-v2 .reader-home-proof span{min-width:0}.reader-v2 .reader-home-proof small{line-height:1.25}.reader-v2 .reader-home-side{width:100%}.reader-v2 .reader-home-featured{padding:.75rem .65rem .6rem;border-radius:var(--ui-radius-xl)}.reader-v2 .reader-home-featured__head{align-items:start}.reader-v2 .reader-home-featured__head h2{font-size:.9rem}.reader-v2 .reader-home-featured__head>a{font-size:.62rem}.reader-v2 .reader-home-featured__stage{height:22rem}.reader-v2 .reader-home-featured .experience-cover{width:min(13rem,58%)}.reader-v2 .reader-home-featured .hero-slide[data-hero-position="left"]{transform:translate3d(-110%,-43%,-5rem) rotate(-8deg) scale(.68)}.reader-v2 .reader-home-featured .hero-slide[data-hero-position="right"]{transform:translate3d(10%,-43%,-4rem) rotate(8deg) scale(.68)}.reader-v2 .reader-home-featured .hero-carousel-arrows{inset:46% .1rem auto}.reader-v2 .reader-home-resume{grid-template-columns:6.8rem minmax(0,1fr);gap:.8rem;padding:.75rem}.reader-v2 .reader-home-resume__cover{min-height:12rem;border-radius:var(--ui-radius-lg)}.reader-v2 .reader-home-resume__label{top:1.2rem;left:1.2rem}.reader-v2 .reader-home-resume__copy h2{font-size:1.25rem}.reader-v2 .reader-home-resume__copy p{display:none}.reader-v2 .reader-home-resume--compact{grid-template-columns:4rem minmax(0,1fr);gap:.7rem;padding:.6rem}.reader-v2 .reader-home-resume--compact .reader-home-resume__cover{min-height:5.8rem}.reader-v2 .reader-home-resume--compact .reader-home-resume__label{top:.8rem;left:.8rem}.reader-v2 .reader-home-resume--compact .reader-home-resume__copy{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:0}.reader-v2 .reader-home-resume--compact .reader-home-resume__copy h2{font-size:.92rem}.reader-v2 .reader-home-resume--compact .reader-home-resume__copy>.button{min-width:6.3rem;min-height:2.4rem;font-size:.65rem}.reader-v2 .reader-home-guide{padding:1rem}
    .reader-v2 .reader-discovery-search{width:calc(100% - 1rem);margin:-1.5rem auto 0;padding:.75rem;border-radius:var(--ui-radius-lg)}.reader-v2 .reader-discovery-search__head{display:none}.reader-v2 .reader-discovery-search form{grid-template-columns:1.1rem minmax(0,1fr) auto;min-height:3rem;padding-left:.75rem}.reader-v2 .reader-discovery-search form .button{min-height:2.4rem;padding-inline:.75rem}.reader-v2 .reader-discovery-search nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem;scrollbar-width:none}.reader-v2 .reader-discovery-search nav a{flex:0 0 auto}
    .reader-v2 .reader-card-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.reader-v2 .reader-card-grid--featured>.reader-card:nth-child(n+5){display:none}.reader-v2 .reader-card-grid--featured .reader-card-body{padding:.75rem}.reader-v2 .reader-card-grid--featured .catalog-card__summary,.reader-v2 .reader-card-grid--featured .reader-card-author{display:none}.reader-v2 .reader-card-grid--featured .reader-card-body h3{font-size:1rem}.reader-v2 .reader-card-grid--featured .reader-card-footer{border:0;padding-top:.2rem}.reader-v2 .reader-card-grid--featured .reader-card-footer{justify-content:flex-end}
    .reader-v2 .continue-feed-grid{grid-template-columns:1fr}
    .reader-v2.page-library .reader-catalog-hero{width:calc(100% - 1rem);margin:.65rem auto .75rem;padding:.9rem;border-radius:var(--ui-radius-lg)}.reader-v2.page-library .reader-catalog-hero__copy h1{font-size:clamp(2rem,10vw,3rem)}.reader-v2.page-library .reader-catalog-hero__copy p{font-size:.8rem}.reader-v2.page-library .reader-catalog-search{grid-template-columns:1rem minmax(0,1fr) auto auto;margin-top:.8rem;padding:.35rem .4rem .35rem .75rem}.reader-v2.page-library .reader-catalog-search .button{min-height:2.35rem;padding-inline:.7rem}.reader-v2.page-library .reader-catalog-discovery{align-items:stretch;flex-direction:column;gap:.45rem}.reader-v2.page-library .reader-catalog-discovery .catalog-tabs{width:100%}.reader-v2.page-library .reader-catalog-discovery .catalog-tabs a{flex:1}.reader-v2.page-library .reader-catalog-discovery .catalog-quick-links{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.reader-v2.page-library .reader-catalog-discovery .catalog-quick-links a{flex:0 0 auto}.reader-v2.page-library .reader-catalog-layout{width:calc(100% - 1rem)}
    .reader-v2.page-library .reader-catalog-grid:not(.is-compact),.reader-v2.page-library .reader-catalog-grid.is-compact{grid-template-columns:1fr}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card,.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card{display:grid;grid-template-columns:7.25rem minmax(0,1fr);min-height:12rem}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card>.catalog-card__cover,.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card>.catalog-card__cover{height:100%;min-height:12rem;aspect-ratio:auto}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card>.catalog-card__body,.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card>.catalog-card__body{min-height:12rem;padding:.8rem}.reader-v2.page-library .reader-catalog-grid .catalog-card__summary{-webkit-line-clamp:2;min-height:auto;font-size:.72rem}.reader-v2.page-library .reader-catalog-grid .reader-card-author{display:none}.reader-v2.page-library .reader-catalog-grid .reader-card-footer{justify-content:flex-end}.reader-v2.page-library .catalog-view-switch{display:none}.reader-v2.page-library .catalog-results-head{margin-bottom:.6rem}
    .reader-v2.page-collection .reader-collection-hero,.reader-v2.page-collection .reader-collection-shell{width:calc(100% - 1rem)}
    .reader-v2.page-story .reader-story-hero{min-height:auto}.reader-v2.page-story .novel-hero-bg{opacity:.22}.reader-v2.page-story .novel-hero-inner{width:calc(100% - 1rem);min-height:auto;grid-template-columns:7.25rem minmax(0,1fr);grid-template-areas:"crumb crumb" "cover status" "cover title" "cover author" "hook hook" "actions actions" "progress progress" "facts facts";align-items:start;gap:.55rem 1rem;padding:1rem 0 1.5rem}.reader-v2.page-story .novel-copy{display:contents}.reader-v2.page-story .novel-cover{grid-area:cover;transform:none}.reader-v2.page-story .novel-breadcrumb{grid-area:crumb}.reader-v2.page-story .reader-story-status{grid-area:status;align-self:end;margin:0}.reader-v2.page-story .novel-copy h1{grid-area:title;align-self:center;max-width:13ch;margin:.1rem 0;font-size:clamp(2rem,9.5vw,2.9rem);line-height:.92}.reader-v2.page-story .novel-author{grid-area:author;align-self:start;margin:.1rem 0 0}.reader-v2.page-story .novel-hook{grid-area:hook;margin:.65rem 0 0;font-size:.92rem}.reader-v2.page-story .reader-story-actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin:.4rem 0 0}.reader-v2.page-story .reader-story-actions .button{width:100%;min-height:3rem}.reader-v2.page-story .novel-progress{grid-area:progress}.reader-v2.page-story .novel-facts{grid-area:facts;display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:.45rem;margin-top:.25rem}.reader-v2.page-story .novel-facts>span{padding:.55rem}.reader-v2.page-story .reader-story-body{width:calc(100% - 1rem);padding-block:2rem}.reader-v2 .reader-story-jump{top:var(--ui-size-header);justify-content:flex-start;padding-inline:.5rem}.reader-v2.page-story .novel-side{display:none}
    .reader-v2 .reader-mobile-dock{position:fixed;z-index:calc(var(--ui-z-header) + 20);right:.5rem;bottom:calc(.5rem + env(safe-area-inset-bottom));left:.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding:.5rem;border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-lg);background:color-mix(in srgb,var(--ui-header) 96%,transparent);box-shadow:var(--ui-shadow-lg);backdrop-filter:blur(var(--ui-topbar-blur))}.reader-v2 .reader-mobile-dock form{display:block}.reader-v2 .reader-mobile-dock .button{width:100%;min-height:2.9rem}.reader-v2 .reader-mobile-dock form .button,.reader-v2 .reader-mobile-dock>a.secondary{width:3rem;padding:0;font-size:1.2rem}.reader-v2 .reader-mobile-dock--single{grid-template-columns:1fr}
    .reader-v2.page-series .reader-series-hero{width:calc(100% - 1rem);grid-template-columns:7rem minmax(0,1fr);grid-template-areas:"cover badge" "cover title" "author author" "hook hook" "facts facts" "actions actions" "progress progress";gap:.55rem 1rem;margin:.65rem auto 0;padding:.85rem;border-radius:var(--ui-radius-xl)}.reader-v2.page-series .series-public-cover{grid-area:cover;align-self:start;transform:none}.reader-v2.page-series .series-public-copy{display:contents}.reader-v2.page-series .novel-breadcrumb{display:none}.reader-v2.page-series .series-public-badges{grid-area:badge;align-self:end}.reader-v2.page-series .series-public-badges span:nth-child(n+2){display:none}.reader-v2.page-series .series-public-copy h1{grid-area:title;align-self:center;font-size:clamp(2rem,9vw,2.9rem)}.reader-v2.page-series .series-public-copy .novel-author{grid-area:author}.reader-v2.page-series .reader-series-hook{grid-area:hook;margin:.45rem 0 0;font-size:.88rem}.reader-v2.page-series .series-public-facts{grid-area:facts;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.reader-v2.page-series .series-public-actions{grid-area:actions;display:grid;grid-template-columns:1fr}.reader-v2.page-series .series-public-actions .secondary{display:none}.reader-v2.page-series .series-overall-progress{grid-area:progress}.reader-v2.page-series .reader-series-parts .series-part{grid-template-columns:2.25rem 5.5rem minmax(0,1fr);gap:.65rem;padding:.65rem}.reader-v2.page-series .series-part-access{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between}.reader-v2.page-series .series-part-copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reader-v2.page-series .series-part-meta{font-size:.64rem}
  }
  @media (max-width:25rem){
    .reader-v2 .reader-home-proof{grid-template-columns:1fr 1fr}.reader-v2 .reader-home-proof span:last-child{grid-column:1/-1}
    .reader-v2 .reader-home-resume{grid-template-columns:5.5rem minmax(0,1fr)}.reader-v2 .reader-home-resume__cover{min-height:10rem}.reader-v2 .reader-home-resume__copy .button{font-size:.72rem}
    .reader-v2.page-library .reader-catalog-search{grid-template-columns:1rem minmax(0,1fr) auto}.reader-v2.page-library .reader-catalog-search .reader-search-clear{display:none}.reader-v2.page-library .reader-catalog-grid:not(.is-compact)>.catalog-card,.reader-v2.page-library .reader-catalog-grid.is-compact>.catalog-card{grid-template-columns:6.4rem minmax(0,1fr)}
  }
}
@layer reader-v2-components{
  .reader-v2 .reader-author-invite__link{display:inline-flex;margin-top:.9rem;color:var(--ui-on-media);font-size:.82rem;font-weight:780;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);text-underline-offset:.22em}
}