:root{font:16px 'Segoe UI',Arial,sans-serif;--ink:#f1f3f4;--muted:#a5afb5;--accent:#73dbe2;--line:#566168;--surface:#20272c;color:var(--ink);background:#171c20;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;border-radius:999px}button,summary{cursor:pointer}button,a,input,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.25;letter-spacing:-.025em;margin-bottom:0}h2{font-size:21px;line-height:1.4}h3{font-size:18px;line-height:1.4}p{line-height:1.65}.muted,.eyebrow{color:var(--muted)}.small,.eyebrow{font-size:14px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;z-index:200;background:var(--surface);padding:12px}.skip:focus{top:10px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}main:focus{outline:none}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff04;font-size:14px;line-height:1.4}.button:hover,.icon-button:hover{background:#ffffff0b}.button.primary{color:var(--accent);background:#73dbe20c;border-color:var(--accent)}.button.quiet{border-color:transparent;background:transparent;color:var(--accent)}.icon-button{width:44px;flex:none;padding:8px}.panel{padding:20px 0;border-bottom:1px solid var(--line)}.actions,.explanation-actions,.step-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ui-icon{width:22px;height:22px;display:block;flex:none;pointer-events:none}[data-icon]{display:inline-flex;flex:none}
input,textarea{min-height:44px;min-width:0;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);appearance:none}textarea{resize:none}.field{width:100%}.field-label,.answer-field>label{display:block;margin-bottom:8px;font-size:14px}.answer-field{margin:20px 0}.answer-feedback{font-size:14px;margin-top:8px;line-height:1.6}.answer-feedback.correct{color:#88dbcc}.answer-feedback.incorrect{color:#ff9791}input[type=search]::-webkit-search-cancel-button,input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;display:none}input[type=number]{appearance:textfield}
input[type=range]{appearance:none;background:transparent;border:0;min-height:24px;height:24px;padding:0;cursor:pointer;margin:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#566168}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);margin-top:-5.5px}input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:#566168}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--surface)}input[type=checkbox]{appearance:none;flex:none;width:18px;height:18px;min-height:18px;padding:0;border:1px solid #66737c;border-radius:3px;background:#ffffff0b;cursor:pointer}input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 10 4 4 8-8' fill='none' stroke='%23171c20' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
summary{list-style:none;min-height:36px;padding:8px 0}summary::-webkit-details-marker{display:none}summary::before{content:'›';display:inline-block;margin-right:8px;color:var(--accent)}details[open]>summary::before{transform:rotate(90deg)}.viewer-settings>summary::before,.lead-picker>summary::before,.sidebar-menu>summary::before{content:none}
dialog{width:760px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:24px;border:1px solid #566168;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:none}dialog::backdrop{background:#090c10aa}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-head h2{margin:0}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:150;max-width:90vw;padding:10px 16px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px}.toast:empty{display:none}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading p{margin:10px 0 0}.back,.breadcrumbs{font-size:14px;color:var(--muted)}.breadcrumbs{display:flex;gap:12px;margin-bottom:20px}.records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.record-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.record-item h2{font-size:17px;margin:8px 0}.record-item p{font-size:14px;margin:0 0 8px;color:var(--muted)}.record-badge,.record-open{font-size:12px;color:var(--accent)}.record-open{flex:none}.record-item:hover{color:var(--accent)}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.topic-link{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:24px 0}.topic-link .index{font-size:14px;color:var(--muted)}.reading{max-width:900px}.theory-section{padding:16px 0;border-bottom:1px solid var(--line)}.source{font-size:14px;color:var(--muted)}.tabs,.catalog-tabs,.coronary-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--line);padding-bottom:12px}.tabs a,.catalog-tabs button,.coronary-tabs button{min-height:44px;padding:12px;font-size:14px;border-radius:999px;color:var(--muted)}.tabs a[aria-current=page],.catalog-tabs button[aria-pressed=true],.coronary-tabs button[aria-pressed=true]{background:#73dbe214;color:#8ee4e8}.library-tools{display:flex;align-items:center;gap:12px;margin-bottom:18px}.library-tools>input{flex:1}.catalog-settings{position:relative}.catalog-filters{position:absolute;right:0;top:48px;width:320px;padding:16px;background:var(--surface);border:1px solid var(--line);z-index:8;border-radius:999px}.catalog-filters label{display:block;margin:10px 0}.catalog-note{font-size:14px;color:var(--muted)}.book-archive{margin-top:26px}.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mode p{color:var(--muted)}.empty{padding:40px 0}.coming-soon-page p{color:var(--muted)}
.options{display:grid;gap:10px}.option{width:100%;text-align:left;padding:14px;border:1px solid var(--line);border-radius:999px;min-height:48px;line-height:1.5;font-size:15px}.option:hover{background:#ffffff0b}.option.correct{background:#88dbcc16;border-color:#5ca894}.option.incorrect{background:#ff979114;border-color:#ae6562}.feedback{margin-top:20px;font-size:15px}.feedback h3{margin-bottom:8px}.feedback p{line-height:1.6}.hint{font-size:14px}.step-group{color:var(--muted);font-size:14px;margin-top:16px}.summary-step{border-bottom:1px solid var(--line);padding:12px 0}
.custom-select{position:relative;display:inline-block;min-width:0;max-width:100%;font-size:14px}.custom-select:has(.field){display:block;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px;background:#ffffff04;border:1px solid var(--line);border-radius:999px;text-align:left;font-size:14px;line-height:1.4}.select-trigger:hover{background:#ffffff0b}.select-value{min-width:0;overflow-wrap:anywhere}.select-trigger .ui-icon{width:14px;height:14px;transform:rotate(90deg);color:var(--muted)}.select-open{z-index:30}.select-open .select-trigger{border-color:var(--accent)}.select-options{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:min(380px,calc(100vw - 40px));max-height:min(280px,45dvh);overflow:auto;padding:6px;border:1px solid #566168;border-radius:999px;background:var(--surface);box-shadow:none;z-index:35}.select-up .select-options{top:auto;bottom:calc(100% + 6px)}.select-option{display:block;width:100%;min-height:40px;padding:9px 12px;border-radius:999px;text-align:left;font-size:14px;line-height:1.4}.select-option:hover,.select-option:focus-visible{background:#ffffff0b}.select-option[aria-selected=true]{background:#73dbe214;color:#8ee4e8;font-weight:600}.select-group{padding:10px 12px 5px;color:var(--muted);font-size:12px}
*{scrollbar-width:thin;scrollbar-color:#566168 #ffffff04}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff04}::-webkit-scrollbar-thumb{background:#566168;border:2px solid #171c20;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#839199}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}@supports(-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:#566168 #ffffff04}}
@media(max-width:760px){h1{font-size:24px}.records,.topic-list,.mode-list{grid-template-columns:1fr}.record-open{display:none}.page-heading{align-items:flex-start}.library-tools{flex-wrap:wrap}.catalog-filters{max-width:calc(100vw - 32px)}dialog{padding:20px 16px;max-height:calc(100dvh - 24px)}}
@media(forced-colors:active){.button,.option,.select-trigger,.select-options,input[type=checkbox]{border:1px solid CanvasText;background:Canvas;color:CanvasText}.option.correct,.select-option[aria-selected=true]{outline:2px solid Highlight}}

.select-options,.catalog-filters{border-radius:18px}.option{border-radius:20px}.select-option{border-radius:999px}.icon-button{border-radius:50%}.option:hover{border-color:#8d9da5}.mark-handle:hover{fill:#245f58}

textarea{border-radius:18px}.practice-topics{max-width:880px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.practice-topic{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:16px 4px;border-bottom:1px solid var(--line)}.practice-topic:hover{color:var(--accent)}.practice-topic span{font-size:14px;white-space:nowrap}@media(max-width:760px){.practice-topics{grid-template-columns:1fr}}

/* Matte controls: color is reserved for selection and feedback. */
.button,.icon-button,.select-trigger,.select-option,.option{transition:background-color 120ms ease-out,border-color 120ms ease-out,color 120ms ease-out}
.option.correct,.answer-feedback.correct{color:#88dbcc}.option.incorrect,.answer-feedback.incorrect{color:#ff9791}