@layer components{.mk{color:var(--ink)}.mk .ink2{color:var(--ink-2)}.mk .ink3{color:var(--ink-3)}.mk .yes{color:var(--yes-text);font-weight:600}.mk .no{color:var(--ink);font-weight:600}.mk .warn{color:var(--warn)}.mk .gain{color:var(--gain)}.mk .loss{color:var(--loss)}.mk .hair{border-top:1px solid var(--line)}.mk a{color:inherit}.mk .link{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.mk .link:hover{text-decoration-color:currentColor}.mk .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.mk .wrap{max-width:1240px;margin:0 auto;padding:0 16px}@media (min-width:640px){.mk .wrap{padding:0 24px}}@media (min-width:1024px){.mk .wrap{padding:0 32px}}.mk .cols{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.mk .cols>*{min-width:0}@media (min-width:1024px){.mk .cols{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:max-content}.mk .cols>.main-head{grid-area:1/1/auto/span 8}.mk .cols>.main-rest{grid-area:2/1/auto/span 8}.mk .cols>.side{grid-area:1/9/span 2/span 4}.mk .side .sticky{position:sticky;top:88px}}.mk .page-pad{padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media (min-width:1024px){.mk .page-pad{padding-bottom:96px}}.mk .panel{padding:16px}@media (min-width:640px){.mk .panel{padding:24px}}.mk .sunk{background:var(--surface-2);border-radius:6px}.mk .stepper{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;grid-template-columns:44px 1fr 44px;align-items:center;display:inline-grid;overflow:hidden}.mk .stepper>button{min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:20px}.mk .stepper>button:disabled{color:var(--ink-3);cursor:not-allowed}.mk .stepper>output{text-align:center;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.mk .toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mk .toggle>button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 8px;font-weight:600;display:flex}.mk .toggle>button .p{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-2);font-size:14px;font-weight:500}.mk .toggle>button[aria-checked=true].yes-side{background:var(--brand);color:var(--on-yes);border-color:var(--brand)}.mk .toggle>button[aria-checked=true].yes-side .p{color:var(--on-yes)}.mk .toggle>button[aria-checked=true].no-side{background:var(--no);color:var(--on-no);border-color:var(--no)}.mk .toggle>button[aria-checked=true].no-side .p{color:var(--on-no)}.mk .toggle>button:disabled{color:var(--ink-3);cursor:not-allowed;border-style:dashed}.mk .chips{flex-wrap:wrap;gap:6px;display:flex}.mk .chips>button{border:1px solid var(--line-strong);min-height:32px;color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:0 10px;font-size:14px}.mk .chips>button:hover{color:var(--ink);background:var(--surface-2)}.mk .check{cursor:pointer;min-height:44px;color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:flex}.mk .check input{width:18px;height:18px;accent-color:var(--brand)}.mk .kv{justify-content:space-between;gap:12px;padding:6px 0;font-size:15px;display:flex}.mk .kv>dt{color:var(--ink-2)}.mk .kv>dd{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right;margin:0}.mk .kv.big>dd{font-size:20px;font-weight:600}.mk .note{color:var(--ink-2);font-size:14px;line-height:1.45}.mk .msg{background:var(--surface-2);border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.45}.mk .msg.warn{color:var(--warn)}.mk .row{color:inherit;border-top:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:14px 56px 14px 12px;text-decoration:none;display:grid;position:relative}.mk .row-link{color:inherit;text-decoration:none}.mk .row-link:after{content:"";border-radius:12px;position:absolute;inset:0}.mk .row-link:focus-visible{outline:none}.mk .row-link:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}.mk .row-star{z-index:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.mk .row-compact{padding-top:10px;padding-bottom:10px}.mk .row-compact .bigp{font-size:20px}.mk .watch-star{width:44px;height:44px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.mk .watch-star:hover{color:var(--ink);background:var(--surface-2)}.mk .watch-star.is-on{color:var(--yes-text)}.mk .push-end{margin-left:auto}.mk .top-sections{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (min-width:1024px){.mk .top-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}.mk .scroll-x{scrollbar-width:none;min-width:0;max-width:100%;overflow-x:auto}.mk .scroll-x::-webkit-scrollbar{display:none}.mk .fade-x{-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.mk .field{gap:6px;display:grid}.mk .field>label{color:var(--ink-2);font-size:14px}@media (min-width:1024px){.mk .phone-only{display:none}}.mk .row:hover{background:var(--surface-2)}.mk .row .q{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.mk .row .meta{color:var(--ink-2);margin-top:4px;font-size:14px}.mk .row .thumb{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;font-weight:600;display:grid}.mk .row .left{align-items:flex-start;gap:12px;min-width:0;display:flex}.mk .row .right{text-align:right;min-width:120px}.mk .row .bigp{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--yes-text);font-size:28px;font-weight:600;line-height:1}.mk .row .bigp small{margin-left:4px;font-size:14px;font-weight:500}.mk .row .nop{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink);margin-top:4px;font-size:14px}@media (max-width:399px){.mk .row .thumb{display:none}}@media (max-width:639px){.mk .row{grid-template-columns:minmax(0,1fr)}.mk .row .right{text-align:left;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mk .row .right .barwrap{flex:100%;min-width:0}.mk .row .bigp{font-size:18px}.mk .row .nop{margin-top:0}}.mk .meter-track{background:var(--surface-2);border-radius:5px;height:10px;position:relative;overflow:hidden}.mk .meter-fill{transform-origin:0;transition:transform .6s var(--ease-out);border-radius:5px;position:absolute;inset:0}.mk .meter-fill.yes-fill{background:var(--brand-fill)}.mk .meter-fill.no-fill{background:var(--no)}.mk .meter-fill.off{background:var(--ink-3)}.mk .meter-yours{box-shadow:inset 0 0 0 2px var(--bg);border-radius:5px;position:absolute;top:0;bottom:0}.mk .meter-hatch{opacity:.4;background-size:6px 6px;position:absolute;top:0;bottom:0}.mk .meter-hatch.yes-fill{background-image:repeating-linear-gradient(45deg, var(--brand-fill) 0 1px, transparent 1px 4px)}.mk .meter-hatch.no-fill{background-image:repeating-linear-gradient(45deg, var(--no) 0 1px, transparent 1px 4px)}.mk .meter-row{grid-template-columns:96px 1fr auto 24px;align-items:center;gap:12px;min-height:32px;display:grid}@media (max-width:479px){.mk .meter-row{grid-template-columns:72px 1fr auto 20px;gap:8px}}.mk .meter-label{color:var(--ink-2);font-size:14px}.mk .meter-val{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:14px}.mk .mark{border:2px solid var(--line-strong);width:16px;height:16px;transition:transform .2s var(--ease-out);border-radius:50%;place-items:center;display:grid}.mk .mark.met{animation:mk-met .4s var(--ease-out);border-color:#0000}.mk .mark.met.yes-fill{background:var(--brand-fill);color:var(--on-yes)}.mk .mark.met.no-fill{background:var(--no);color:var(--on-no)}.mk .mark.met.off{background:var(--ink-3);color:var(--bg)}@keyframes mk-met{0%{box-shadow:0 0 0 0 var(--brand-bright);transform:scale(.6)}50%{box-shadow:0 0 0 8px #0000}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mk .mark.met{animation:none}.mk .meter-fill{transition:none}}.mk .pip{border:2px solid var(--line-strong);border-radius:50%;width:12px;height:12px;display:inline-block}.mk .pip.on{background:var(--brand-fill);border-color:var(--brand-fill)}.mk .pip.off{border-color:var(--ink-3)}.mk .pip.on.off{background:var(--ink-3);border-color:var(--ink-3)}.mk .pip-sm{border-width:1.5px;width:8px;height:8px}.mk .gap-scale{height:24px;position:relative}.mk .gap-scale .line{background:var(--line);height:2px;position:absolute;top:11px;left:0;right:0}.mk .gap-scale .line.dashed{border-top:2px dashed var(--line-strong);background:0 0;height:0}.mk .gap-scale .range{gap:2px;height:6px;display:flex;position:absolute;top:9px}.mk .gap-scale .range>i{border-radius:3px;flex:1;height:100%;display:block}.mk .gap-scale .range>.y{background:var(--brand-fill)}.mk .gap-scale .range>.n{background:var(--no)}.mk .gap-scale .bracket{border:1px solid var(--line-strong);opacity:.6;border-bottom:0;border-radius:4px 4px 0 0;height:16px;position:absolute;top:4px}.mk .gap-scale .lab{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-2);white-space:nowrap;font-size:12px;position:absolute;top:-18px}.mk .gap-scale .lab-l{transform:translate(calc(-100% - 6px))}.mk .gap-scale .lab-r{transform:translate(6px)}.mk .launch-area{animation:mk-rise .22s var(--ease-out)}@keyframes mk-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mk .launch-area{animation:.22s linear mk-fade}}@keyframes mk-fade{0%{opacity:0}to{opacity:1}}.mk .streak{background:var(--brand-bright);width:40px;height:2px;animation:mk-streak .32s var(--ease-out) forwards;border-radius:1px;position:absolute}@keyframes mk-streak{0%{opacity:0;transform:translate(-120px)}30%{opacity:1}to{opacity:0;transform:translate(0)}}.mk .pulse-once{animation:mk-pulse .4s var(--ease-out) 1}@keyframes mk-pulse{0%{box-shadow:0 0 0 0 var(--brand-bright)}to{box-shadow:0 0 0 10px #0000}}.mk .flash{animation:.4s linear mk-flash}@keyframes mk-flash{0%{color:var(--yes-text)}to{color:inherit}}.mk table.book{border-collapse:collapse;width:100%;font-size:14px}.mk table.book th{text-align:right;color:var(--ink-2);border-bottom:1px solid var(--line);padding:6px 8px;font-weight:500}.mk table.book th:first-child,.mk table.book td:first-child{text-align:left}.mk table.book td{padding:0}.mk table.book td>button,.mk table.book td>span{text-align:right;width:100%;min-height:36px;font:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px;display:block;position:relative}.mk table.book td:first-child>button,.mk table.book td:first-child>span{text-align:left}.mk table.book tr:hover td>button{background:var(--surface-2)}.mk table.book .depth{opacity:.18;pointer-events:none;border-radius:3px;position:absolute;top:4px;bottom:4px;right:0}.mk table.book .depth.y{background:var(--brand-fill)}.mk table.book .depth.n{background:var(--no)}.mk table.book .bidp{color:var(--yes-text);font-weight:600}.mk table.book .askp{color:var(--ink);font-weight:600}.mk .book-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:399px){.mk .book-grid{grid-template-columns:1fr}}.mk .chart svg{width:100%;height:auto;display:block}.mk .chart .yes-line{stroke:var(--brand)}.mk .chart .axis{stroke:var(--line)}.mk .chart .tick{fill:var(--ink-2);font-family:var(--font-mono,ui-monospace, monospace);font-size:11px}.mk .chart .marker{stroke:var(--line-strong);stroke-dasharray:3 3}.mk .tl{gap:0;margin:0;padding:0;list-style:none;display:grid}.mk .tl>li{grid-template-columns:20px 1fr;gap:12px;padding-bottom:20px;display:grid;position:relative}.mk .tl>li:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:0;left:9px}.mk .tl .dot{border:2px solid var(--line-strong);background:var(--bg);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.mk .tl .dot.done{border-color:var(--ink)}.mk .tl .dot.done:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px}.mk .tl .dot.cur{border-color:var(--brand)}.mk .tl .dot.cur:after{content:"";background:var(--brand-bright);border-radius:50%;width:8px;height:8px}.mk .tl .dot.future{border-color:var(--ink-3)}.mk .tl .dot.warn{border-color:var(--warn)}.mk .tl .dot.warn:after{content:"";background:var(--warn);border-radius:50%;width:8px;height:8px}.mk .tl .future-text{color:var(--ink-3)}.mk .bottombar{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in oklab, var(--bg) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.mk .bottombar{display:none}}@media (prefers-reduced-transparency:reduce){.mk .bottombar{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.mk .sheet-back{z-index:40;background:#0000008c;position:fixed;inset:0}.mk .sheet{z-index:41;background:var(--surface);max-height:92dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.28s cubic-bezier(.65,0,.35,1) mk-sheet;position:fixed;bottom:0;left:0;right:0;overflow:auto}.mk .sheet .handle{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:4px auto 12px}@keyframes mk-sheet{0%{transform:translateY(100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.mk .sheet{animation:.12s linear mk-fade}}.mk h1.h-page{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:1.2}@media (min-width:1024px){.mk h1.h-page{font-size:40px;line-height:1.1}}.mk h1.h-list{letter-spacing:-.02em;margin:0;font-size:40px;font-weight:600;line-height:1.1}@media (min-width:1024px){.mk h1.h-list{font-size:48px;line-height:1.05}}.mk h2{margin:0;font-size:20px;font-weight:600;line-height:1.4}.mk h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}.mk .big-price{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:40px;font-weight:600;line-height:1}.mk .hero-line{letter-spacing:-.02em;text-wrap:balance;font-size:28px;font-weight:600;line-height:1.2}@media (min-width:640px){.mk .hero-line{font-size:40px;line-height:1.1}}@media (forced-colors:active){.mk .meter-fill,.mk .split>i,.mk .gap-scale .range>i,.mk table.book .depth{border:1px solid canvastext}.mk :focus-visible{outline-color:highlight}}}
