:root:root {
  color-scheme: light;
  --ground: #FFF7EC; --deck: #FFFFFF; --deck-2: #FFEFD9; --deck-3: #F7E4C9;
  --line: rgba(28, 26, 39, .14); --line-2: rgba(28, 26, 39, .38);
  --ink: #1C1A27; --ink-2: #3E3B4E; --mut: #5E5A70; --mint: #FF6B3D; --tool: #FF6B3D;
  --serif: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'Figtree', system-ui, sans-serif;
  --glass: rgba(255, 255, 255, .96); --glass-2: #FFEFD9; --glass-hi: transparent;
  --glass-line: #1C1A27; --glass-top: #1C1A27;
  --blur: none;
  --shadow: 4px 4px 0 #1C1A27;
}
body { background: #FFF7EC; color: #1C1A27; }
h1, h2, h3 { font-family: var(--serif); font-weight: 800; letter-spacing: -.02em; }
.glass { border: 2px solid #1C1A27 !important; }
.room-shade { background: none !important; }
.leader { background: #FFEFD9 !important; color: #1C1A27 !important; }
.hint { background: #FFFFFF !important; color: #1C1A27 !important; border: 2px solid #1C1A27; box-shadow: 3px 3px 0 #1C1A27; }
.screen, .reel .pic, .gel canvas, .fxt canvas, .take canvas, .ep canvas, .dev canvas, .dev .scr, .frames canvas, .pin canvas { background: #1C1A27 !important; }
.screen, .cinema.stepped .screen, .cinema.edge .screen { box-shadow: 4px 4px 0 #1C1A27 !important; }
.frames { background: #FFFFFF !important; }
.part.dragging { box-shadow: 0 0 0 2px #FF6B3D, 4px 4px 0 #1C1A27 !important; }
.marquee b { text-shadow: none !important; }
.wipe span, .jr, .says, .dk-i, .reel .pic, .gel canvas, .ramp, .role label, .fxt canvas, .fxt i, .knob, .take canvas,
.in-cols label, .rd-b, .tpl-card:hover, .toast { box-shadow: 3px 3px 0 #1C1A27 !important; }
.reel:hover .pic, .gel:hover canvas { box-shadow: 5px 5px 0 #1C1A27 !important; }
.cmenu { box-shadow: 0 -2px 0 #1C1A27 !important; }
.search, #tell, .in-tabs, .in-body textarea, .lane, .ch .vu { background: #FFFFFF !important; color: #1C1A27; }
.clip { background: color-mix(in srgb, var(--c) 70%, #1C1A27) !important; }
.rd-c, .rd-t, .sheet, .sheet[data-tool="tell"], .card { background: #FFFFFF !important; color: #1C1A27 !important; }
.rd-c, .sheet, .card { border: 2px solid #1C1A27; }
.tl-tag { text-shadow: none !important; }
.switch[aria-checked="true"]::after { background: #FFFFFF !important; }
.dev-laptop .scr, .dev-feed .scr, .dev-phone .scr, .dev-kiosk .scr { border-color: #1C1A27 !important; }
.dev-laptop::after, .dev-tv::after { background: #1C1A27 !important; }
.dev-kiosk::after { background: #1C1A27 !important; box-shadow: 0 40px 0 -2px #1C1A27 !important; }
.primary, .wide-btn, .play2, #tell button { background: #FF6B3D !important; color: #1C1A27 !important; border: 2px solid #1C1A27; }
body { scrollbar-color: #1C1A27 transparent; }
:focus-visible { outline: 3px solid #4C8DF6 !important; outline-offset: 2px; }
.strip, .dock-w { background: rgba(255, 255, 255, .96) !important; }
.dock-w { border-top: 2px solid #1C1A27; }
.dev { background: #FFE1CF !important; border: 2px solid #1C1A27; }
#boss-note2, .boss-t small { color: #1F7A5A !important; }
.phone-hint { color: #1C1A27 !important; }
#d-title em, #d-title i { color: #1C1A27 !important; text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 6px; text-decoration-color: #FF6B3D; }


.dk-l { background: #fff; color: var(--ink); border: 1.5px solid var(--ink); box-shadow: 3px 3px 0 var(--ink); backdrop-filter: none; -webkit-backdrop-filter: none; }
.orbit-panel { background: rgba(255, 255, 255, .96); color: var(--ink); border: 1.5px solid var(--ink); }