/* Generated from design/tokens.json; MAİS web + Android shared identity. */
@font-face { font-family: 'MAIS Manrope'; src: url('/fonts/Body.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'MAIS Manrope'; src: url('/fonts/Semibold.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }
@font-face { font-family: 'MAIS Manrope'; src: url('/fonts/Bold.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'MAIS Editorial'; src: url('/fonts/Editorial.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
:root {
  --bg: #101113;
  --bg-dark: #101113;
  --panel: #1a1b1f;
  --bg-panel: #1a1b1f;
  --surface: #131518;
  --text: #f2ebe1;
  --text-main: #f2ebe1;
  --cream: #f2ebe1;
  --dim: #b0ada8;
  --dim-m: #b0ada8;
  --text-muted: #b0ada8;
  --text-dim: #b0ada8;
  --border: #33353b;
  --border-m: #33353b;
  --accent: #ff896f;
  --border-focus: #ff896f;
  --accent-hover: #ffa18c;
  --success: #75dda5;
  --ok: #75dda5;
  --error: #ff9898;
  --err: #ff9898;
  --surface-hover: #23252a; --raised: #23252a; --accent-soft: #34241f;
  --font: 'MAIS Manrope', 'Segoe UI', sans-serif; --font-sans: var(--font);
  --display: 'MAIS Editorial', Georgia, serif; --mono: var(--font); --font-mono: var(--font);
  --radius-lg: 24px; --radius-md: 20px; --radius-sm: 14px;
}
button, input, select, textarea, .btn, .btn-save { border-radius: 14px; }
.btn, .btn-save, .staff-trigger, .modal-close, .back-btn, .studio-links a { min-height: 48px; }
.studio-links a { display: inline-flex; align-items: center; }
.studio-logo > svg { border: 0; padding: 0; }
.studio-logo .brand-name { font-size: 18px; letter-spacing: .06em; }
.studio-logo .brand-sub { font-size: 12px; }
.studio-submission .hero-text h1 { font-weight: 400; }
.studio-submission .host-avatar { border-radius: 20px; }
.studio-submission .auth-box, .studio-submission .blocked-box, .studio-submission .success-card,
.studio-submission .form-section, .studio-submission .file-upload, .studio-submission .countdown,
.studio-submission .cd-item, .studio-submission .channel-strip, .modal,
.studio-document .doc-section, .studio-admin .stat-card, .studio-admin .admin-panel,
.studio-admin .submission-card { border-radius: 24px; }
.studio-submission .st-circle { border-radius: 10px; }
.studio-submission .pane-header { background: var(--bg); }
.studio-submission .right-pane { background: var(--bg); }
.studio-submission .scroll-area { max-width: 720px; margin-inline: auto; }
.studio-submission .left-pane { border-right-color: var(--border); }
.studio-submission .hero-text > p { font-size: 16px; }
.studio-submission .auth-box { background: var(--panel); padding: 36px 28px; }
.studio-document main, .studio-document .doc-container { max-width: 100%; }
.studio-page-header { min-height: 100px; }
.submission-support { padding: 24px 0 8px; border-top: 1px solid var(--border); }
.submission-support h2 { font: 400 26px/1.2 var(--display); color: var(--text); margin: 0 0 10px; }
.submission-support p { color: var(--dim); font-size: 13px; line-height: 1.6; margin: 0 0 12px; }
.submission-support-links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.submission-support-links a { display: inline-flex; align-items: center; min-height: 48px; color: var(--accent); font-size: 13px; overflow-wrap: anywhere; }
.submission-support-links a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px; }
@media (max-width: 900px) {
  .studio-submission .left-pane { padding: 24px; }
  .studio-submission .hero-text { padding-block: 44px 32px; }
  .studio-submission .pane-header { padding: 20px 24px; }
  .studio-submission .scroll-area { padding: 32px 24px; }
  .studio-submission .hero-text h1 { font-size: clamp(56px, 12vw, 84px); }
  .studio-submission .host-avatar { width: 64px; height: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}