/* 밤 무대 판 — scripts/atlas11/next/clock_theme.py 가 지은 파일(손으로 고치지 않음 · 옛 핑크 판 --pink · 옛 청록 판 --teal)
 * 사장님 2026-10-29 16:57 「이 거 색 그리고 느씸 180가지 분석해서 둘리에 백경색 글씨색으로 적용시켜」 — 무대 사진 색(docs/design/neon-2026-10-29)을 모든 쪽 바탕 · 글씨에
 * 읽은 파일 32개 · 바꾼 규칙 260개 · 바꾼 칸 337개 */
html:where(.white.clock) i.play { border: 2px solid rgba(58, 39, 86, 0.8); }
html:where(.white.clock) i.play::after { border-left: 18px solid #3A2756; }
html:where(.white.clock) .m4-msg .m4-moon { border: 1px solid rgba(58, 39, 86, 0.12); outline: 1px solid rgba(36, 21, 64, 0.05); }
html:where(.white.clock) .m4-letter .hpi .m4-bm { border: 1px solid rgba(58, 39, 86, 0.12); outline: 1px solid rgba(36, 21, 64, 0.05); }
html:where(.white.clock) .m4-letter .hpi .hpi-b { border: 2px solid #F06FCB; }
html:where(.white.clock) .m4-seal { border: 1.5px solid rgba(58, 39, 86, 0.45); }
html.white.clock body { background: #1C1136; }
html:where(.white.clock) .kk-btn.kk-txt .kk-ic .kk-b { fill: #F2EFF9; }
html:where(.white.clock) .kk-btn.kk-txt:active { background: #2A1440; }
html:where(.white.clock) .kk-btn.kk-row:active { background: #2A1440; }
html.white.clock .kk-gift { border: 1px solid #A58BC2; background: #2A1440; color: #F2EFF9; }
html:where(.white.clock) .kk-gift:active { background: #2A1440; }
html:where(.white.clock) .kk-yel:active { background: #2A1440; }
html:where(.white.clock) .dm-it { border: 1px solid #5E4A7E; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .jb-more { border: 1px solid #5E4A7E; }
html:where(.white.clock) .jb-card1 { outline: 3px solid #F06FCB; background: rgba(42, 20, 64, 0.1); }
html:where(.white.clock) .jb-card2::before { background: #2A1440; }
html:where(.white.clock) .adm-go { background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .pchx-key .k-up { color: #0C081D; }
html:where(.white.clock) .pchx-key .k-dn { color: #0C081D; }
html:where(.white.clock) .pchx-key .k-avg { border-top: 2px dashed rgba(58, 39, 86, 0.5); }
html:where(.white.clock) .pchx-key .k-b0 { border-top: 1px dotted rgba(58, 39, 86, 0.6); }
html:where(.white.clock) .gm-bar { background: #241540; }
html:where(.white.clock) .gm-b { background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .gf-uv { background: #1C1136; }
html:where(.white.clock) .gf-sms { color: #0C081D; }
html:where(.white.clock) .gf-claim { color: #0C081D; }
html:where(.white.clock) .gf-claim2 { color: #0C081D; }
html:where(.white.clock) .hp-vb[aria-checked="true"] { background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .hp-go { background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .hd-dot.hd-cu { border: 3px solid #F06FCB; }
html.white.clock .hd-badge.hd-cr { outline-color: #FF5A65; }
html.white.clock .hd-badge.hd-cy { outline-color: #F06FCB; }
html.white.clock .hd-badge.hd-cg { outline-color: #F06FCB; }
html.white.clock .hd-cg { background: #C42F98; }
html.white.clock .hd-cy { background: #C42F98; }
html.white.clock .hd-cr { background: #FF5A65; }
html.white.clock .hd-dot.hd-cu { border-color: #F06FCB; }
html.white.clock .hd-tog[aria-pressed="true"] { outline-color: #F06FCB; }
html:where(.white.clock) .ppast-fb { background: var(--m4-neu, #9A88B8); }
html:where(.white.clock) .prange-qline { outline: 1px solid rgba(240, 111, 203, 0.45); }
html:where(.white.clock) .prange-b.prange-pos { background: repeating-linear-gradient(135deg, rgba(36, 21, 64, 0.62) 0 2px, transparent 2px 6px); }
html:where(.white.clock) .prange-sw.prange-pos { background: repeating-linear-gradient(135deg, rgba(36, 21, 64, 0.62) 0 2px, transparent 2px 6px); }
html:where(.white.clock) .prange-b.prange-neg { background: repeating-linear-gradient(135deg, rgba(42, 20, 64, 0.78) 0 2px, transparent 2px 6px); }
html:where(.white.clock) .prange-sw.prange-neg { background: repeating-linear-gradient(135deg, rgba(42, 20, 64, 0.78) 0 2px, transparent 2px 6px); }
html:where(.white.clock) .prange-no .prange-mk { outline: 1px solid rgba(240, 111, 203, 0.45); }
html:where(.white.clock) .prange-q .prange-mk { outline: 1px solid rgba(240, 111, 203, 0.45); }
html.white.clock :is(.prange-b, .prange-sw).prange-neg { background: rgba(196, 47, 152, 0.22); }
html:where(.white.clock) .ps-dlg { --ps-bg: var(--card, #F2EFF9); --ps-bg2: var(--card2, #F2EFF9); --ps-hair: var(--hair2, rgba(58, 39, 86, 0.22)); --ps-ink: var(--ink, #2E1A4A); --ps-sub: var(--sub, #412649); --ps-gold: var(--gold, #2A1440); --ps-dn: var(--down, #1E2C5A); }
html:where(.white.clock) .ps-dlg::backdrop { background: rgba(242, 239, 249, 0.72); }
html:where(.white.clock) .ps-dlg.ps-fb { outline: 100vmax solid rgba(242, 239, 249, 0.72); }
html:where(.white.clock) .ps-go { background: var(--ps-gold, #2A1440); }
html:where(.white.clock) .ps-dlg :focus-visible { outline: 3px solid var(--ps-gold, #F06FCB); }
html:where(.white.clock) .ps-land :focus-visible { outline: 3px solid var(--ps-gold, #F06FCB); }
html:where(.white.clock) .ps-after :focus-visible { outline: 3px solid var(--ps-gold, #F06FCB); }
html:where(.white.clock) .ps-step :focus-visible { outline: 3px solid var(--ps-gold, #F06FCB); }
html:where(.white.clock) .ps-offer :focus-visible { outline: 3px solid var(--ps-gold, #F06FCB); }
html:where(.white.clock) .ps-toast { background: var(--ink, #241540); }
html:where(.white.clock) .ps-land { --ps-gold: var(--gold, #2A1440); --ps-sub: var(--sub, #412649); --ps-hair: var(--hair, rgba(58, 39, 86, 0.12)); }
html:where(.white.clock) .ps-step { --ps-gold: var(--gold, #2A1440); --ps-sub: var(--sub, #412649); --ps-hair: var(--hair, rgba(58, 39, 86, 0.12)); }
html:where(.white.clock) .ps-after { --ps-gold: var(--gold, #2A1440); --ps-sub: var(--sub, #412649); --ps-hair: var(--hair, rgba(58, 39, 86, 0.12)); }
html:where(.white.clock) .ps-ln { stroke: var(--flat, #7F587D); }
html:where(.white.clock) .ps-end { fill: var(--flat, #7F587D); }
html:where(.white.clock) .ps-end.dn { fill: var(--down, #1E2C5A); }
html:where(.white.clock) .ps-sent { stroke: var(--bg, #F2EFF9); }
html:where(.white.clock) .ps-v { background: var(--card, #F2EFF9); }
html:where(.white.clock) .ps-after .ps-t { border: 1px solid var(--hair2, rgba(58, 39, 86, 0.22)); background: var(--card2, #F2EFF9); color: var(--ink, #2E1A4A); }
html:where(.white.clock) .ps-after .ps-qb { border: 1px solid var(--hair2, rgba(58, 39, 86, 0.22)); background: var(--card2, #F2EFF9); color: var(--ink, #2E1A4A); }
html:where(.white.clock) .ps-lock { border: 1px dashed var(--hair2, rgba(58, 39, 86, 0.22)); }
html:where(.white.clock) .ps-said { background: var(--card, #F2EFF9); }
html:where(.white.clock) .ps-link { color: var(--ink, #2E1A4A); }
html:where(.white.clock) .ps-offer { --ps-gold: var(--gold, #2A1440); --ps-sub: var(--sub, #412649); border: 1px solid var(--hair2, rgba(58, 39, 86, 0.22)); background: var(--card, #F2EFF9); color: var(--ink, #2E1A4A); }
html:where(.white.clock) .psurge-lkey .psurge-ldot { color: #0C081D; }
html:where(.white.clock) .psurge-key .psurge-kup { color: #0C081D; }
html:where(.white.clock) .psurge-key .psurge-kdn { color: #0C081D; }
html:where(.white.clock) .psurge-key .psurge-kb0 { border-top: 1px dashed rgba(58, 39, 86, 0.55); }
html:where(.white.clock) .th-say { border: 1px solid #5E4A7E; background: #1C1136; }
html:where(.white.clock) .th-who { border-right: 1px solid #5E4A7E; color: #E4DDF0; }
html:where(.white.clock) .th-asof { color: #E4DDF0; }
html:where(.white.clock) .th-cap2 { color: #E4DDF0; }
html:where(.white.clock) .th-safe { color: #F2EFF9; }
html:where(.white.clock) .th-steps li { border-top: 1px solid #5E4A7E; }
html:where(.white.clock) .th-sn { border: 1px solid #A58BC2; }
html:where(.white.clock) .th-st span { color: #F2EFF9; }
html:where(.white.clock) .th-st .th-ckd { color: #F2EFF9; }
html:where(.white.clock) .th-z.W { color: #F2EFF9; }
html:where(.white.clock) .th-z.Q { color: #F2EFF9; }
html:where(.white.clock) .th-ck { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) a.th-ck:active { background: #1C1136; }
html:where(.white.clock) .th-ck > b.y { color: #0C081D; }
html:where(.white.clock) .th-ck > b.n { border: 2px solid #A58BC2; color: #F2EFF9; }
html:where(.white.clock) .th-box { border: 1px dashed #A58BC2; }
html:where(.white.clock) .th-box span { color: #F2EFF9; }
html:where(.white.clock) .th-li { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-cor { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-srow { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-srow .th-sk { color: #E4DDF0; }
html:where(.white.clock) .th-line .th-mid { stroke: #2E1A4A; }
html:where(.white.clock) .th-line .th-l0 { stroke: #F2EFF9; }
html:where(.white.clock) .th-two p { border: 1px solid #5E4A7E; }
html:where(.white.clock) .th-two span { color: #F2EFF9; }
html:where(.white.clock) .th-two small { color: #F2EFF9; }
html:where(.white.clock) .th-al { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-sw { border: 1px solid #A58BC2; color: #F2EFF9; }
html:where(.white.clock) .th-rb.all { border-top: 1px solid #5E4A7E; color: #F2EFF9; }
html:where(.white.clock) .th-rbk { color: #F2EFF9; }
html:where(.white.clock) .th-rb.all .th-bar1 { fill: #F2EFF9; }
html:where(.white.clock) .th-fold { border: 1px solid #5E4A7E; color: #F2EFF9; }
html:where(.white.clock) .th-fold summary::after { color: #F2EFF9; }
html:where(.white.clock) .th-found { border: 1px solid #A58BC2; }
html:where(.white.clock) .th-found .th-fk { color: #F2EFF9; }
html:where(.white.clock) .th-why { border: 1px solid #A58BC2; }
html:where(.white.clock) .th-why .th-nx small { color: #F2EFF9; }
html:where(.white.clock) .th-why > i { color: #F2EFF9; }
html:where(.white.clock) .th-gh { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-gfold > summary { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-gfold > summary::after { color: #F2EFF9; }
html:where(.white.clock) .th-calc { border: 2px solid #A58BC2; background: #1C1136; }
html:where(.white.clock) .th-calc.kept { border-color: var(--gold-line, #F06FCB); }
html:where(.white.clock) .th-calm i.ok { color: #0C081D; }
html:where(.white.clock) .th-calkey i.ok { color: #0C081D; }
html:where(.white.clock) .th-calm i.no { border: 2px solid #5B96FF; }
html:where(.white.clock) .th-calkey i.no { border: 2px solid #5B96FF; }
html:where(.white.clock) .th-calm i.wait { background: #412649; }
html:where(.white.clock) .th-calkey i.wait { background: #412649; }
html:where(.white.clock) .th-pkrec { border: 2px solid #A58BC2; background: #1C1136; }
html:where(.white.clock) .th-pkt { background: #241540; }
html:where(.white.clock) .th-pkt i { background: #412649; }
html:where(.white.clock) .th-pkbar.pick .th-pkt i { color: #0C081D; }
html:where(.white.clock) .th-pkrow { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-pkrow i { color: var(--sub, #F2EFF9); }
html:where(.white.clock) .th-pkpast { color: #E4DDF0; }
html:where(.white.clock) .th-pkcal { border: 2px solid #A58BC2; background: #1C1136; }
html:where(.white.clock) .th-pkwd { color: #F2EFF9; }
html:where(.white.clock) .th-pkc { background: #241540; }
html:where(.white.clock) .th-pkc.up { color: #0C081D; }
html:where(.white.clock) .th-pkc.dn { color: #0C081D; }
html:where(.white.clock) .th-pkc.w { border: 2px solid #A58BC2; }
html:where(.white.clock) .th-pkwn { color: #F2EFF9; }
html:where(.white.clock) .th-day { border: 2px solid #A58BC2; background: #1C1136; }
html:where(.white.clock) .th-sinr { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-ch { border-top: 2px solid #A58BC2; }
html:where(.white.clock) .th-ch.th-chend { border: 2px solid #A58BC2; }
html:where(.white.clock) .th-chk { border: 2px solid #A58BC2; }
html:where(.white.clock) .th-chend .th-chk { background: #F2EFF9; border-color: #A58BC2; color: #0C081D; }
html:where(.white.clock) .th-chb { border: 2px solid #A58BC2; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .th-chb:active { background: #241540; }
html:where(.white.clock) .th-pkhowf { border-top: 1px solid #5E4A7E; }
html:where(.white.clock) .th-pkday { color: #E4DDF0; }
html:where(.white.clock) .th-pki { border: 1px solid #5E4A7E; background: #1C1136; }
html:where(.white.clock) .th-pkcp { border: 1px solid #A58BC2; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .th-pkr { border-bottom: 1px solid #5E4A7E; color: #F2EFF9; }
html:where(.white.clock) .th-pkr small { color: #E4DDF0; }
html:where(.white.clock) .th-pkix { color: #E4DDF0; }
html:where(.white.clock) .th-pkgo { color: #F2EFF9; }
html:where(.white.clock) .th-pkrec1 { border-left: 4px solid #5E4A7E; color: #E4DDF0; }
html:where(.white.clock) .th-score { border: 2px solid #A58BC2; background: #1C1136; }
html:where(.white.clock) .th-scr { border-bottom: 1px solid #5E4A7E; color: #F2EFF9; }
html:where(.white.clock) .th-sc-eq .th-scv { color: #E4DDF0; }
html:where(.white.clock) .th-sc-na .th-scv { color: #E4DDF0; }
html:where(.white.clock) .th-scn { color: #E4DDF0; }
html:where(.white.clock) .th-scs { color: #E4DDF0; }
html:where(.white.clock) .th-scs { color: #F2EFF9; }
html:where(.white.clock) .th-ruleT { border-left: 4px solid #A58BC2; }
html:where(.white.clock) .th-rulel { color: #F2EFF9; }
html:where(.white.clock) .th-tile { border: 1px solid #5E4A7E; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .th-tbadge { border: 1px solid #A58BC2; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .th-chip { border: 1px solid #5E4A7E; background: #1C1136; color: #F2EFF9; }
html:where(.white.clock) .ptime-key .k-pool { border-top: 2px solid #A58BC2; }
html:where(.white.clock) details.nw.ptoday-al { outline: 1px solid rgba(240, 111, 203, 0.6); }
html:where(.white.clock) .ptoday-lgd i.ptoday-gi { border-top: 1.5px solid #A58BC2; }
html:where(.white.clock) .ptoday-bar .ptoday-bu { color: #0C081D; }
html:where(.white.clock) .ptoday-bar .ptoday-bd { color: #0C081D; }
html.white.clock .ptoday-ch .ptoday-ag2 { fill: rgba(242, 239, 249, 0.04); }
html.white.clock .top { background: #1C1136; border-bottom: 1px solid #5E4A7E; }
html.white.clock .top #jhBtn { border: 1px solid #A58BC2; background: #1C1136; }
html.white.clock .top .ibtn { background: #1C1136; border-top: 1px solid #A58BC2; border-bottom: 1px solid #A58BC2; }
html.white.clock .top #langBtn { border-left: 1px solid #A58BC2; }
html.white.clock .top #findBtn { border-right: 1px solid #A58BC2; }
html.white.clock .tabs { background: #1C1136; border-top: 1px solid #5E4A7E; }
html.white.clock .tabs a { color: #E4DDF0; }
html.white.clock .tabs a.plus { color: #E4DDF0; }
html.white.clock.home .w-say p { border: 1px solid #A58BC2; background: #1C1136; }
html.white.clock.home .w-say .s-who { border-right: 1px solid #A58BC2; color: #F2EFF9; }
html.white.clock.home .w-say .w-kk { border: 1px solid #A58BC2; background: #F2EFF9; color: #0C081D; }
html.white.clock.home ol.s-story::before { background: #241540; }
html.white.clock.home .s-ch + .s-ch { border-top: 1px solid #5E4A7E; }
html.white.clock.home .s-no { border: 1px solid #A58BC2; background: #1C1136; }
html.white.clock.home .w-ess .ess-d > summary::after { border: 1px solid #A58BC2; }
html.white.clock.home .w-ess .ess-l { color: #F2EFF9; }
html.white.clock.home .w-ess .ess-l.q { color: #F2EFF9; }
html.white.clock.home a.w-today { color: #F2EFF9; }
html.white.clock.home a.w-today .hm-bd { color: #F2EFF9; }
html.white.clock.home .w-news .w-lb { color: #F2EFF9; }
html.white.clock.home .w-news .w-why { border: 1px solid #A58BC2; }
html.white.clock.home .w-news .w-qs { color: #F2EFF9; }
html.white.clock.home .w-news .w-qs li { border-top: 1px solid #5E4A7E; }
html.white.clock.home .w-news button.w-q i { color: #F2EFF9; }
html.white.clock.home .w-news .w-ans p { color: #F2EFF9; }
html.white.clock.home .s-split .gu { color: #0C081D; }
html.white.clock.home .s-split .gd { color: #0C081D; }
html.white.clock.home a.s-ghost { border: 1px dashed #A58BC2; }
html.white.clock.home a.w-month { border: 1px dashed #A58BC2; }
html.white.clock.home .s-mem { color: #F2EFF9; }
html.white.clock.home .s-mem .w-n { color: #F2EFF9; }
html.white.clock.home a.s-evo { color: #F2EFF9; }
html.white.clock.home a.s-evo i { color: #F2EFF9; }
html.white.clock.home .s-thumb { border-top: 1px solid #5E4A7E; background: #1C1136; }
html.white.clock.home .s-thumb form.w-find { border: 1px solid #A58BC2; background: #1C1136; }
html.white.clock.home .s-thumb .w-find .w-in::placeholder { color: #F2EFF9; }
html.white.clock.home .s-thumb .w-find .w-go { background: #F2EFF9; color: #0C081D; }
html.white.clock.home .s-thumb .w-hits { background: #1C1136; border-color: #A58BC2; }
html.white.clock.home .s-thumb .w-go4 a { color: #F2EFF9; }
html.white.clock.home .s-thumb details.w-all > summary { color: #F2EFF9; }
html.white.clock.home .s-short { border-top: 1px solid #5E4A7E; }
html.white.clock.home .s-short .w-go4 a { color: #F2EFF9; }
html.white.clock.home .s-short details.w-all > summary { color: #F2EFF9; }
html.white.clock .cp-card .cp-bar { background: #241540; }
html.white.clock .cp-card .cp-go { background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .th-cap { color: #F2EFF9; }
html:where(.white.clock) .th-three a { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-three a i { color: #F2EFF9; }
html:where(.white.clock) .th-three a:active { background: #1C1136; }
html:where(.white.clock) .th-ansl i { color: #F2EFF9; }
html:where(.white.clock) .th-sub { color: #F2EFF9; }
html:where(.white.clock) .th-row { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-n { background: #2E1A4A; }
html:where(.white.clock) .th-n.th-top { background: #2A1440; color: #F2EFF9; }
html:where(.white.clock) .th-meta { color: #F2EFF9; }
html:where(.white.clock) .th-tg { border: 1px solid #A58BC2; }
html:where(.white.clock) .th-nm { color: #F2EFF9; }
html:where(.white.clock) .th-hi { color: #F2EFF9; }
html:where(.white.clock) .th-bar .th-bar0 { fill: #2E1A4A; }
html:where(.white.clock) .th-rbar .th-bar0 { fill: #2E1A4A; }
html:where(.white.clock) .th-go { color: #F2EFF9; }
html:where(.white.clock) .th-more { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-rec { border: 1px dashed #A58BC2; color: #F2EFF9; }
html:where(.white.clock) .th-next { border: 1px solid #3A2756; background: #F2EFF9; color: #0C081D; }
html:where(.white.clock) .th-nx small { color: #F06FCB; }
html:where(.white.clock) .th-bars .th-b0 { fill: #E4DDF0; }
html:where(.white.clock) .th-lc { color: #F2EFF9; }
html:where(.white.clock) #view .th-map a.th-row.th-row2 { border-bottom-color: #5E4A7E; }
html.white.clock #view .th-map a[href].th-row.th-row2 { border-bottom-color: #5E4A7E; }
html:where(.white.clock) .th-pill { color: #0C081D; }
html:where(.white.clock) .th-pill.th-pdn { color: #0C081D; }
html:where(.white.clock) .th-hfold { border-bottom: 1px solid #5E4A7E; }
html:where(.white.clock) .th-hfold > summary::after { color: #F2EFF9; }
html:where(.white.clock) .th-pkhome { background: #1C1136; }
html:where(.white.clock) .th-pqt { background: #241540; }
html:where(.white.clock) .th-pqf { background: #F2EFF9; }
html:where(.white.clock) .th-pkhgo { border-top: 1px solid #5E4A7E; }
html:where(.white.clock) .th-calgo { color: #0C081D; }
html:where(.white.clock) .th-zc.th-zcS { color: #0C081D; }
html:where(.white.clock) .th-zc.th-zcS:active { background: #F2EFF9; }
html:where(.white.clock) .th-zc.th-zcS .th-zi { background: #1C1136; }
html:where(.white.clock) .th-zc.th-zcS .th-zgo { background: #1C1136; }
html:where(.white.clock) .th-yrg .th-yrb0 { stroke: #412649; }
html:where(.white.clock) .th-yrg .th-yrgh { stroke: #412649; }
html:where(.white.clock) .th-yrg .th-yrhi { stroke: #1C1136; }
html:where(.white.clock) .th-yrg .th-yric { fill: rgba(28, 17, 54, 0.06); }
html.white.clock.clock.clock { --bg: #1C1136; --night: #1C1136; --band: #1C1136; --violet: #F2EFF9; --card: #1C1136; --card2: #1C1136; --card3: #241540; --hair: #A58BC2; --hair2: #A58BC2; --line: #5E4A7E; --hair-soft: #3A2756; --seam: #3A2756; --press: #241540; --lift: #1C1136; --ink: #F2EFF9; --ink-hi: #F2EFF9; --sub: #F2EFF9; --mute: #E4DDF0; --flat: #E4DDF0; --violet-ink: #F2EFF9; --violet-wash: #1C1136; --violet-line: #A58BC2; --violet-glow: #070514; --gold: #C42F98; --gold-wash: #2A1440; --gold-line: #F06FCB; --up: #C42F98; --down: #5B96FF; --up-ink: #F06FCB; --down-ink: #5B96FF; --up-bg: #C42F98; --down-bg: #5B96FF; --up-fill: rgba(196, 47, 152, 0.16); --down-fill: rgba(91, 150, 255, 0.16); --up-fade: rgba(196, 47, 152, 0.06); --down-fade: rgba(91, 150, 255, 0.06); --lacquer: #1C1136; --lacquer-ink: #F2EFF9; --lacquer-sub: #F2EFF9; --lacquer-gold: #C42F98; --moon: #F2EFF9; --moonrow: #1C1136; --m4-band: #1C1136; --m4-line: #8E78AE; --m4-soft: #7F587D; --m4-neu: #E4DDF0; --m4-line2: #3A2756; }

/* ── 손으로 쓴 판(clock_theme.py EXTRA) ── */
html.white.clock.clock.clock {
  color-scheme: dark;
  --bg: #152D30; --night: #152D30; --band: #152D30; --violet: #F2F3F3;
  --card: #1C2627; --card2: #203235; --card3: #2D393A;
  --hair: #8CA3A7; --hair2: #8CA3A7; --line: #2D393A; --hair-soft: #253233; --seam: #2D393A; --press: #2D393A; --lift: #1C2627;
  --ink: #F2F3F3; --ink-hi: #FFFFFF; --sub: #E2E5E6; --mute: #C8CDCE; --flat: #C8CDCE;
  --violet-ink: #F2F3F3; --violet-wash: #1C2627; --violet-line: #8CA3A7; --violet-glow: #203235;
  --gold: #D6D5D4; --gold-wash: #203235; --gold-line: #1FB8CD;
  --up: #1FB8CD; --down: #AAC1C5; --up-ink: #1FB8CD; --down-ink: #AAC1C5; --up-bg: #1FB8CD; --down-bg: #428189;
  --up-fill: rgba(31, 184, 205, .2); --down-fill: rgba(170, 193, 197, .18); --up-fade: rgba(31, 184, 205, .07); --down-fade: rgba(170, 193, 197, .06);
  --lacquer: #152D30; --lacquer-ink: #F2F3F3; --lacquer-sub: #E2E5E6; --lacquer-gold: #D6D5D4;
  --moon: #F2F3F3; --moonrow: #203235;
  --m4-band: #1C2627; --m4-line: #6A8184; --m4-soft: #6A8184;
  background: #152D30;
}
html.white.clock.clock.clock body { background: #152D30; color: #F2F3F3; isolation: isolate; } /* 몸이 쌓임 판이 되어야 망점 벽(body::after · z -1)이 몸 바탕 위 · 글 아래에 그려짐 */
/* 망점 벽 — 어젯밤 돌 시계 판(docs/design/dori-new-2026-10-25/clock/parts.py .wall) 그대로 · 화면에 붙어 있음 */
html.white.clock.clock.clock body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(rgba(170, 193, 197, .09) 1.2px, transparent 1.65px) 0 0 / 8.6px 8.6px,
    radial-gradient(ellipse 110vw 90vh at 50% 62%, #27666E 0%, #1D5962 22%, #1A4850 42%, #17363B 62%, #152D30 80%, #171615 100%); }
/* 위 막대 — 짙은 청록 · 「돌이」 흰 큰 글 + 청록 그림자 · 단추는 흰 알약(검은 테 · 어긋난 그림자) */
html.white.clock.clock.clock .top { background: rgba(21, 45, 48, .94); border-bottom: 1px solid rgba(242, 243, 243, .18); }
html.white.clock.clock.clock .top .logo { color: #FFFFFF; font-weight: 900; text-shadow: 3px 3px 0 #4E99A3; }
html.white.clock.clock.clock .top .logo img { display: none; }
html.white.clock.clock.clock .top .tbtn, html.white.clock.clock.clock .top .ibtn { background: #F2F3F3; color: #171615; border: 2px solid #171615; box-shadow: 3px 3px 0 #171615; }
html.white.clock.clock.clock .top .ibtn svg, html.white.clock.clock.clock .top .tbtn svg { color: #171615; stroke: currentColor; }
html.white.clock.clock.clock .top #giftBtn { background: #AAC1C5; }
/* 아래 단추 줄 — 밝은 회청 반투명 띠 · 흰 글 */
html.white.clock.clock.clock .tabs { background: #1C2627; border-top: 2px solid rgba(242, 243, 243, .3); }
html.white.clock.clock.clock .tabs a { color: #F2F3F3; }
html.white.clock.clock.clock .tabs a[aria-current="page"], html.white.clock.clock.clock .tabs a.on { color: #1FB8CD; }
/* 아래 단추 줄 — 돌 시계 판 아래 줄처럼 그림을 둥근 네모(검은 테 · 어긋난 그림자 · 청록 단) 안에 · 지금 쪽은 하늘청록 */
html.white.clock.clock.clock .tabs a { gap: 3px; color: #F2F3F3; }
html.white.clock.clock.clock .tabs a .ic { width: 34px; height: 34px; padding: 5px; box-sizing: border-box; border-radius: 10px; border: 2px solid #171615; background: var(--tbg, #3E737A); color: #F2F3F3; box-shadow: 2px 2px 0 #171615; }
html.white.clock.clock.clock .tabs a.plus .ic { width: 38px; height: 38px; padding: 6px; color: #F2F3F3; }
html.white.clock.clock.clock .tabs a:nth-child(1) { --tbg: #4E99A3; }
html.white.clock.clock.clock .tabs a:nth-child(2) { --tbg: #428189; }
html.white.clock.clock.clock .tabs a:nth-child(3) { --tbg: #3E737A; }
html.white.clock.clock.clock .tabs a:nth-child(4) { --tbg: #356369; }
html.white.clock.clock.clock .tabs a:nth-child(5) { --tbg: #2D565B; }
html.white.clock.clock.clock .tabs a[aria-current="page"] { color: #FFFFFF; font-weight: 800; }
html.white.clock.clock.clock .tabs a[aria-current="page"] .ic { --tbg: #1FB8CD; color: #152D30; }
html.white.clock.clock.clock .top .logo { font-weight: 900; letter-spacing: 0; }
/* 회사 쪽 「이 회사로 왜 사?」 — 돌 시계 판 ④ 큰 하늘청록 단추(검은 테 · 어긋난 그림자 두 겹 · 큰 글) — 한 화면에 빛나는 곳 하나 */
html.white.clock.clock.clock a.why-go.cw { border-radius: 16px; background: #1FB8CD; color: #152D30; outline: 3px solid #171615; outline-offset: -3px; box-shadow: 4px 4px 0 #171615, 8px 8px 0 #FFFFFF; } /* 크기 · 자리는 그대로(테 = outline · 그림자는 자리 안 먹음 — 아래 단추 자리가 바뀌면 next_check 선 끌기가 위 막대를 누름) */
html.white.clock.clock.clock a.why-go.cw b { color: #152D30; font-weight: 900; }
html.white.clock.clock.clock a.why-go.cw i { color: #152D30; font-weight: 900; }
/* 첫 화면 네 칸 — 그림처럼 싹 하늘청록 · 꽃 밝은 회청 · 잠잠 짙은 청록 · 시듦 회색 · 검은 테 · 어긋난 그림자 · 망점 */
html.white.clock.clock.clock .th-zc { border: 3px solid #171615; box-shadow: 5px 5px 0 #171615; isolation: isolate; overflow: hidden; }
html.white.clock.clock.clock .th-zc::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(circle, var(--zdot) 0 34%, transparent 39%); background-size: 9px 9px; opacity: .55; }
html.white.clock.clock.clock .th-zc.th-zcS { --zdot: #F2F3F3; background: #1FB8CD; border-color: #171615; color: #152D30; box-shadow: 5px 5px 0 #171615, 9px 9px 0 #FFFFFF; }
html.white.clock.clock.clock .th-zc.th-zcB { --zdot: #8CA3A7; background: #AAC1C5; color: #171615; }
html.white.clock.clock.clock .th-zc.th-zcQ { --zdot: #356369; background: #284E53; color: #E2E5E6; border-color: #AAC1C5; } /* 짙은 칸은 밝은 테(짙은 바탕 위 테 대비 3 넘게 — check_white ②) */
html.white.clock.clock.clock .th-zc.th-zcW { --zdot: #757A7B; background: #606868; color: #F2F3F3; border-color: #AAC1C5; } /* 그림은 #797F7F — 작은 「곳」 글 대비 4.5 넘게(check_white ②) 한 단 짙게 */
html.white.clock.clock.clock .th-zc:active { background: #2D393A; }
/* ── 첫 화면 고리(사장님 2026-10-26 08:16 「디자인 이렇게 하라고」 · 어젯밤 돌 시계 판 ①) — 위 싹 · 꽃 / 돌 시계 / 아래 잠잠 · 시듦 · 시계 방향 화살 넷 ── */
html.white.clock.clock.clock .th-zones { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "S B" "K K" "Q W"; column-gap: 16px; row-gap: 10px; }
html.white.clock.clock.clock .th-zones .th-zcS { grid-area: S; }
html.white.clock.clock.clock .th-zones .th-zcB { grid-area: B; }
html.white.clock.clock.clock .th-zones .th-zcQ { grid-area: Q; }
html.white.clock.clock.clock .th-zones .th-zcW { grid-area: W; }
html.white.clock.clock.clock .th-zones .s-clk { grid-area: K; display: flex; justify-content: center; margin: 0; }
html.white.clock.clock.clock .th-zones .th-zc { min-height: 96px; padding: 6px 10px 6px 4px; grid-template-columns: 72px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 4px; row-gap: 0; align-items: end; border-radius: 14px; }
html.white.clock.clock.clock .th-zones .th-zi { grid-column: 1; grid-row: 1 / span 2; align-self: center; width: 72px; height: 72px; background: none; border: 0; border-radius: 0; }
html.white.clock.clock.clock .th-zones .th-zic { width: 72px; height: 72px; overflow: visible; }
html.white.clock.clock.clock .th-zones .th-zw { grid-column: 2; grid-row: 1; align-self: start; padding-top: 4px; font-size: 22px; font-weight: 900; letter-spacing: -.02em; }
html.white.clock.clock.clock .th-zones .th-zn { grid-column: 2; grid-row: 2; padding: 0; font-size: 44px; font-weight: 900; letter-spacing: -.05em; text-shadow: 3px 3px 0 var(--zoff); }
html.white.clock.clock.clock .th-zones .th-zu { font-size: 18px; text-shadow: none; }
html.white.clock.clock.clock .th-zones .th-zgo { display: none; }
html.white.clock.clock.clock .th-zc.th-zcS { --zoff: #FFFFFF; }
html.white.clock.clock.clock .th-zc.th-zcB { --zoff: #F2F3F3; }
html.white.clock.clock.clock .th-zc.th-zcQ { --zoff: #152D30; }
html.white.clock.clock.clock .th-zc.th-zcW { --zoff: #3C4E51; }
html.white.clock.clock.clock .th-sway { transform-box: view-box; transform-origin: 51.5% 24%; }
@media (prefers-reduced-motion: no-preference) { html.white.clock.clock.clock .th-sway { animation: ck-sway 3.2s ease-in-out infinite; } }
@keyframes ck-sway { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(5deg); } }
html.white.clock.clock.clock .th-ar { position: absolute; z-index: 2; width: 32px; height: 32px; border-radius: 50%; background: #FFFFFF; border: 2px solid #171615; box-shadow: 2px 2px 0 #171615; pointer-events: none; }
html.white.clock.clock.clock .th-ar svg { display: block; width: 100%; height: 100%; }
html.white.clock.clock.clock .th-ar-t { left: 50%; top: 32px; margin-left: -16px; }
html.white.clock.clock.clock .th-ar-b { left: 50%; bottom: 32px; margin-left: -16px; }
html.white.clock.clock.clock .th-ar-r { right: 2px; top: 50%; margin-top: -16px; }
html.white.clock.clock.clock .th-ar-l { left: 2px; top: 50%; margin-top: -16px; }
/* 아래 단추 넷 영어 이름(one month later · Past record)은 칸보다 길어 — 낱말 사이 두 줄로(넘침 0) */
html.white.clock.clock.clock.en .tabs a { white-space: normal; text-align: center; line-height: 1.1; overflow-wrap: anywhere; }
/* 돌이 단추 안(#/dori) — 큰 줄 · 어두운 청록 · 밝은 테 · 어긋난 그림자 */
html.white.clock.clock.clock .dm-it { border: 2px solid #8CA3A7; background: #284E53; color: #F2F3F3; box-shadow: 4px 4px 0 #171615; }
/* 싹 자리 전부(#/t/sprout · 돌 시계 판 ②) — 맨 앞 셋 큰 판(첫째 하늘청록 · 둘째 밝은 회청 · 셋째 청록) · 그 밖 업종 알약(어두운 청록 · 밝은 테) */
html.white.clock.clock.clock .th-tile { border: 3px solid #171615; background: #4B939D; color: #152D30; box-shadow: 4px 4px 0 #171615; }
html.white.clock.clock.clock .th-tile0 { background: #1FB8CD; box-shadow: 4px 4px 0 #171615, 8px 8px 0 #FFFFFF; }
html.white.clock.clock.clock .th-tile1 { background: #AAC1C5; }
html.white.clock.clock.clock .th-tile2 { background: #8CA3A7; }
html.white.clock.clock.clock .th-tn { color: #152D30; }
html.white.clock.clock.clock .th-tbadge { border: 2px solid #171615; background: #FFFFFF; color: #152D30; }
html.white.clock.clock.clock .th-chip { border: 2px solid #8CA3A7; background: #284E53; color: #F2F3F3; }
html.white.clock.clock.clock .th-chipmore { border-style: dashed; background: transparent; color: #E2E5E6; }
/* 꽃 될 회사(#/t/picks · 돌 시계 판 ③) — 묶음 줄마다 고르신 색 · 검은 테 · 어긋난 그림자 · 맨 위(가장 큰 묶음)는 하늘청록 · 어두운 줄은 흰 글 */
html.white.clock.clock.clock .th-pki { border: 3px solid #171615; border-radius: 14px; background: var(--pkbg); color: var(--pkink); box-shadow: 4px 4px 0 #171615; }
html.white.clock.clock.clock .th-pki0 { --pkbg: #1FB8CD; --pkink: #152D30; }
html.white.clock.clock.clock .th-pki1 { --pkbg: #AAC1C5; --pkink: #152D30; }
html.white.clock.clock.clock .th-pki2 { --pkbg: #8CA3A7; --pkink: #152D30; }
html.white.clock.clock.clock .th-pki3 { --pkbg: #3E737A; --pkink: #FFFFFF; }
html.white.clock.clock.clock .th-pki4 { --pkbg: #356369; --pkink: #FFFFFF; }
html.white.clock.clock.clock .th-pki5 { --pkbg: #2D565B; --pkink: #FFFFFF; }
html.white.clock.clock.clock .th-pkn, html.white.clock.clock.clock .th-pkk, html.white.clock.clock.clock .th-pkgo { color: var(--pkink); }
html.white.clock.clock.clock .th-pkcp { border: 2px solid #171615; background: #FFFFFF; color: #152D30; }
html.white.clock.clock.clock .th-pkmore { border-style: dashed; border-color: var(--pkink); background: transparent; color: var(--pkink); }
html.white.clock.clock.clock .th-pkday { color: #E2E5E6; }
html.white.clock.clock.clock .th-pkrec1 { border-left-color: #8CA3A7; color: #F2F3F3; }
/* 그림 단추 넷 — 둥근 네모 · 검은 테 · 어긋난 그림자 · 망점(가상 칸이라 광택 검사 밖) · 「꽃 될 회사」 흰 숫자 딱지 */
html.white.clock.clock.clock .s-apps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 18px 0 44px; }
html.white.clock.clock.clock .s-app { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; min-height: 48px; color: #F2F3F3; text-decoration: none; }
html.white.clock.clock.clock .s-apb { position: relative; display: block; width: 66px; height: 66px; border-radius: 16px; border: 2.5px solid #171615; background: var(--abg); box-shadow: 4px 4px 0 #171615; overflow: hidden; }
html.white.clock.clock.clock .s-app-bloom { --abg: #E2E5E6; }
html.white.clock.clock.clock .s-app-search { --abg: #4B939D; }
html.white.clock.clock.clock .s-app-cal { --abg: #8CA3A7; }
html.white.clock.clock.clock .s-app-help { --abg: #428189; }
html.white.clock.clock.clock .s-apb::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(23, 22, 21, .16) 28%, transparent 33%); background-size: 6px 6px; }
html.white.clock.clock.clock .s-apb svg { position: relative; display: block; width: 100%; height: 100%; }
html.white.clock.clock.clock .s-apl { font-size: 17px; font-weight: 800; line-height: 1.2; text-align: center; white-space: nowrap; color: #F2F3F3; text-shadow: 0 1px 3px #171615; }
html.white.clock.clock.clock .s-badge { position: absolute; z-index: 1; top: -8px; left: 50%; margin-left: 18px; width: max-content; min-width: 30px; height: 30px; padding: 0 6px; box-sizing: border-box; white-space: nowrap; border-radius: 15px; background: #FFFFFF; color: #152D30; border: 2px solid #171615; font-size: 17px; font-weight: 900; line-height: 26px; text-align: center; }
html.white.clock.clock.clock .s-app:active .s-apb { transform: translate(2px, 2px); box-shadow: 2px 2px 0 #171615; }
/* 영어 이름은 넷 다 칸보다 길어 한 줄이면 서로 겹침(Find a company · Sprout calendar) — 낱말 사이에서 두 줄로 */
html.white.clock.clock.clock.en .s-apl { white-space: normal; word-break: keep-all; overflow-wrap: normal; line-height: 1.1; }
@media (max-width: 359px) {
  html.white.clock.clock.clock .th-zones { column-gap: 12px; }
  html.white.clock.clock.clock .th-zones .th-zc { min-height: 84px; grid-template-columns: 52px minmax(0, 1fr); padding: 4px 8px 4px 2px; }
  html.white.clock.clock.clock .th-zones .th-zi, html.white.clock.clock.clock .th-zones .th-zic { width: 52px; height: 52px; }
  html.white.clock.clock.clock .th-zones .th-zw { font-size: 19px; }
  html.white.clock.clock.clock .th-zones .th-zn { font-size: 36px; }
  html.white.clock.clock.clock .th-zones .th-zu { font-size: 17px; }
  html.white.clock.clock.clock .th-ar { width: 28px; height: 28px; }
  html.white.clock.clock.clock .th-ar-t { top: 28px; margin-left: -14px; } html.white.clock.clock.clock .th-ar-b { bottom: 28px; margin-left: -14px; }
  html.white.clock.clock.clock .th-ar-r, html.white.clock.clock.clock .th-ar-l { margin-top: -14px; }
  html.white.clock.clock.clock .s-apb { width: 56px; height: 56px; border-radius: 14px; }
  html.white.clock.clock.clock .s-apl { white-space: normal; font-size: 17px; }
  html.white.clock.clock.clock .s-badge { margin-left: 12px; }
}
/* 쪽 제목 — 흰 큰 글 + 청록 어긋난 그림자(돌 시계 판 ② 「싹 37곳」 제목 꼴) */
html.white.clock.clock.clock .th-hd .th-h1, html.white.clock.clock.clock h1.st-h { color: #FFFFFF; font-weight: 900; text-shadow: 3px 3px 0 #3E737A; }
/* 다른 쪽 제목 옆 작은 돌 시계(stone-clock.js miniClock — 옛 돌 그림 자리 96 × 77 → 104 × 83) */
html.white.clock.clock.clock .th-hd .th-mclk { flex: none; width: 104px; height: 83px; margin-left: 8px; }
@media (max-width: 359px) { html.white.clock.clock.clock .th-hd .th-mclk { width: 84px; height: 67px; } }
html.white.clock.clock.clock .st-h .th-mclk.st-art { flex: none; width: 104px; height: 83px; }
@media (max-width: 359px) { html.white.clock.clock.clock .st-h .th-mclk.st-art { width: 84px; height: 67px; } }
/* 영어 — 「industries」가 한 낱말 그대로 숫자 아래 한 줄(가운데서 끊기지 않게) */
html.white.clock.clock.clock.en .th-zones .th-zn { flex-direction: column; align-items: flex-start; row-gap: 0; }
html.white.clock.clock.clock.en .th-zones .th-zu { display: block; white-space: nowrap; overflow-wrap: normal; word-break: normal; font-size: 17px; line-height: 1.1; }
html.white.clock.clock.clock.en .th-zones .th-zw { font-size: 19px; }
@media (max-width: 359px) { html.white.clock.clock.clock.en .th-zones .th-zc { grid-template-columns: 42px minmax(0, 1fr); } html.white.clock.clock.clock.en .th-zones .th-zi, html.white.clock.clock.clock.en .th-zones .th-zic { width: 42px; height: 42px; } }
/* 여는 동안 돌 시계(index.html .s-boot)도 고리 가운데 시계 자리와 같게 — 다 그려져도 시계가 제자리(2026-10-26 이 방에서 잼: 390 · 375 = 242px · 320 = 227px) */
html.white.clock.clock.clock .s-boot { margin-top: 178px; }
@media (max-width: 359px) { html.white.clock.clock.clock .s-boot { margin-top: 163px; } }
/* 낮은 화면 — 그림 단추 넷(꽃 될 회사 · 회사 찾기 · 싹 달력 · 고객센터)까지 첫 화면 한 번에
 *   사장님 2026-10-27(서울) 00:17 「밑에 꽃될 회사 회사찾기 싹달력 고객센터 이화면이 첫 화면에 한번에 보일 수 있는 글씨 크기로 줄여주고」
 *   높이 820 아래(아이폰 사파리 · 카톡 안 창 640 ~ 760) — 네 칸 두 줄 납작하게(그림 72 → 48 · 숫자 44 → 34 · 이름 22 → 19 · 글은 17 아래로 안 내림)
 *   그림 단추 66 → 56 · 틈 18 → 10 · 돌 시계는 남은 높이만큼(가장 작은 화면 높이 100svh 에서 다른 칸 높이 합 --ckk 를 뺌 · 104 ~ 218)
 *   여는 동안 돌 시계(.s-boot)도 같은 크기 · 같은 자리(다 그려져도 제자리) — 390 × 844 는 그대로(높이 820 위) */
@media (max-height: 820px) {
  html.white.clock.clock.clock { --ckk: 520px; --ckmax: 218px; --ckh: clamp(104px, calc(100vh - var(--ckk)), var(--ckmax)); }
  html.white.clock.clock.clock .th-zones { row-gap: 8px; margin-bottom: 0; } /* 아래 여백 16 은 그림 단추 위 틈 10 과 겹쳐 16 이 됨 — 0 으로 */
  html.white.clock.clock.clock .th-zones .th-zc { min-height: 0; padding: 3px 8px 3px 2px; grid-template-columns: 48px minmax(0, 1fr); }
  html.white.clock.clock.clock .th-zones .th-zi, html.white.clock.clock.clock .th-zones .th-zic { width: 48px; height: 48px; }
  html.white.clock.clock.clock .th-zones .th-zw { padding-top: 0; font-size: 19px; line-height: 1.1; }
  html.white.clock.clock.clock .th-zones .th-zn { font-size: 34px; line-height: 1; text-shadow: 2px 2px 0 var(--zoff); }
  html.white.clock.clock.clock .th-zones .th-zu { font-size: 17px; }
  html.white.clock.clock.clock .th-zones .s-art, html.white.clock.clock.clock .s-boot { width: calc(var(--ckh) * 272 / 218); height: var(--ckh); }
  html.white.clock.clock.clock .s-boot { margin-top: 153px; } /* 제목 30 + 돌이 물음 48 + 첫 줄 67 + 틈 8 */
  html.white.clock.clock.clock .th-ar-t { top: 15px; } html.white.clock.clock.clock .th-ar-b { bottom: 15px; }
  html.white.clock.clock.clock .s-apps { margin: 10px 0 44px; }
  html.white.clock.clock.clock .s-app { gap: 4px; }
  html.white.clock.clock.clock .s-apb { width: 56px; height: 56px; border-radius: 14px; }
  html.white.clock.clock.clock .s-badge { margin-left: 12px; }
}
@media (max-height: 820px) and (max-width: 359px) { html.white.clock.clock.clock { --ckk: 542px; --ckmax: 160px; } } /* 좁은 폭은 그림 단추 이름이 두 줄(+21) */
@media (max-height: 820px) and (max-width: 349px) { html.white.clock.clock.clock { --ckmax: 128px; } }
@media (max-height: 820px) { html.white.clock.clock.clock.en { --ckk: 575px; } } /* 영어는 칸마다 「industries」 한 줄(+19 × 2) · 그림 단추 이름 두 줄(+17) */
@media (max-height: 820px) and (max-width: 359px) { html.white.clock.clock.clock.en { --ckk: 580px; } }
@supports (height: 1svh) { @media (max-height: 820px) { html.white.clock.clock.clock { --ckh: clamp(104px, calc(100svh - var(--ckk) - env(safe-area-inset-bottom, 0px)), var(--ckmax)); } } }
/* 밝게 바뀐 단추(옛 검은 단추) 위 작은 강조 글은 짙게 — 하늘청록은 밝은 바탕 위 대비가 모자람 */
html.white.clock.clock.clock .th-next small, html.white.clock.clock.clock .th-nx small { color: #152D30; }
/* 편지 띠(보유종목 아래 「돌이 주식 격언」) — 짙은 띠라 밝은 테(단추 테 대비 3 · check_white ⑤) */
html.white.clock.clock.clock a.hello.m4-letter { outline: 2px solid #8CA3A7; outline-offset: -2px; } /* 테(border)는 글 시작을 2px 밀어 왼쪽 줄이 늘어남(check_hold ⑭) — 자리를 안 먹는 outline 으로 */
/* 그림 속 검은 · 흰 칠(svg 칠 속성) — 돌 시계 바늘은 그대로 */
html.white.clock.clock.clock :is([fill="#000"], [fill="#000000"], [fill="black"], [fill="#111"], [fill="#111111"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { fill: #F2F3F3; }
html.white.clock.clock.clock :is([stroke="#000"], [stroke="#000000"], [stroke="black"], [stroke="#111"], [stroke="#111111"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { stroke: #F2F3F3; }
html.white.clock.clock.clock :is([fill="#fff"], [fill="#FFF"], [fill="#ffffff"], [fill="#FFFFFF"], [fill="white"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { fill: #1C2627; }
html.white.clock.clock.clock :is([fill="#007A35"], [fill="#007a35"]) { fill: #1FB8CD; }
html.white.clock.clock.clock :is([stroke="#007A35"], [stroke="#007a35"]) { stroke: #1FB8CD; }
html.white.clock.clock.clock :is([stroke="#1E4FC2"], [stroke="#1e4fc2"]) { stroke: #AAC1C5; }
html.white.clock.clock.clock :is([fill="#1E4FC2"], [fill="#1e4fc2"]) { fill: #AAC1C5; }

/* ── 밤 무대 판(사장님 2026-10-29 16:57 「이 거 색 그리고 느씸 180가지 분석해서 둘리에 백경색 글씨색으로 적용시켜」 · clock_theme.py EXTRA_NEON) ──
   보내신 무대 사진을 잰 색(docs/design/neon-2026-10-29 — 180가지 · palette.json) · 바로 위 핑크 손 규칙의 자리 그대로 · 색만 핑크 → 밤 색 표(PN_*)로 옮김
   바탕 #0C081D(천장 · 왼쪽 빛벽 남보라) · 칸 #1C1136 · 글 #F2EFF9 · 강조 #F06FCB(분홍 빛 줄) · 위 · 아래 막대 #070514 · 오름 #FF5A65 · 내림 #5B96FF(숫자만) · 테 #A58BC2 */
html.white.clock.clock.clock.clock { color-scheme: dark; --bg: #0C081D; --night: #0C081D; --band: #0C081D; --violet: #F2EFF9; --card: #1C1136; --card2: #241540; --card3: #2E1A4A; --hair: #A58BC2; --hair2: #A58BC2; --line: #3A2756; --hair-soft: #3A2756; --seam: #3A2756; --press: #2E1A4A; --lift: #1C1136; --ink: #F2EFF9; --ink-hi: #FFFFFF; --sub: #CFC4E0; --mute: #B6A8CB; --flat: #B6A8CB; --violet-ink: #F2EFF9; --violet-wash: #241540; --violet-line: #A58BC2; --violet-glow: #241540; --gold: #F06FCB; --gold-wash: #2A1440; --gold-line: #F06FCB; --up: #FF5A65; --down: #5B96FF; --up-ink: #FF5A65; --down-ink: #5B96FF; --up-bg: #FF5A65; --down-bg: #5B96FF; --up-fill: rgba(255, 90, 101, .22); --down-fill: rgba(91, 150, 255, .22); --up-fade: rgba(255, 90, 101, .07); --down-fade: rgba(91, 150, 255, .07); --lacquer: #070514; --lacquer-ink: #FFFFFF; --lacquer-sub: #CFC4E0; --lacquer-gold: #F06FCB; --moon: #F2EFF9; --moonrow: #241540; --m4-band: #1C1136; --m4-line: #A58BC2; --m4-soft: #A58BC2; --m4-neu: #B6A8CB; --m4-line2: #3A2756; --pk-bg: #0C081D; --pk-card: #1C1136; --pk-tint: #241540; --pk-line: #3A2756; --pk-ink: #F2EFF9; --pk-sub: #CFC4E0; --pk-acc: #F06FCB; --pk-wine: #070514; background: #0C081D; }
html.white.clock.clock.clock.clock body { background: #0C081D; color: #F2EFF9; }
html.white.clock.clock.clock.clock body::after { background: radial-gradient(ellipse 80vw 42vh at 50% -6%, rgba(148, 191, 219, .14) 0%, rgba(148, 191, 219, 0) 72%), radial-gradient(ellipse 130vw 52vh at 50% 108%, rgba(199, 103, 177, .22) 0%, rgba(199, 103, 177, 0) 74%), #0C081D; } /* 무대 빛 — 위 하늘빛 조명 · 아래 분홍 연기(바탕 한 장 · 글 칸 밖 · 아주 옅게) */
html.white.clock.clock.clock.clock .top { background: rgba(7, 5, 20, 0.97); border-bottom: 1px solid rgba(165, 139, 194, 0.2); }
html.white.clock.clock.clock.clock .top .tbtn, html.white.clock.clock.clock.clock .top .ibtn { background: #1C1136; color: #F2EFF9; border: 2px solid #A58BC2; }
html.white.clock.clock.clock.clock .top .ibtn svg, html.white.clock.clock.clock.clock .top .tbtn svg { color: #F2EFF9; }
html.white.clock.clock.clock.clock .top #giftBtn { background: #8B477B; }
html.white.clock.clock.clock.clock .top #jhBtn { border: 1px solid #A58BC2; background: #1C1136; color: #F2EFF9; }
html.white.clock.clock.clock.clock .tabs { background: #070514; border-top: 2px solid rgba(165, 139, 194, 0.22); }
html.white.clock.clock.clock.clock .tabs a .ic { border-color: #070514; background: var(--tbg, #7A3A79); }
html.white.clock.clock.clock.clock .tabs a:nth-child(1) { --tbg: #9F4D87; }
html.white.clock.clock.clock.clock .tabs a:nth-child(2) { --tbg: #8B477B; }
html.white.clock.clock.clock.clock .tabs a:nth-child(3) { --tbg: #7A3A79; }
html.white.clock.clock.clock.clock .tabs a:nth-child(4) { --tbg: #67325F; }
html.white.clock.clock.clock.clock .tabs a:nth-child(5) { --tbg: #4F2A5C; }
html.white.clock.clock.clock.clock .tabs a[aria-current="page"] .ic { --tbg: #0C081D; color: #F2EFF9; }
html.white.clock.clock.clock.clock footer.foot a { color: #E4DDF0; }
html.white.clock.clock.clock.clock a.why-go.cw { background: #C42F98; outline-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-zc { border-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-zc.th-zcS { --zdot: #7F587D; --zoff: #1C1136; background: #7A3A79; border-color: #A58BC2; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-zc.th-zcB { --zdot: #7A3A79; --zoff: #1C1136; background: #8B477B; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-zc.th-zcQ { --zdot: #2E1A4A; --zoff: #0C081D; background: #1C1136; color: #F2EFF9; border-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-zc.th-zcW { --zdot: #3A2756; --zoff: #241540; background: #2E1A4A; color: #F2EFF9; border-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-zc:active { background: #2E1A4A; }
html.white.clock.clock.clock.clock .th-ar { background: #241540; border-color: #A58BC2; }
html.white.clock.clock.clock.clock .dm-it { border-color: #A58BC2; background: #1C1136; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-tile { border-color: #A58BC2; background: #241540; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-tile0 { background: #7A3A79; }
html.white.clock.clock.clock.clock .th-tile1 { background: #8B477B; }
html.white.clock.clock.clock.clock .th-tile2 { background: #67325F; }
html.white.clock.clock.clock.clock .th-tn { color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-tbadge { border-color: #A58BC2; background: #241540; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-chip { border-color: #A58BC2; background: #1C1136; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-chipmore { border-color: #A58BC2; color: #CFC4E0; }
html.white.clock.clock.clock.clock .th-pki { border-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-pki0 { --pkbg: #7A3A79; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pki1 { --pkbg: #7A3A79; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pki2 { --pkbg: #67325F; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pki3 { --pkbg: #4F2A5C; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pki4 { --pkbg: #3A2556; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pki5 { --pkbg: #2E1A4A; --pkink: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pkcp { border-color: #A58BC2; background: #241540; color: #F2EFF9; }
html.white.clock.clock.clock.clock .th-pkday { color: #CFC4E0; }
html.white.clock.clock.clock.clock .th-pkrec1 { border-left-color: #A58BC2; color: #F2EFF9; }
html.white.clock.clock.clock.clock .s-app, html.white.clock.clock.clock.clock .s-apl { color: #F2EFF9; }
html.white.clock.clock.clock.clock .s-apb { border-color: #A58BC2; }
html.white.clock.clock.clock.clock .s-app-bloom { --abg: #8B477B; }
html.white.clock.clock.clock.clock .s-app-search { --abg: #7A3A79; }
html.white.clock.clock.clock.clock .s-app-cal { --abg: #67325F; }
html.white.clock.clock.clock.clock .s-app-help { --abg: #9F4D87; }
html.white.clock.clock.clock.clock .s-apb::before { background-image: radial-gradient(rgba(7, 5, 20, 0.12) 28%, transparent 33%); }
html.white.clock.clock.clock.clock .s-badge { background: #241540; color: #F2EFF9; border-color: #A58BC2; }
html.white.clock.clock.clock.clock .th-hd .th-h1, html.white.clock.clock.clock.clock h1.st-h { color: #F2EFF9; }
html.white.clock.clock.clock.clock a.hello.m4-letter { outline-color: #A58BC2; }
html.white.clock.clock.clock.clock :is([fill="#000"], [fill="#000000"], [fill="black"], [fill="#111"], [fill="#111111"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { fill: #F2EFF9; }
html.white.clock.clock.clock.clock :is([stroke="#000"], [stroke="#000000"], [stroke="black"], [stroke="#111"], [stroke="#111111"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { stroke: #F2EFF9; }
html.white.clock.clock.clock.clock :is([fill="#fff"], [fill="#FFF"], [fill="#ffffff"], [fill="#FFFFFF"], [fill="white"]):not(.s-hands *):not(.s-art *):not(.s-boot *):not(.th-zi *):not(.s-apb *):not(.th-pkf *):not(.th-tf *) { fill: #1C1136; }
html.white.clock.clock.clock.clock :is([fill="#007A35"], [fill="#007a35"]) { fill: #C42F98; }
html.white.clock.clock.clock.clock :is([stroke="#007A35"], [stroke="#007a35"]) { stroke: #F06FCB; }
html.white.clock.clock.clock.clock :is([stroke="#1E4FC2"], [stroke="#1e4fc2"]) { stroke: #5B96FF; }
html.white.clock.clock.clock.clock :is([fill="#1E4FC2"], [fill="#1e4fc2"]) { fill: #5B96FF; }
html.white.clock.clock.clock.clock .wy { --wm-dark: #070514; --wm-mint: #8B477B; --wm-tab: #241540; --wm-prog: #C42F98; --wm-teal: #C42F98; }
html.white.clock.clock.clock.clock .wy[data-step="start"] { background: #070514 radial-gradient(120% 60% at 50% 40%, rgba(139, 71, 123, 0.18), rgba(242, 184, 201, 0) 70%); }
html.white.clock.clock.clock.clock .wy-sub { color: #E4DDF0; }
html.white.clock.clock.clock.clock .wy-hl .wl-ic { color: #F2EFF9; }
html.white.clock.clock.clock.clock .wy-rhead { background: #070514 linear-gradient(180deg, #070514, #241540); }
html.white.clock.clock.clock.clock .wy-tend .wy-ck { border-left-color: #F06FCB; }
html.white.clock.clock.clock.clock .wy-tf { background: #C42F98; }
html.white.clock.clock.clock.clock .wy-tf.t1, html.white.clock.clock.clock.clock .wy-tf.t2 { background: #B23A8E; }
html.white.clock.clock.clock.clock .wy-tf.t3 { background: #8E2C78; }
html.white.clock.clock.clock.clock .wy-tn, html.white.clock.clock.clock.clock .wy-pg .wy-step { color: #E4DDF0; }
html.pg-why.white.clock.clock.clock.clock .wy.page:is([data-step="q"], [data-step="det"]) { border-top-color: #A58BC2; }
html.pg-why.white.clock.clock.clock.clock #view .cp-card .cp-go { background: #241540; }

/* 밤 무대 판 마무리 — 위 · 아래 막대 끝줄은 분홍 빛 줄(사진 바닥 줄) · 누를 때 둘레는 하늘색 조명 */
html.white.clock.clock.clock.clock .top { background: rgba(7, 5, 20, .97); border-bottom: 1px solid rgba(240, 111, 203, .55); }
html.white.clock.clock.clock.clock .top .logo { color: #FFFFFF; }
html.white.clock.clock.clock.clock .top .tbtn, html.white.clock.clock.clock.clock .top .ibtn { background: #241540; color: #F2EFF9; border: 2px solid #A58BC2; }
html.white.clock.clock.clock.clock .top .ibtn svg, html.white.clock.clock.clock.clock .top .tbtn svg { color: #F2EFF9; }
html.white.clock.clock.clock.clock .top #giftBtn { background: #8B477B; color: #FFFFFF; }
html.white.clock.clock.clock.clock .top #jhBtn { border: 1px solid #A58BC2; background: #241540; color: #F2EFF9; }
html.white.clock.clock.clock.clock .tabs { background: #070514; border-top: 2px solid rgba(240, 111, 203, .6); }
html.white.clock.clock.clock.clock .tabs a .ic { border-color: #070514; color: #FFFFFF; }
html.white.clock.clock.clock.clock .tabs a[aria-current="page"] .ic { --tbg: #F06FCB; color: #0C081D; }
html.white.clock.clock.clock.clock :focus-visible { outline-color: #94BFDB; }
html.white.clock.clock.clock.clock a.why-go.cw { background: #C42F98; color: #FFFFFF; outline-color: #C42F98; }
html.white.clock.clock.clock.clock a.why-go.cw b, html.white.clock.clock.clock.clock a.why-go.cw i { color: #FFFFFF; }
/* 첫 화면 밤 칸(home-new.css 를 한 단 위 html.white.clock.clock.clock.clock.home 에서 덮음) */
html.white.clock.clock.clock.clock.home { color-scheme: dark; --bg: #0C081D; --night: #0C081D; --band: #0C081D; --violet: #F2EFF9; --card: #1C1136; --card2: #241540; --card3: #2E1A4A; --hair: #A58BC2; --hair2: #A58BC2; --line: #3A2756; --hair-soft: #3A2756; --seam: #3A2756; --press: #2E1A4A; --lift: #1C1136; --ink: #F2EFF9; --ink-hi: #FFFFFF; --sub: #CFC4E0; --mute: #B6A8CB; --flat: #B6A8CB; --violet-ink: #F2EFF9; --violet-wash: #241540; --violet-line: #A58BC2; --violet-glow: #241540; --gold: #F06FCB; --gold-wash: #2A1440; --gold-line: #F06FCB; --up: #FF5A65; --down: #5B96FF; --up-ink: #FF5A65; --down-ink: #5B96FF; --up-bg: #FF5A65; --down-bg: #5B96FF; --up-fill: rgba(255, 90, 101, .22); --down-fill: rgba(91, 150, 255, .22); --up-fade: rgba(255, 90, 101, .07); --down-fade: rgba(91, 150, 255, .07); --lacquer: #070514; --lacquer-ink: #FFFFFF; --lacquer-sub: #CFC4E0; --lacquer-gold: #F06FCB; --moon: #F2EFF9; --moonrow: #241540; --m4-band: #1C1136; --m4-line: #A58BC2; --m4-soft: #A58BC2; --m4-neu: #B6A8CB; --m4-line2: #3A2756; --pk-bg: #0C081D; --pk-card: #1C1136; --pk-tint: #241540; --pk-line: #3A2756; --pk-ink: #F2EFF9; --pk-sub: #CFC4E0; --pk-acc: #F06FCB; --pk-wine: #070514; background: #0C081D; }
html.white.clock.clock.clock.clock.home body { background: #0C081D; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home body::after { background: radial-gradient(ellipse 80vw 42vh at 50% -6%, rgba(148, 191, 219, .14) 0%, rgba(148, 191, 219, 0) 72%), radial-gradient(ellipse 130vw 52vh at 50% 108%, rgba(199, 103, 177, .22) 0%, rgba(199, 103, 177, 0) 74%), #0C081D; }
html.white.clock.clock.clock.clock.home #view { --nh-S: #C42F98; --nh-B: #FF5A65; --nh-W: #FF5A65; --nh-Q: #2E1A4A; --nh-zS: #2A1440; --nh-zB: #241540; --nh-zW: #3A1630; --nh-zQ: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-kick { border: 1px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-zline { stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .nh-dot { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-dot4 { stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .nh-zl-S { fill: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-zl-B { fill: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-zl-W { fill: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-zl-Q { fill: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-tick { fill: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-dl { fill: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-w1 i { background: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-stack .nh-w1 { background: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-w0 i { background: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-stack .nh-w0 { background: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-w2 i { background: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-stack .nh-w2 { background: #2E1A4A; }
html.white.clock.clock.clock.clock.home .top { background: rgba(7, 5, 20, 0.97); border-bottom: 1px solid rgba(165, 139, 194, 0.2); }
html.white.clock.clock.clock.clock.home .top #giftBtn { background: #8B477B; }
html.white.clock.clock.clock.clock.home .tabs { background: #070514; border-top: 2px solid rgba(165, 139, 194, 0.22); }
html.white.clock.clock.clock.clock.home .tabs a:nth-child(1) { --tbg: #9F4D87; }
html.white.clock.clock.clock.clock.home .tabs a:nth-child(2) { --tbg: #8B477B; }
html.white.clock.clock.clock.clock.home .tabs a:nth-child(3) { --tbg: #7A3A79; }
html.white.clock.clock.clock.clock.home .tabs a:nth-child(4) { --tbg: #67325F; }
html.white.clock.clock.clock.clock.home .tabs a[aria-current="page"] .ic { --tbg: #0C081D; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home footer.foot a { color: #E4DDF0; }
html.white.clock.clock.clock.clock.home #view { --nh-card: #1C1136; --nh-ink: #F2EFF9; --nh-sub: #CFC4E0; --nh-line: #3A2756; --nh-go: #C42F98; --nh-link: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-hero { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-kick { border-color: #F06FCB; color: #F06FCB; background: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-h1 { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-h1 .nh-acc { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sub { color: #E4DDF0; }
html.white.clock.clock.clock.clock.home #view .nh-fact { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-fact b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fact span { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-no { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-how { background: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-rule { background: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-warn { background: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-won { background: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-warn.nh-worse { background: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-wt { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-zl { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-dl { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-tick { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-bt { background: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-cmp-up .nh-me { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-cmp-up .nh-all { background: #412649; }
html.white.clock.clock.clock.clock.home #view .nh-cmp-dn .nh-me { background: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-cmp-dn .nh-all { background: #412649; }
html.white.clock.clock.clock.clock.home #view .nh-lg { border-bottom-color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-sec.nh-mkt { background: #1C1136; border-color: #3A2756; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .nh-h2 { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt a.hm-band { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt a.hm-band * { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt a.hm-band .dn { color: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .w-news .dn { color: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-mkt a.hm-band .up { color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .w-news .up { color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .w-news .w-lb { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .w-news .w-ans p { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .w-news .w-why { border: 1px solid #F06FCB; color: #F06FCB; background: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .s-split .gu { background: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-mkt .s-split .gd { background: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-why a.w-month { border: 1px dashed #F06FCB; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home .s-thumb { border-top: 1px solid rgba(165, 139, 194, 0.2); background: #070514; }
html.white.clock.clock.clock.clock.home .s-thumb form.w-find { border: 1px solid #A58BC2; background: #1C1136; }
html.white.clock.clock.clock.clock.home .s-thumb .w-find .w-in { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home .s-thumb .w-find .w-in::placeholder { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home .s-thumb .w-find .w-go { background: #C42F98; }
html.white.clock.clock.clock.clock.home .s-thumb .w-hits { background: #1C1136; border-color: #8E78AE; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home .s-short details.w-all > summary { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .w-all .w-rows a { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .w-all .w-rows a * { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-foot { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fh { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fp { color: #E4DDF0; }
html.white.clock.clock.clock.clock.home #view .w-ess .ess-t { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .w-ess .ess-l { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .w-ess .ess-l.q { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .w-ess .ess-d > summary::after { border: 1px solid #F06FCB; color: #F06FCB; }
html.white.clock.clock.clock.clock.home .top #jhBtn { border: 1px solid #A58BC2; background: #1C1136; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view { --c-me: #C42F98; --c-all: #412649; --c-up: #FF5A65; --c-dn: #5B96FF; --c-ink: #F2EFF9; --c-sub: #CFC4E0; --c-wine: #070514; --c-soft: #7A3A79; --c-pale: #3A1630; }
html.white.clock.clock.clock.clock.home #view .nh-svg text { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-idx { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-ka { fill: rgba(196, 47, 152, 0.13); }
html.white.clock.clock.clock.clock.home #view .nh-klast { stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-cz-S { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-cz-B { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-cz-W { background: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-cz-Q { background: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-lg-S i { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-lg-B i { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-lg-W i { background: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-lg-Q i { background: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-rk { color: #E4DDF0; }
html.white.clock.clock.clock.clock.home #view .nh-chart { background: #241540; border: 1px solid #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-fig { background: #241540; border: 1px solid #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-dn.nh-w0 { stroke: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-ml li.nh-w0 > i { background: #2A1440; }
html.white.clock.clock.clock.clock.home #view .nh-s0 { fill: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-fv1 { fill: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-sc { fill: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-sk1 { fill: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-map .th-news { background: #241540; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-map .th-news :is(.th-nh, .th-nm, .th-nl, .th-nl *) { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-map .th-news a.th-hi { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-rb { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-rb i { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-rb.on span { text-decoration-color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-pm { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-pm i { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-pb b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-pb b.nh-pb2 { color: #B6A8CB; }
html.white.clock.clock.clock.clock.home #view .nh-pb b.up { color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-pb b.dn { color: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-pb span { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-pl { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-pc { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-kt { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-kt span { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-kt b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-kt b.up { color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-kt b.dn { color: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-kt b.fl { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view details.nh-fold { border: 1px solid #3A2756; background: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-waf rect.off { fill: #1C1136; stroke: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-waf.me rect.on { fill: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-waf.all rect.on { fill: #2E1A4A; }
html.white.clock.clock.clock.clock.home #view .nh-wf figcaption b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-wf figcaption span { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-honest { border-left: 4px solid #F06FCB; background: #1C1136; }
html.white.clock.clock.clock.clock.home #view .nh-honest span { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-honest b { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-part::before { border-top: 12px solid #8E78AE; }
html.white.clock.clock.clock.clock.home #view .nh-q { background: #1C1136; border: 1px solid #8E78AE; color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-yrsum { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-3c { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-3c i { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-3c b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-3c span { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-3w { border: 2px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-3w b { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-chk { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-chkh { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-chk li i { border: 2px solid #F06FCB; background: #241540; }
html.white.clock.clock.clock.clock.home #view .nh-chkt { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-chk li b { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-pc2 { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-ktw { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-rng .nh-rl0 { stroke: #8E78AE; }
html.white.clock.clock.clock.clock.home #view .nh-rng .nh-rt { stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .nh-rng .nh-rd { fill: #C42F98; stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .nh-rc { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-3h { color: #B6A8CB; }
html.white.clock.clock.clock.clock.home #view .nh-3how { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-path ol::before { background: #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-pt { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-pt i { border: 4px solid #0C081D; background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-pt b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-pt small { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-golist { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-pm small { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-part a.w-month { border: 1px dashed #F06FCB; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-part .nh-link { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-fm { background: #241540; border: 1px solid #3A2756; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fk { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fk-up i { border-bottom: 12px solid #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-fk-dn i { border-top: 12px solid #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-fr { background: #160E2B; }
html.white.clock.clock.clock.clock.home #view .nh-fl-up .nh-fbar { background: #4A1830; border-left: 4px solid #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-fl-dn .nh-fbar { background: #1E2C5A; border-left: 4px solid #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-fn { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-fl-up .nh-fr > b { color: #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-fl-dn .nh-fr > b { color: #5B96FF; }
html.white.clock.clock.clock.clock.home #view .nh-fc { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-tw { background: #241540; border: 1px solid #A58BC2; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-twi-bl { background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-twi-mo { border-bottom: 12px solid #FF5A65; }
html.white.clock.clock.clock.clock.home #view .nh-twk { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-twc { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-twg { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-twn { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-twd { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-twe { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-sage { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-sage i { background: #0C081D; color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sage b { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-tp { background: #1C1136; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view p.nh-tp.nh-tp0 { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-tpk { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-tpl b { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-tpl small { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .nh-say { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-part .nh-sage > i { background: #241540; border: 1px solid #3A2756; }
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw > button.nh-sf[aria-pressed="true"] img { outline: 3px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw > button.nh-sf:focus-visible { outline: 3px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw > a.nh-sl:focus-visible { outline: 3px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw > .nh-scap { background: #160E2B; border: 2px solid #3A2756; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw.rm-say { outline: 3px solid #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sall { border: 2px solid #F06FCB; background: #C42F98; }
html.white.clock.clock.clock.clock.home #view .nh-sall.nh-sallon { background: #1C1136; color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sall:focus-visible { outline: 3px solid #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-sallr { border: 2px solid #F06FCB; background: #1C1136; color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .nh-sallr:focus-visible { outline: 3px solid #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .nh-sallc { background: #160E2B; border: 2px solid #3A2756; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .y11-l { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .y11-q { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .y11-t { color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .y11-g > i { color: #CFC4E0; }
html.white.clock.clock.clock.clock.home #view .y11-on { fill: #C42F98; }
html.white.clock.clock.clock.clock.home #view .y11-off { fill: #241540; stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .y11-qd { fill: #160E2B; stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .y11-qt { stroke: #A58BC2; }
html.white.clock.clock.clock.clock.home #view .y11-qdot { fill: #B6A8CB; }
html.white.clock.clock.clock.clock.home #view .y11-m { color: #F06FCB; }
html.white.clock.clock.clock.clock.home #view .y11-x { background: #1C1136; border: 1px solid #3A2756; color: #F2EFF9; }
html.white.clock.clock.clock.clock.home #view .y11-wt { color: #CFC4E0; }
@media (hover: hover) {
html.white.clock.clock.clock.clock.home #view .nh-sage.nh-sfw > button.nh-sf:hover img { outline: 2px solid #F06FCB; }
}
/* 업종 점 그림 네 자리 색 — 짙은 칸 위 색약 검사(dataviz validate_palette --mode dark --surface #241540 --pairs all) 실패 0 · 경고 0 · 싹 청록 · 꽃 장미 · 시듦 호박 · 잠잠 보라 · 칸 바탕은 그 색 20% */
html.white.clock.clock.clock.clock.home #view { --nh-S: #0097B3; --nh-B: #C6367D; --nh-W: #C0851F; --nh-Q: #7260BD; --nh-zS: #1D2F57; --nh-zB: #441C4C; --nh-zW: #432B39; --nh-zQ: #342459; }