@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8fbfc;--panel:#f0f5f8;--ink:#152332;--ink-2:#435260;--ink-3:#5a6874;--rule:#dae1e5;--rule-2:#c3ccd3;--field:#77828c;--you:#b61b75;--you-soft:#b61b7517;--on-you:#fff8fb;--p-great:#1a5998;--p-good:#3589b6;--p-okay:#5eb09e;--p-slow:#e1c076;--p-drag:#ce7538;--coast-mix:58%;--shoal:#9aa7b0;--shadow:0 1px 2px #1f2f410f, 0 12px 32px -18px #152f4b47;--font:var(--font-mona), ui-sans-serif, system-ui, sans-serif;--font-jp:var(--font-zen), "Hiragino Sans", "Yu Gothic", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--gutter:max(20px, env(safe-area-inset-left,0px));--gutter-r:max(20px, env(safe-area-inset-right,0px))}@supports (color:lab(0% 0 0)){:root{--paper:lab(98.3964% -.943661 -1.08389);--panel:lab(96.3188% -1.55568 -1.98917);--ink:lab(12.8791% -1.99572 -12.1239);--ink-2:lab(33.8423% -3.08561 -10.3358);--ink-3:lab(43.1544% -3.25838 -8.81871);--rule:lab(89.0074% -1.88461 -3.12141);--rule-2:lab(81.4674% -2.4083 -4.51025);--field:lab(53.6007% -2.60726 -6.82826);--you:lab(41.6465% 63.2714 -9.71704);--you-soft:lab(41.6465% 63.2714 -9.71704/.09);--on-you:lab(98.1282% 3.35041 -.496995);--p-great:lab(36.676% -1.68255 -40.75);--p-good:lab(53.6488% -14.6601 -31.6211);--p-okay:lab(66.2815% -29.4822 .884616);--p-slow:lab(79.366% 5.32851 41.5236);--p-drag:lab(58.6463% 32.6661 48.2958);--shoal:lab(67.5467% -3.17603 -6.54715);--shadow:0 1px 2px lab(18.6665% -2.37072 -13.877/.06), 0 12px 32px -18px lab(18.5279% -2.17091 -20.5452/.28)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0b131c;--panel:#121b25;--ink:#e6ecef;--ink-2:#b0bdc5;--ink-3:#93a1aa;--rule:#262f39;--rule-2:#39444f;--field:#6b7680;--you:#f978b6;--you-soft:#f978b61f;--on-you:#201017;--p-great:#54a6e7;--p-good:#358ab2;--p-okay:#449786;--p-slow:#cdad63;--p-drag:#dc7b40;--coast-mix:70%;--shoal:#5a656e;--shadow:0 1px 2px #0000004d, 0 16px 40px -20px #0009}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--paper:lab(5.66518% -1.1029 -7.18813);--panel:lab(9.2175% -1.60763 -8.37432);--ink:lab(93.0715% -1.70317 -2.34082);--ink-2:lab(75.6869% -3.34299 -5.5921);--ink-3:lab(65.2363% -3.38098 -6.41272);--rule:lab(18.7489% -1.73381 -7.75886);--rule-2:lab(28.0403% -2.24334 -8.39463);--field:lab(48.9601% -2.59379 -6.82198);--you:lab(67.5813% 54.8822 -8.33309);--you-soft:lab(67.5813% 54.8822 -8.33309/.12);--on-you:lab(6.86135% 9.55039 -1.38468);--p-great:lab(64.9278% -10.6667 -41.0029);--p-good:lab(53.7713% -16.4986 -28.7225);--p-okay:lab(57.0014% -29.5874 .888741);--p-slow:lab(72.3916% 5.57265 41.9874);--p-drag:lab(62.0516% 34.8603 48.245);--shoal:lab(41.9988% -2.56944 -6.81088);--shadow:0 1px 2px lab(0% 0 0/.3), 0 16px 40px -20px lab(0% 0 0/.6)}}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0b131c;--panel:#121b25;--ink:#e6ecef;--ink-2:#b0bdc5;--ink-3:#93a1aa;--rule:#262f39;--rule-2:#39444f;--field:#6b7680;--you:#f978b6;--you-soft:#f978b61f;--on-you:#201017;--p-great:#54a6e7;--p-good:#358ab2;--p-okay:#449786;--p-slow:#cdad63;--p-drag:#dc7b40;--coast-mix:70%;--shoal:#5a656e;--shadow:0 1px 2px #0000004d, 0 16px 40px -20px #0009}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--paper:lab(5.66518% -1.1029 -7.18813);--panel:lab(9.2175% -1.60763 -8.37432);--ink:lab(93.0715% -1.70317 -2.34082);--ink-2:lab(75.6869% -3.34299 -5.5921);--ink-3:lab(65.2363% -3.38098 -6.41272);--rule:lab(18.7489% -1.73381 -7.75886);--rule-2:lab(28.0403% -2.24334 -8.39463);--field:lab(48.9601% -2.59379 -6.82198);--you:lab(67.5813% 54.8822 -8.33309);--you-soft:lab(67.5813% 54.8822 -8.33309/.12);--on-you:lab(6.86135% 9.55039 -1.38468);--p-great:lab(64.9278% -10.6667 -41.0029);--p-good:lab(53.7713% -16.4986 -28.7225);--p-okay:lab(57.0014% -29.5874 .888741);--p-slow:lab(72.3916% 5.57265 41.9874);--p-drag:lab(62.0516% 34.8603 48.245);--shoal:lab(41.9988% -2.56944 -6.81088);--shadow:0 1px 2px lab(0% 0 0/.3), 0 16px 40px -20px lab(0% 0 0/.6)}}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1rem;font-weight:420;font-stretch:100%;line-height:1.55}::selection{background:var(--you);color:var(--on-you)}*{scrollbar-color:var(--rule-2) transparent}:focus-visible{outline:2px solid var(--you);outline-offset:2px}a{color:inherit;-webkit-text-decoration-color:var(--rule-2);-webkit-text-decoration-color:var(--rule-2);-webkit-text-decoration-color:var(--rule-2);text-decoration-color:var(--rule-2);text-underline-offset:.22em;text-decoration-thickness:1px}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-color:currentColor}}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.num{font-variant-numeric:lining-nums proportional-nums}.jp{font-family:var(--font-jp);letter-spacing:.02em;font-stretch:100%}.wrap{max-width:1320px;padding-left:var(--gutter);padding-right:var(--gutter-r);margin-inline:auto}.prose{max-width:64ch}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html[data-pending] .needs-state{visibility:hidden}.t-display{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.05rem,1.15rem + 3.6vw,4.25rem);font-weight:640;font-stretch:112%;line-height:1.04}.t-h2{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.55rem,1.1rem + 1.7vw,2.4rem);font-weight:620;font-stretch:110%;line-height:1.1}.t-h3{letter-spacing:-.005em;margin:0;font-size:1.0625rem;font-weight:650;font-stretch:104%;line-height:1.3}.t-small{font-size:.875rem;line-height:1.5}.t-label{letter-spacing:.02em;font-size:.75rem;font-weight:560;font-stretch:86%;line-height:1.3}.muted{color:var(--ink-2)}.btn{border:1px solid var(--rule-2);background:var(--paper);white-space:nowrap;min-height:40px;transition:transform .14s var(--ease-out), background-color .14s ease, border-color .14s ease;border-radius:6px;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:560;display:inline-flex}.btn:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn:hover{border-color:var(--field);background:var(--panel)}}.btn[data-tone=you]{background:var(--you);border-color:var(--you);color:var(--on-you)}.btn svg{flex:none}.btn-quiet{background:0 0;border-color:#0000;padding:0 10px}.field{align-items:center;gap:8px;display:inline-flex}.field input{border:1px solid var(--field);background:var(--paper);font-variant-numeric:lining-nums proportional-nums;text-align:center;width:6.5ch;min-height:36px;caret-color:var(--you);-moz-appearance:textfield;border-radius:6px;padding:0 8px;font-size:1rem;font-weight:600}.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field input:focus-visible{outline:2px solid var(--you);outline-offset:1px;border-color:var(--you)}.field input[aria-invalid=true]{border-color:var(--p-drag)}.seg{border:1px solid var(--rule-2);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:32px;color:var(--ink-2);transition:background-color .16s ease, color .16s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:5px;padding:0 12px;font-size:.8125rem;font-weight:560}.seg button:active{transform:scale(.97)}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chip{white-space:nowrap;align-items:center;gap:7px;font-size:.8125rem;font-weight:600;display:inline-flex}.chip i{background:var(--c);width:11px;height:11px;box-shadow:inset 0 2px 0 var(--c);flex:none}@supports (color:color-mix(in lab, red, red)){.chip i{box-shadow:inset 0 2px 0 color-mix(in oklch, var(--c) var(--coast-mix), var(--ink))}}.chip[data-k=anime] i{background:repeating-linear-gradient(135deg, var(--shoal) 0 1.5px, transparent 1.5px 4px);box-shadow:inset 0 0 0 1px var(--shoal)}[data-r=great]{--c:var(--p-great)}[data-r=good]{--c:var(--p-good)}[data-r=okay]{--c:var(--p-okay)}[data-r=slow]{--c:var(--p-slow)}[data-r=drag]{--c:var(--p-drag)}.tag{flex:none;place-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:700;font-stretch:100%;line-height:1;display:inline-grid}.tag[data-t=a]{background:var(--you);color:var(--on-you)}.tag[data-t=b]{background:var(--ink);color:var(--paper)}.top{top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--rule);position:sticky}.top-in{align-items:center;gap:28px;min-height:60px;display:flex}.mark{white-space:nowrap;align-items:baseline;gap:10px;text-decoration:none;display:flex}.mark b{letter-spacing:-.02em;font-size:1.125rem;font-weight:760;font-stretch:125%}.mark span{color:var(--ink-2);font-size:.8125rem;font-stretch:92%}.nav{gap:4px;margin-right:auto;display:flex}.nav a{color:var(--ink-2);border-radius:6px;padding:6px 10px;font-size:.875rem;font-weight:520;text-decoration:none;transition:color .14s,background-color .14s}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--ink);background:var(--panel)}}.top-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.top-tools label{color:var(--ink-2);white-space:nowrap;font-size:.875rem;font-weight:520}.icon-btn{width:38px;height:38px;color:var(--ink-2);transition:transform .14s var(--ease-out), background-color .14s ease, color .14s ease;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:inline-grid}.icon-btn:active{transform:scale(.95)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--panel);color:var(--ink)}}@media (max-width:900px){.nav,.mark span{display:none}.top-in{gap:12px}}@media (max-width:420px){.top-tools label .long{display:none}}.ask{padding-block:clamp(24px,3vw,42px) 12px}.ask h1{max-width:22ch;margin:0}.pick{vertical-align:baseline;max-width:100%;display:inline-block;position:relative}.pick-face{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:.06em;-webkit-text-decoration-color:var(--rule-2);-webkit-text-decoration-color:var(--rule-2);-webkit-text-decoration-color:var(--rule-2);text-decoration-color:var(--rule-2);align-items:baseline;gap:.14em;transition:text-decoration-color .16s;display:inline-flex}.pick[data-t=a] .pick-face{-webkit-text-decoration-color:var(--you);-webkit-text-decoration-color:var(--you);-webkit-text-decoration-color:var(--you);text-decoration-color:var(--you)}.pick[data-t=b] .pick-face{-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.pick-face svg{width:.42em;height:.42em;color:var(--ink-3);flex:none;align-self:center;transform:translateY(.06em)}.pick select{opacity:0;cursor:pointer;appearance:none;width:100%;font-size:1rem;position:absolute;inset:0}.pick:focus-within .pick-face{outline:2px solid var(--you);outline-offset:4px;border-radius:2px}@media (hover:hover) and (pointer:fine){.pick:hover .pick-face svg{color:var(--ink)}}.ask-a{letter-spacing:-.015em;margin:18px 0 0;font-size:clamp(1.3rem,1rem + 1.1vw,1.9rem);font-weight:600;font-stretch:106%;line-height:1.2}.ask-a .yes{font-weight:780}.field-err{z-index:2;background:var(--ink);color:var(--paper);white-space:nowrap;padding:4px 8px;font-size:.75rem;font-weight:560;position:absolute;top:calc(100% + 6px);right:0}.ask-n{max-width:96ch;color:var(--ink-2);margin:10px 0 0}.ask-n .tag{vertical-align:-4px;margin-right:6px}.ask-tools{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.swap{animation:swap .22s var(--ease-out)}@keyframes swap{0%{opacity:.35;filter:blur(4px)}}@media (prefers-reduced-motion:reduce){.swap{animation:.18s swap-calm}@keyframes swap-calm{0%{opacity:.4}}}.chart{margin:0;position:relative}.chart-tools{z-index:3;position:absolute;top:0;right:0}.chart-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;overflow-x:auto}.chart{--plot-h:clamp(200px, 27vh, 340px)}.chart-inner{min-width:100%;padding:38px 0 0 30px;position:relative}.yaxis{width:22px;height:var(--plot-h);position:absolute;top:38px;left:0}.yaxis span{color:var(--ink-3);line-height:1;position:absolute;right:0;transform:translateY(50%)}.yaxis .yaxis-unit{white-space:nowrap;inset:-30px auto auto 0;transform:none}.plot{height:var(--plot-h);border-bottom:1px solid var(--ink);touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;position:relative}.grid-line{border-top:1px dashed var(--rule-2);pointer-events:none;position:absolute;left:0;right:0}.grid-line[data-one]{border-top-color:var(--field)}.blk{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.blk:focus-visible{outline:none}.blk:focus-visible .seg-bar,.blk:focus-visible .seg-shoal{outline:2px solid var(--you);outline-offset:1px}.seg-bar,.seg-shoal{transform-origin:bottom;transition:opacity .14s;position:absolute;bottom:0}.seg-bar{background:var(--c);box-shadow:inset 0 2px 0 var(--c)}@supports (color:color-mix(in lab, red, red)){.seg-bar{box-shadow:inset 0 2px 0 color-mix(in oklch, var(--c) var(--coast-mix), var(--ink))}}.seg-shoal{background:repeating-linear-gradient(135deg, var(--shoal) 0 1.5px, transparent 1.5px 4.5px);height:7%;box-shadow:inset 0 1px 0 var(--shoal)}@media (prefers-reduced-motion:no-preference){.plot[data-draw] .seg-bar{animation:rise .62s var(--ease-out) both;animation-delay:calc(var(--i) * 7ms)}}@keyframes rise{0%{transform:scaleY(.1)}}.plot[data-scrub] .blk:not([data-on]) .seg-bar,.plot[data-scrub] .blk:not([data-on]) .seg-shoal{opacity:.42}.blk[data-sel=a]{--sel:var(--you)}.blk[data-sel=b]{--sel:var(--ink)}.blk[data-sel] .seg-bar{box-shadow:inset 0 3px 0 var(--sel)}.blk[data-sel]:after{content:"";background:var(--sel);height:4px;position:absolute;bottom:-8px;left:0;right:0}.sounding{color:var(--ink-2);font-variant-numeric:lining-nums proportional-nums;pointer-events:none;white-space:nowrap;font-size:.6875rem;font-style:italic;font-weight:520;font-stretch:80%;position:absolute;left:50%;transform:translate(-50%)}.pin-layer{pointer-events:none;position:absolute;inset:0}.pin{will-change:transform;position:absolute;top:0;left:0}.pin-ab{transition:transform .32s var(--ease-in-out);align-items:center;gap:6px;display:flex}.pin-ab .t-label{color:var(--ink);background:var(--paper);white-space:nowrap;padding:1px 4px}.rule-you,.rule-cursor{pointer-events:none;width:0;position:absolute;top:-8px;bottom:0;left:0}.rule-you{border-left:2px solid var(--you)}.rule-cursor{border-left:1px solid var(--ink);opacity:0;transition:opacity .12s}.plot[data-scrub] .rule-cursor{opacity:1}.rule-tag{white-space:nowrap;font-variant-numeric:lining-nums proportional-nums;padding:1px 6px;font-size:.6875rem;font-weight:650;font-stretch:90%;position:absolute;top:-22px;left:0;transform:translate(-50%)}.rule-you .rule-tag{background:var(--you);color:var(--on-you)}.rule-cursor .rule-tag{background:var(--ink);color:var(--paper)}.axis{height:40px;position:relative}.axis-saga{border-left:1px solid var(--rule-2);height:100%;padding:6px 0 0 6px;position:absolute;top:0;overflow:hidden}.axis-saga .t-label{color:var(--ink-2);white-space:nowrap;text-overflow:clip;display:block;overflow:hidden}.axis-saga .num{color:var(--ink-3);font-size:.6875rem;font-stretch:86%;display:block}.legend{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:14px;display:flex}.legend .chip{color:var(--ink);font-weight:560}.legend-key{margin-left:auto;font-size:.8125rem}@media (max-width:760px){.legend-key{flex-basis:100%;margin-left:0}}.cartouche{border-top:1px solid var(--rule);grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:22px 28px;margin-top:26px;padding-top:22px;display:grid}@media (max-width:720px){.cartouche{grid-template-columns:minmax(0,1fr)}}.post{aspect-ratio:16/9;background:var(--panel);max-width:100%;margin:0;position:relative;overflow:hidden}.post img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-none{background:repeating-linear-gradient(135deg, var(--rule-2) 0 1.5px, transparent 1.5px 7px);color:var(--ink-2);place-items:center;display:grid;position:absolute;inset:0}.post-none span{background:var(--paper);padding:4px 10px}.post-cap{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px;font-size:.8125rem;display:flex}.cart-body{align-content:start;gap:10px;min-width:0;display:grid}.cart-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.cart-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.35rem,1.1rem + .9vw,1.75rem);font-weight:640;font-stretch:110%;line-height:1.15}.facts{color:var(--ink-2);flex-wrap:wrap;gap:6px 18px;font-size:.875rem;display:flex}.facts b{color:var(--ink);font-weight:640}.cart-why{max-width:62ch;margin:0;font-size:1.0625rem;line-height:1.5}.note{max-width:64ch;color:var(--ink-2);align-items:flex-start;gap:8px;margin:0;font-size:.875rem;display:flex}.note svg{flex:none;margin-top:3px}.actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.section{padding-block:clamp(64px,9vw,120px) 0}.section-head{gap:12px;margin-bottom:32px;display:grid}.section-head p{max-width:64ch;color:var(--ink-2);margin:0}.duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);display:grid}@media (max-width:820px){.duo{grid-template-columns:minmax(0,1fr)}}.card{align-content:start;gap:16px;min-width:0;display:grid}.card .post{aspect-ratio:2}.card-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card-title h3{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:640;font-stretch:110%;line-height:1.15}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;display:grid}.stats div{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.stats dt{color:var(--ink-2);font-size:.875rem}.stats dd{font-variant-numeric:lining-nums proportional-nums;text-align:right;white-space:nowrap;margin:0;font-weight:640}@media (max-width:460px){.stats{grid-template-columns:minmax(0,1fr)}}.parts{gap:8px;margin:0;padding:14px 0 0;list-style:none;display:grid}.parts li{grid-template-columns:9ch 4.5ch minmax(0,1fr) 6.5rem;align-items:center;gap:12px;font-size:.875rem;display:grid}.parts .bar-cell{align-items:center;gap:10px;min-width:0;display:flex}.speedbar{background:var(--c);height:10px;box-shadow:inset 0 2px 0 var(--c);display:block}@supports (color:color-mix(in lab, red, red)){.speedbar{box-shadow:inset 0 2px 0 color-mix(in oklch, var(--c) var(--coast-mix), var(--ink))}}.speedbar{transform-origin:0;transition:transform .42s var(--ease-out)}.tvmin{border-top:1px solid var(--rule);gap:10px;margin-top:clamp(32px,4vw,48px);padding-top:24px;display:grid}.tvmin-row{grid-template-columns:minmax(120px,220px) minmax(0,1fr);align-items:center;gap:16px;display:grid}.tvmin-bar{align-items:center;gap:10px;min-width:0;display:flex}.tvmin-bar>span:first-child{transform-origin:0;height:18px;transition:width .42s var(--ease-out);flex:none}@media (max-width:560px){.tvmin-row{grid-template-columns:minmax(0,1fr);gap:6px}}.spoiler{justify-items:start;gap:8px;display:grid}.spoiler-text{max-width:62ch;transition:filter .26s var(--ease-out), opacity .26s var(--ease-out);margin:0;font-size:.9375rem}.spoiler[data-hidden] .spoiler-text{filter:blur(6px);opacity:.55;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.spoiler-text{transition:opacity .2s}.spoiler[data-hidden] .spoiler-text{filter:none;opacity:0}}.ahead-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);display:grid}@media (max-width:900px){.ahead-grid{grid-template-columns:minmax(0,1fr)}}.plan{align-content:start;gap:18px;display:grid}.plan-line{max-width:40ch;margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:520;line-height:1.4}.plan-line b{font-weight:680}.range{gap:8px;max-width:420px;display:grid}.range-head{color:var(--ink-2);justify-content:space-between;font-size:.875rem;display:flex}input[type=range]{width:100%;accent-color:var(--you)}.callout{background:var(--panel);align-items:flex-start;gap:12px;max-width:56ch;padding:14px 16px;font-size:.9375rem;display:flex}.callout .chip{margin-top:2px}.route{margin:0;padding:0;list-style:none;display:grid}.route li{border-bottom:1px solid var(--rule);grid-template-columns:7.5ch minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:11px 0;display:grid}.route li:first-child{border-top:1px solid var(--rule)}.route .when{color:var(--ink-3);font-variant-numeric:lining-nums proportional-nums;font-size:.8125rem;font-stretch:90%}.route li[data-now] .when{color:var(--you);font-weight:650}.route .what{min-width:0}.route .what span{color:var(--ink-3);font-size:.8125rem;display:block}.empty{background:var(--panel);justify-items:start;gap:18px;padding:clamp(24px,4vw,40px);display:grid}.empty p{max-width:52ch;color:var(--ink-2);margin:0}.guide-tools{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-bottom:24px;display:flex}.check{color:var(--ink-2);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--you)}.saga{margin-top:40px}.saga:first-of-type{margin-top:0}.saga-head{border-bottom:1px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 16px;padding-bottom:10px;display:flex}.saga-head h3{letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:660;font-stretch:110%}.saga-head span{color:var(--ink-2);font-variant-numeric:lining-nums proportional-nums;font-size:.8125rem}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--rule)}.row-btn{text-align:left;background:0 0;border:0;grid-template-columns:9.5ch minmax(0,15rem) 7rem 7.5rem minmax(0,1fr) 20px;align-items:center;gap:16px;width:100%;padding:13px 0;transition:background-color .14s;display:grid}@media (hover:hover) and (pointer:fine){.row-btn:hover{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.row-btn:hover{background:color-mix(in oklch, var(--panel) 70%, transparent)}}}.row-btn:focus-visible{outline:2px solid var(--you);outline-offset:-2px}.row-eps{font-variant-numeric:lining-nums proportional-nums;color:var(--ink-2);padding-left:2px;font-size:.875rem;font-stretch:92%}.row-name{min-width:0;font-weight:620}.row-name small{color:var(--ink-3);font-size:.8125rem;font-weight:450;display:block}.row-speed{font-variant-numeric:lining-nums proportional-nums;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.row-speed .speedbar{height:8px}.row-why{color:var(--ink-2);min-width:0;font-size:.875rem}.row-caret{color:var(--ink-3);transition:transform .22s var(--ease-out)}.row[data-open] .row-caret{transform:rotate(90deg)}.row[data-watched] .row-btn{color:var(--ink-3)}.row[data-watched] .row-name{color:var(--ink-2)}.row-here{color:var(--you);font-weight:650}.row-more{transition:grid-template-rows .24s var(--ease-out);grid-template-rows:0fr;display:grid}.row[data-open] .row-more{grid-template-rows:1fr}.row-more>div{overflow:hidden}.row-detail{grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:20px 28px;padding:6px 0 24px calc(9.5ch + 16px);display:grid}.row-detail .post{aspect-ratio:16/9}@media (max-width:1000px){.row-btn{grid-template-columns:8.5ch minmax(0,1fr) auto 20px;gap:6px 12px}.row-speed{display:none}.row-why{grid-area:2/2/auto/4}.row-detail{padding-left:0}}@media (max-width:640px){.row-detail{grid-template-columns:minmax(0,1fr)}}.list-plain{color:var(--ink-2);gap:4px;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.list-plain b{color:var(--ink);font-variant-numeric:lining-nums proportional-nums;font-weight:600}.empty-filter{color:var(--ink-2);padding:28px 0}.method{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(24px,4vw,56px);display:grid}@media (max-width:900px){.method{grid-template-columns:minmax(0,1fr)}}.method h3{margin-bottom:10px}.method p,.method li{color:var(--ink-2);font-size:.9375rem}.method p{margin:0 0 10px}.bands{gap:8px;margin:0;padding:0;list-style:none;display:grid}.bands li{grid-template-columns:6.5rem 4.5rem minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.foot{border-top:1px solid var(--rule);color:var(--ink-3);margin-top:clamp(72px,10vw,128px);padding-block:28px 40px;font-size:.8125rem}.foot p{max-width:90ch;margin:0 0 6px}.plan>.seg,.plan>.field{justify-self:start}.row[data-watched] .row-btn>:not(.row-caret){opacity:.6}.ask-n .tag{vertical-align:-.28em}.top-tools .short{display:none}@media (max-width:420px){.top-tools .short{display:inline}}.legend-zoom{margin-left:auto}.legend .legend-key{flex-basis:100%;margin-left:0}.ask-n{flex-wrap:wrap;gap:4px 22px;display:flex}.ask-side{min-width:0}.stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"ask""chart""cart";display:grid}.stage>.ask{grid-area:ask}.stage>.chart{grid-area:chart}.stage>.cartouche{grid-area:cart}@media (min-width:1100px){.stage{grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-template-areas:none;column-gap:clamp(32px,4vw,64px)}.stage>.ask{grid-area:1/1}.stage>.chart{grid-area:2/1/auto/3}.stage>.cartouche{z-index:4;border:1px solid var(--rule-2);background:var(--paper);box-shadow:var(--shadow);grid-area:1/2/3;grid-template-columns:minmax(0,1fr);align-self:start;gap:10px;margin-top:clamp(24px,3vw,42px);padding:12px 14px 14px}.stage>.cartouche .post{aspect-ratio:2.6}.stage>.cartouche .post-cap{margin-top:5px;font-size:.75rem}.stage>.cartouche .cart-body{gap:8px}.stage>.cartouche .cart-head h2{font-size:1.25rem}.stage>.cartouche .facts{gap:0 12px;font-size:.8125rem}.stage>.cartouche .cart-why{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.45;display:-webkit-box;overflow:hidden}.stage>.cartouche .note{display:none}.stage>.cartouche .actions{gap:6px;margin-top:2px}.stage>.cartouche .btn{min-height:32px;padding:0 10px;font-size:.8125rem}}.pin-ab{width:20px;height:20px;display:block}.pin-ab .pin-name{white-space:nowrap;position:absolute;top:1px;left:26px}.pin-ab[data-side=left] .pin-name{left:auto;right:26px}.vgrid{border-left:1px dotted var(--rule-2);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.axis-saga[data-bare]{border-left-color:#0000}.field input{width:8.5ch}.field input::placeholder{color:var(--ink-3);opacity:1;font-weight:450}.nav-mobile{display:none}@media (max-width:900px){.nav{display:flex}}@media (max-width:1100px){.mark span{display:none}}@media (max-width:760px){.nav{display:none}.nav-mobile{scrollbar-width:none;gap:4px;margin-inline:-6px;padding-block:10px 0;display:flex;overflow-x:auto}.nav-mobile a{border:1px solid var(--rule-2);color:var(--ink-2);border-radius:6px;flex:none;padding:6px 10px;font-size:.8125rem;font-weight:560;text-decoration:none}}.row-name .row-speed-inline{display:none}@media (max-width:1000px){.row-name .row-speed-inline{white-space:nowrap;color:var(--ink-2);align-items:center;gap:6px;margin-top:2px;display:flex}.row-speed-inline .speedbar{height:6px}.row-speed-inline b{color:var(--ink);font-weight:640}}@media (max-width:1099px){.card [data-dup]{display:none}}@media (min-width:1100px){.legend{flex-wrap:nowrap;margin-top:10px}.legend .legend-key{text-align:right;flex-basis:auto;margin-left:auto}.legend-zoom{flex:none;order:2;margin-left:14px}.legend .legend-key{white-space:nowrap;order:1}}.voyage{margin:0 0 18px}.voyage-plot{border-bottom:1px solid var(--ink);height:64px;position:relative}.voyage-plot .seg-bar,.voyage-plot .seg-shoal{position:absolute;bottom:0}.voyage-ends{color:var(--ink-3);justify-content:space-between;margin-top:6px;font-size:.75rem;display:flex}@media (max-width:640px){.row-btn{grid-template-columns:6.5ch minmax(0,1fr) 20px;gap:6px 12px}.row-btn>:nth-child(3){grid-area:2/2}.row-btn .row-why{grid-area:3/2}.row-btn .row-caret{grid-area:1/3}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}