:root{--iv-ink: #0a1120;--iv-panel: #101a30;--iv-raise: #16223c;--iv-line: #243250;--iv-line-strong: #3a4c74;--iv-text: #e9eefb;--iv-mute: #97a6c4;--iv-lime: #a3e635;--iv-sky: #38bdf8;--iv-amber: #fbbf24;--iv-violet: #a78bfa;--iv-page-ink: #0f172a;--iv-page-mute: #526078;--iv-page-line: #dbe3ef;--iv-page-soft: #f3f6fb;--iv-accent: #3f6212;--primary: #3f6212;--primary-dark: #365314;--border: #dbe3ef;--surface: #ffffff;--shadow-soft: 0 10px 28px rgba(10,17,32,0.12);--surface-muted: #f3f6fb;--text-main: #0f172a;--text-muted: #526078;}
.iv-page{padding-bottom: 3rem;}
.iv-board{background: var(--iv-ink);color: var(--iv-text);border: 1px solid var(--iv-line);border-radius: 18px;box-shadow: var(--shadow-soft);padding: 16px 16px 20px;margin-bottom: 2rem;}
.iv-byline{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 8px;padding-bottom: 12px;margin-bottom: 14px;border-bottom: 1px solid var(--iv-line);font-size: 0.86rem;color: var(--iv-mute);}
.iv-byline-author .author-link{color: var(--iv-lime);font-weight: 650;text-decoration: none;}
.iv-byline-author .author-link:hover,.iv-byline-author .author-link:focus-visible{text-decoration: underline;}
.iv-formats{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 8px;margin-bottom: 14px;}
.iv-fmt{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;padding: 9px 11px;border: 1px solid var(--iv-line);border-radius: 12px;background: var(--iv-panel);color: var(--iv-text);text-align: left;line-height: 1.2;cursor: pointer;}
.iv-fmt b{font-size: 0.95rem;}
.iv-fmt span{font-size: 0.74rem;color: var(--iv-mute);}
.iv-fmt em{font-style: normal;font-size: 0.72rem;color: var(--iv-lime);font-variant-numeric: tabular-nums;}
.iv-fmt:hover:not(:disabled){border-color: var(--iv-line-strong);}
.iv-fmt[aria-pressed="true"]{border-color: var(--iv-lime);background: rgba(163,230,53,0.09);}
.iv-fmt:disabled{opacity: 0.45;cursor: not-allowed;}
.iv-fmt:focus-visible,.iv-go:focus-visible,.iv-ghost:focus-visible,.iv-step:focus-visible,.iv-num:focus-visible,.iv-vol input:focus-visible{outline: 2px solid var(--iv-lime);outline-offset: 2px;}
.iv-score{--iv-phase: var(--iv-mute);--iv-glow: rgba(151,166,196,0.12);position: relative;display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 14px;padding: 24px 20px 32px;border: 1px solid var(--iv-line);border-radius: 14px;background: radial-gradient(90% 120% at 50% 0%,var(--iv-glow),transparent 65%),var(--iv-panel);overflow: hidden;}
.iv-score[data-phase="ready"]{--iv-phase: var(--iv-amber);--iv-glow: rgba(251,191,36,0.16);}
.iv-score[data-phase="work"]{--iv-phase: var(--iv-lime);--iv-glow: rgba(163,230,53,0.16);}
.iv-score[data-phase="rest"]{--iv-phase: var(--iv-sky);--iv-glow: rgba(56,189,248,0.16);}
.iv-score[data-phase="long"]{--iv-phase: var(--iv-violet);--iv-glow: rgba(167,139,250,0.18);}
.iv-score[data-phase="done"]{--iv-phase: var(--iv-lime);--iv-glow: rgba(163,230,53,0.1);}
.iv-score::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 6px;background: rgba(255,255,255,0.07);}
.iv-score.is-paused .iv-time{animation: ivBlink 1.2s ease-in-out infinite;}
.iv-clock{text-align: center;}
.iv-phase{margin: 0 0 4px;font-size: 0.8rem;font-weight: 750;letter-spacing: 0.14em;text-transform: uppercase;color: var(--iv-phase);}
.iv-time{font-size: clamp(3.6rem,11vw,7rem);font-weight: 800;line-height: 1;letter-spacing: -0.04em;font-variant-numeric: tabular-nums;color: var(--iv-phase);}
.iv-side{margin: 0;display: flex;flex-direction: column;gap: 12px;}
.iv-side-r{text-align: right;}
.iv-side dt{font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--iv-mute);}
.iv-side dd{margin: 2px 0 0;font-size: 1.15rem;font-weight: 700;font-variant-numeric: tabular-nums;color: var(--iv-text);}
.iv-result{grid-column: 1 / -1;margin: 0;padding-top: 12px;border-top: 1px solid var(--iv-line);text-align: center;font-weight: 650;color: var(--iv-text);}
.iv-result[hidden]{display: none;}
.iv-bar{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 6px;background: var(--iv-phase);transform-origin: left center;transform: scaleX(0);transition: transform 0.25s linear;}
.iv-strip{display: flex;gap: 2px;height: 20px;margin: 14px 0 8px;}
.iv-seg{position: relative;flex: 1 1 0;min-width: 2px;border-radius: 4px;overflow: hidden;}
.iv-seg i{position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: currentColor;}
.iv-seg.is-now{outline: 1px solid var(--iv-text);outline-offset: 1px;}
.iv-seg-ready{color: var(--iv-amber);background: rgba(251,191,36,0.2);}
.iv-seg-work{color: var(--iv-lime);background: rgba(163,230,53,0.2);}
.iv-seg-rest{color: var(--iv-sky);background: rgba(56,189,248,0.2);}
.iv-seg-long{color: var(--iv-violet);background: rgba(167,139,250,0.22);}
.iv-legend{display: flex;flex-wrap: wrap;gap: 4px 16px;margin: 0 0 12px;padding: 0;list-style: none;font-size: 0.76rem;color: var(--iv-mute);}
.iv-legend li::before{content: "";display: inline-block;width: 9px;height: 9px;margin-right: 6px;border-radius: 3px;background: currentColor;}
.iv-lg-ready::before{color: var(--iv-amber);}
.iv-lg-work::before{color: var(--iv-lime);}
.iv-lg-rest::before{color: var(--iv-sky);}
.iv-lg-long::before{color: var(--iv-violet);}
.iv-summary{display: grid;grid-template-columns: repeat(4,1fr);gap: 8px;margin: 0 0 18px;}
.iv-summary div{padding: 8px 10px;border: 1px solid var(--iv-line);border-radius: 10px;background: var(--iv-panel);}
.iv-summary dt{font-size: 0.68rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--iv-mute);}
.iv-summary dd{margin: 2px 0 0;font-size: 1.05rem;font-weight: 750;font-variant-numeric: tabular-nums;}
.iv-controls{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;margin-bottom: 20px;}
.iv-go{min-width: 190px;padding: 13px 26px;border: 0;border-radius: 12px;background: var(--iv-lime);color: #10200a;font-size: 1.05rem;font-weight: 800;cursor: pointer;}
.iv-go:hover{background: #bef264;}
.iv-go[data-mode="running"]{background: var(--iv-amber);color: #2a1a02;}
.iv-ghost{padding: 13px 20px;border: 1px solid var(--iv-line-strong);border-radius: 12px;background: transparent;color: var(--iv-text);font-weight: 650;cursor: pointer;}
.iv-ghost:hover:not(:disabled){background: var(--iv-panel);}
.iv-ghost:disabled{opacity: 0.35;cursor: not-allowed;}
.iv-builder{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-bottom: 14px;}
.iv-field{padding: 10px 10px 8px;border: 1px solid var(--iv-line);border-radius: 12px;background: var(--iv-raise);}
.iv-field label{display: block;margin-bottom: 6px;font-size: 0.72rem;font-weight: 750;letter-spacing: 0.1em;text-transform: uppercase;color: var(--iv-mute);}
.iv-field small{display: block;margin-top: 6px;font-size: 0.74rem;line-height: 1.3;color: var(--iv-mute);}
.iv-stepper{display: grid;grid-template-columns: 38px 1fr 38px;gap: 6px;align-items: center;}
.iv-step{height: 38px;border: 1px solid var(--iv-line-strong);border-radius: 10px;background: var(--iv-panel);color: var(--iv-text);font-size: 1.2rem;font-weight: 700;line-height: 1;cursor: pointer;}
.iv-step:hover:not(:disabled){border-color: var(--iv-lime);color: var(--iv-lime);}
.iv-step:disabled,.iv-num:disabled{opacity: 0.4;cursor: not-allowed;}
.iv-num{width: 100%;min-width: 0;height: 38px;border: 1px solid transparent;border-radius: 10px;background: transparent;color: var(--iv-text);text-align: center;font-size: 1.4rem;font-weight: 750;font-variant-numeric: tabular-nums;}
.iv-num:hover:not(:disabled){border-color: var(--iv-line);}
.iv-options{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 8px;}
.iv-opt{position: relative;display: block;}
.iv-opt input{position: absolute;opacity: 0;width: 0;height: 0;}
.iv-opt span{display: block;padding: 10px 12px;border: 1px solid var(--iv-line);border-radius: 10px;background: var(--iv-panel);color: var(--iv-mute);text-align: center;font-size: 0.88rem;font-weight: 650;cursor: pointer;}
.iv-opt input:checked + span{border-color: var(--iv-lime);background: rgba(163,230,53,0.08);color: var(--iv-lime);}
.iv-opt input:focus-visible + span{outline: 2px solid var(--iv-lime);outline-offset: 2px;}
.iv-vol{grid-column: 1 / -1;display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 12px;padding: 8px 12px;border: 1px solid var(--iv-line);border-radius: 10px;background: var(--iv-panel);font-size: 0.88rem;font-weight: 650;color: var(--iv-mute);}
.iv-vol input{width: 100%;accent-color: var(--iv-lime);}
.iv-vol output{min-width: 3rem;text-align: right;font-variant-numeric: tabular-nums;color: var(--iv-text);}
.iv-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;}
.iv-article{margin: 0 auto;color: var(--text-main);font-size: 1.02rem;line-height: 1.68;}
.iv-article p{margin: 0 0 0.95rem;}
.iv-lede{font-size: 1.45rem;font-weight: 750;line-height: 1.25;letter-spacing: -0.01em;}
.iv-article h2{margin: 2.2rem 0 0.7rem;padding-left: 12px;border-left: 4px solid #84cc16;font-size: 1.4rem;line-height: 1.25;color: var(--iv-page-ink);}
.iv-article a{color: var(--iv-accent);font-weight: 600;text-underline-offset: 2px;}
.iv-caution{margin: 0 0 1.4rem;padding: 14px 16px;border: 1px solid #fcd34d;border-left: 5px solid #d97706;border-radius: 10px;background: #fffbeb;}
.iv-caution strong{display: block;margin-bottom: 4px;color: #92400e;}
.iv-caution p{margin: 0;color: var(--iv-page-ink);}
.iv-tablewrap{margin: 0 0 0.8rem;overflow-x: auto;border: 1px solid var(--iv-page-line);border-radius: 12px;}
.iv-table{width: 100%;min-width: 680px;border-collapse: collapse;font-size: 0.92rem;line-height: 1.45;}
.iv-table caption{caption-side: bottom;padding: 8px 12px;text-align: left;font-size: 0.82rem;color: var(--iv-page-mute);}
.iv-table thead th{padding: 10px 12px;background: var(--iv-ink);color: var(--iv-text);text-align: left;font-size: 0.78rem;letter-spacing: 0.06em;text-transform: uppercase;}
.iv-table td,.iv-table tbody th{padding: 10px 12px;border-top: 1px solid var(--iv-page-line);vertical-align: top;text-align: left;}
.iv-table tbody th{font-weight: 750;color: var(--iv-page-ink);}
.iv-table tbody tr:nth-child(even){background: var(--iv-page-soft);}
.iv-table td:nth-child(2),.iv-table td:nth-child(3),.iv-table td:nth-child(4){font-variant-numeric: tabular-nums;white-space: nowrap;}
.iv-nudge{margin: 1.4rem 0;padding: 14px 18px;border-left: 5px solid var(--iv-lime);border-radius: 12px;background: var(--iv-ink);color: var(--iv-text);font-weight: 650;}
.iv-cues{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin: 0 0 1rem;}
.iv-cues div{padding: 12px;border: 1px solid var(--iv-page-line);border-top: 4px solid var(--c,#94a3b8);border-radius: 12px;background: var(--iv-page-soft);}
.iv-cues dt{margin-bottom: 4px;font-weight: 750;color: var(--iv-page-ink);}
.iv-cues dd{margin: 0;font-size: 0.93rem;line-height: 1.45;color: var(--iv-page-mute);}
.iv-cue-ready{--c: #f59e0b;}
.iv-cue-work{--c: #84cc16;}
.iv-cue-rest{--c: #0ea5e9;}
.iv-cue-long{--c: #8b5cf6;}
.iv-cue-tick{--c: #64748b;}
.iv-cue-done{--c: #16a34a;}
.iv-runs{counter-reset: run;display: grid;gap: 10px;margin: 0 0 1rem;padding: 0;list-style: none;}
.iv-runs li{counter-increment: run;position: relative;padding: 14px 14px 14px 62px;border: 1px solid var(--iv-page-line);border-radius: 12px;background: #fff;}
.iv-runs li::before{content: counter(run);position: absolute;left: 14px;top: 12px;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;background: var(--iv-ink);color: var(--iv-lime);font-weight: 800;}
.iv-runs strong{color: var(--iv-page-ink);}
.bmc-time .faq-section{margin-top: 2rem;}
@keyframes ivBlink{0%,100%{opacity: 1;}50%{opacity: 0.35;}}
@media (max-width:900px){.iv-formats{grid-template-columns: repeat(3,minmax(0,1fr));}.iv-cues{grid-template-columns: repeat(2,minmax(0,1fr));}}
@media (max-width:720px){.iv-score{grid-template-columns: 1fr 1fr;padding: 20px 14px 28px;}.iv-clock{grid-column: 1 / -1;grid-row: 1;}.iv-builder{grid-template-columns: repeat(2,minmax(0,1fr));}.iv-options{grid-template-columns: repeat(2,minmax(0,1fr));}.iv-summary{grid-template-columns: repeat(2,1fr);}}
@media (max-width:480px){.iv-board{padding: 12px 10px 16px;}.iv-formats{grid-template-columns: repeat(2,minmax(0,1fr));}.iv-builder{grid-template-columns: 1fr;}.iv-cues{grid-template-columns: 1fr;}.iv-go{width: 100%;order: -1;}.iv-controls .iv-ghost{flex: 1;}}
@media (prefers-reduced-motion:reduce){.iv-bar{transition: none;}.iv-score.is-paused .iv-time{animation: none;}}