/* Reydar identity 1.1. Loaded last; layout and workflow styles stay with their modules. */
@font-face{font-family:Reydar Outfit;src:url('/branding/outfit.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Reydar Inter;src:url('/branding/inter.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --font-body:'Reydar Inter',Inter,system-ui,sans-serif;
 --font-heading:'Reydar Outfit',Outfit,system-ui,sans-serif;
 --brand-gradient:linear-gradient(90deg,#ff7959 0%,#ef318f 44%,#8419f5 100%);
 --radius-control:10px;--radius-card:16px;
 --dot-field:url('/branding/dots-light.svg');
}
:root[data-theme=dark]{--dot-field:url('/branding/dots-dark.svg')}
html body{font-family:var(--font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
html body :is(button,input,textarea,select,summary),html body button.ui-select-trigger,html body :is(.creator-picker,.script-choice-picker)>summary{font-family:var(--font-body)!important}
html body :is(h1,h2,h3,.appearance-settings legend){font-family:var(--font-heading);font-weight:600}
html body h1{font-weight:700;letter-spacing:-.025em}
html body #pageTitle{font-size:clamp(30px,2.8vw,40px);line-height:1.15}
html body .page-heading p{max-width:64ch;line-height:1.65}
html body .eyebrow{color:var(--green);letter-spacing:.13em}
.reydar-highlight{color:var(--ink)}
@supports (background-clip:text){
 .reydar-highlight{display:inline;background-image:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
/* Keep navigation-level page headings quiet, including with older cached markup. */
html body #pageTitle .reydar-highlight{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
html body .brand{display:block;text-decoration:none;letter-spacing:normal;padding:0;border:0;background:none;flex-shrink:0}
.brand-logo{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:948 / 325;object-fit:contain}
html body .brand small{display:block;margin:1px 0 0;font-family:var(--font-body);font-size:7px;font-weight:600;letter-spacing:.1em;color:var(--muted);text-align:right}
html body .sidebar .brand{position:relative;width:160px;max-width:100%;margin-left:auto;margin-right:auto}
/* The approved y ends at SVG y=386 in the 78–403 viewBox. Offset the font's
   bottom bearing so the visible capitals meet that edge, not the line box. */
html body .sidebar .brand small{position:absolute;left:47%;right:auto;bottom:5.23077%;transform:translateY(.18em);margin:0;font-family:var(--font-heading);font-size:9px;font-weight:500;line-height:1;letter-spacing:-.04em;white-space:nowrap;text-align:left}
html body .sidebar .brand{margin-bottom:28px}
html body .sidebar{background:var(--paper);border-color:var(--line)}
html body .nav{border-radius:var(--radius-control);transition:background-color .16s,color .16s}
html body .nav:hover{background:var(--surface-hover);color:var(--ink)}
html body .nav.active{background:var(--light);color:var(--green)}
html body .nav b{background:var(--paper);color:var(--green)}
html body :is(.panel,.stat,.post,.analysis-entry,.format-card,.channel-capacity,.comparison-version,.feed-filter-panel,.calendar-day){border-radius:var(--radius-card);border-color:var(--line)}
html body :is(.empty,.channel-empty){border-radius:20px}
html body :is(button,input,select,textarea,.ui-select-trigger){border-radius:var(--radius-control)}
/* Keep compact icon, carousel and media controls at their existing dimensions. */
html body :is(.save-button,.reel-play,.carousel-controls button){border-radius:50%}
html body :is(button,input,select,textarea):not(:disabled){transition:background-color .16s,border-color .16s,color .16s}
html body :is(input,textarea,select):focus-visible{border-color:var(--focus);box-shadow:none}
html body :is(.creator-picker,.script-choice-picker)[open]>summary,html body .ui-select-trigger[aria-expanded=true]{border-color:var(--focus);box-shadow:0 0 0 2px var(--light)}
html body :is(.creator-options,.script-choice-options,.ui-select-menu) button:focus-visible{outline-color:var(--focus)}
html body :is(.creator-options,.script-choice-options,.ui-select-menu) button:hover{background:var(--surface-hover)}
html body :is(.quiet,.manage-link){color:var(--green);border-color:transparent}
html body :is(.quiet,.manage-link):hover{background:var(--light)}
html body :is(.tabs,.settings-tabs) button{background:var(--paper);color:var(--muted);border-color:var(--line)}
html body :is(.tabs,.settings-tabs) button.selected{background:var(--light);color:var(--green);border-color:var(--green)}
html body :is(.creator-option-check,.creator-option-list .selected,.filter-chip,.saved-toggle.active,.favorites-toggle.active){color:var(--green);background-color:var(--light);border-color:var(--line)}
html body .filter-check input:checked+.filter-check-mark{background:var(--accent-fill);border-color:var(--accent-fill)}
html body .filter-check input:checked+.filter-check-mark:after{border-color:var(--on-accent)}
html body .filter-check:hover .filter-check-mark{border-color:var(--green)}
html body .filter-title,html body .filter-check{color:var(--muted)}
html body .filter-options #resetFeedFilters{color:var(--green);background:var(--light)}
html body :is(.library-alternatives,.script-live-preview,.analysis-source,.writing-command,.transcript-audit,.script-choice-picker summary,.channel-post-empty){background:var(--surface-soft);border-color:var(--line)}
html body .studio-modal .script-live-preview{background:var(--surface-soft);border-color:var(--line)}
html body :is(.preview-section,.library-alternatives,.script-editor-actions,.approved-template,.template-entry-form,.template-import,.script-production,.script-card .script-controls){border-color:var(--line)}
html body :is(.script-editor-fields label,.script-live-preview,.suggestion-card-label,.approved-template){color:var(--ink)}
html body :is(.script-language-row select,.script-editor-fields label select){color:var(--green);background:var(--light);border-color:var(--control-border)}
html body :is(.suggestion-card small,.suggestion-card details,.suggestion-card>small,.preview-section h3,.script-choice-options small,.format-card small,.feed-filter-panel>.note,.metric-help){color:var(--muted)}
html body :is(.approved-template,.script-editor-actions,.suggestion-card,.library-alternatives-heading button,#newFormatForm textarea,.calendar-day,.calendar-unscheduled,.channel-capacity,.channel-library){background-color:var(--paper);border-color:var(--line)}
html body :is(.analysis-tabbar,.analysis-toggle,.analysis-expanded,.analysis-takeaways,.format-reference,.format-example,.channel-library-heading,.channel-selected-profile){border-color:var(--line)}
html body .writing-angle-options button[aria-pressed=true]{background:var(--light);border-color:var(--green);color:var(--ink)}
html body .writing-angle-options button{background:var(--paper);color:var(--ink)}
html body .ui-select-option small{color:var(--muted)}
html body .sidebar-credits{background:transparent;border:0;color:var(--muted)}
html body .sidebar-credits:hover{background:var(--surface-hover)}
html body .sidebar-credits.credits-warning progress{--credit-fill:var(--warning-ink)}
html body .sidebar-credits.credits-high progress{--credit-fill:var(--orange)}
html body .sidebar-credits.credits-critical progress{--credit-fill:var(--danger-ink)}
/* Preserve the latest credit thresholds instead of overriding every progress bar. */
html body .sidebar-credits progress::-webkit-progress-value{background:var(--credit-fill,var(--green))}
html body .sidebar-credits progress::-moz-progress-bar{background:var(--credit-fill,var(--green))}
html body .cover-art{background:linear-gradient(135deg,var(--light),var(--surface-soft));color:var(--ink)}
html body .cover-art i{background:var(--green);opacity:.12}
/* One quiet dot field in empty views, independent of highlighted words. */
html body .empty{position:relative;isolation:isolate}
html body .empty:before{content:'';position:absolute;right:12px;top:12px;width:180px;height:95px;background:var(--dot-field) center/contain no-repeat;pointer-events:none;z-index:-1}
html body .busy-dot{display:inline-block;flex-shrink:0;width:18px;height:18px;border-radius:0;background:radial-gradient(circle,var(--green) 1.9px,transparent 2.2px) 0 0/6px 6px;box-shadow:none;animation:reydar-signal 1.6s ease-in-out infinite;vertical-align:middle;margin-right:8px}
html body #notice .banner:has(.busy-dot){background:var(--surface-soft)!important;color:var(--ink)!important}
@keyframes reydar-signal{0%,100%{opacity:.4}50%{opacity:1}}
/* Recording/practice is a reading surface with its own high-contrast neutral palette. */
html body .practice-overlay{background:#18151e;color:#faf7f2}
html body .practice-controls{background:#231e2a;border-color:#514459}
html body .practice-controls button{background:#302439;color:#faf7f2;border-color:#82718b}
html body .practice-controls button[aria-pressed=true]{background:#c4a5ff;color:#18151e}
html body .practice-controls label,html body .practice-help{color:#bcb2c5;border-color:#514459}
html body .practice-controls input{accent-color:#c4a5ff}
html body .practice-countdown{color:#c4a5ff}
html body :is(.appearance-choice,.channel-empty){border-color:var(--control-border)}
html body .format-focused{border-color:var(--green)}
#pageTitle .reydar-heading-text{min-width:0}
/* Hosted authentication uses the same fonts, identity and semantic colors. */
html body.reydar-login{background:var(--bg);color:var(--ink);font-family:var(--font-body)}
html body.reydar-login main{margin:0;background:var(--paper);border-color:var(--line);border-radius:24px;box-shadow:var(--shadow)}
html body.reydar-login .brand-logo{width:190px;max-width:100%}
html body.reydar-login :is(p,.footnote,#passwordHelp){color:var(--muted)}
html body.reydar-login .eyebrow{color:var(--green)}
html body.reydar-login #submitLogin{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}
html body.reydar-login #submitLogin:hover{background:var(--accent-hover)}
html body.reydar-login #loginError{color:var(--danger-ink)}
html body.reydar-login input,html body.reydar-login select{background-color:var(--control-bg);color:var(--ink);border-color:var(--control-border)}
html body.reydar-login h1{font-size:32px}
@media(min-width:701px) and (max-height:740px){html body .sidebar .brand{margin-bottom:18px}}
@media(min-width:701px) and (max-height:570px){html body .sidebar .brand{margin-bottom:10px}}
@media(max-width:700px){html body .sidebar .brand{width:160px;max-width:100%;margin-bottom:14px}html body .sidebar .brand small{display:block}html body #pageTitle{font-size:30px}}
@media(prefers-reduced-motion:reduce){html body .busy-dot{animation:none;opacity:.7}html body :is(button,input,select,textarea,.nav){transition:none}}
@media(forced-colors:active){.reydar-highlight{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.brand-logo{forced-color-adjust:none}html body .busy-dot{background:CanvasText;animation:none}}
@media print{.reydar-highlight{background:none;color:#211c27;-webkit-text-fill-color:#211c27}}