.ct{max-width:720px;margin-inline:auto}.ct.ct-full{box-sizing:border-box;max-width:none;height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, calc((100% - 720px) / 2)) max(16px, env(safe-area-inset-bottom));background:var(--bg);color:var(--paper);margin:0;overflow-y:auto}.ct.ct-expanded{z-index:1000;position:fixed;inset:0}html.ct-lock,html.ct-lock body{overflow:hidden}.ct-bar{justify-content:flex-end;display:flex}.ct.ct-app .ct-bar{display:none}.ct-bar .btn{cursor:pointer;background:0 0;min-height:44px}.ct-install{border:1px solid var(--brass-dim);background:var(--panel-2);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 0;padding:10px 12px;font-size:15px;display:flex}.ct-install span{flex:14rem}.ct-install .btn{cursor:pointer}.ct-h{margin-block:28px 12px;font-size:18px}.ct-studies{margin-block:12px 4px}.ct-examples{color:var(--paper-dim);margin:8px 0 0;font-size:15px}.ct-examples a{color:var(--brass);padding-block:6px;display:inline-block}.ct-study-row{flex-wrap:wrap;gap:8px;display:flex}.ct-study-row select{background:var(--bg);min-height:44px;color:var(--paper);border:1px solid var(--line);font:inherit;border-radius:0;flex:14em;padding:8px 10px;font-size:16px}.ct-study-row .btn{cursor:pointer;background:0 0;min-height:44px}.prose .ct-table tr.ct-neck td{font-weight:600}.ct-tag{color:var(--on-brass);background:var(--coral);margin-left:6px;padding:0 6px;font-size:13px;display:inline-block}.prose .ct-table .ct-open{color:var(--brass);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;min-height:32px;padding:0;text-decoration:underline}.ct-chart .ct-neck-bar{stroke:var(--coral);stroke-width:3px;fill:none}.ct-chart .ct-long{stroke:var(--paper);stroke-width:2px}.ct-setup>summary{cursor:pointer;font-family:var(--display);min-height:44px;font-weight:500;display:list-item}.ct-setup-sum{color:var(--paper-dim);font-family:Sarabun,sans-serif;font-size:15px;font-weight:400}.ct-setup[open] .ct-setup-sum{display:none}.ct .field input,.ct .field select,.ct-steps input,.ct-steps select{font-size:16px}.ct-ctrl .btn,.ct-steps button,.ct-table input{touch-action:manipulation}.ct-h3{margin-block:24px 8px;font-size:16px}.ct-label{font-family:var(--mono);color:var(--paper-dim);margin-block:0 6px;font-size:12px}.ct-steps{counter-reset:ct-step;gap:8px;margin-block:0 12px;padding:0;list-style:none;display:grid}.ct-steps li{counter-increment:ct-step;grid-template-columns:2em 1fr 9em auto;align-items:center;gap:8px;display:grid}.ct-steps li:before{content:counter(ct-step) ".";font-family:var(--mono);color:var(--paper-dim);text-align:right}.ct-steps input,.ct-steps select{background:var(--bg);width:100%;color:var(--paper);border:1px solid var(--line);font:inherit;border-radius:0;padding:8px 10px;font-size:15px}.ct-steps button{border:1px solid var(--line);color:var(--paper-dim);cursor:pointer;background:0 0;width:44px;height:44px;font-size:16px}.ct #ct-step-tools button{min-height:44px;font-size:14px}.ct-steps button:disabled,#ct-step-tools button:disabled{opacity:.4;cursor:default}@media (width<=520px){.ct-steps li{grid-template-columns:1.6em 1fr auto}.ct-steps select{grid-column:2}}.ct-timer{background:var(--panel);border:1px solid var(--line);flex-direction:column;gap:14px;padding:16px;display:flex}.ct-now{text-align:center;flex-direction:column;align-items:center;display:flex}.ct-step-name{font-family:var(--display);color:var(--paper);font-size:20px}.ct-big{font-family:var(--mono);color:var(--brass);font-variant-numeric:tabular-nums slashed-zero;font-size:clamp(48px,14vw,84px);line-height:1.1}.ct-sub{font-family:var(--mono);color:var(--paper-dim);font-size:15px}.ct-sub b{color:var(--paper);font-weight:500}.ct-tap{background:var(--brass);min-height:160px;color:var(--on-brass);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px;display:flex}.ct-tap:active{background:var(--brass-hover)}.ct-tap.ct-idle{background:var(--teal)}.ct-tap-main{font-family:var(--display);font-size:28px;font-weight:500}.ct-tap-next{font-size:17px}.ct-ctrl{flex-wrap:wrap;gap:8px;display:flex}.ct-ctrl .btn{cursor:pointer;background:0 0;flex:8em;min-height:48px}.ct-ctrl .btn.primary{background:var(--brass)}.ct-ctrl .btn[aria-pressed=true]{border-color:var(--coral);color:var(--coral)}.ct-ctrl .btn:disabled{opacity:.4;cursor:default}.ct-end{margin-block:24px 8px}@media (hover:none){.ct-hint{display:none}}.ct-hint{color:var(--paper-dim);text-align:center;margin:0;font-size:14px}.ct-chart{margin-block:16px}.ct-chart svg{width:100%;height:auto;display:block}@media (width<=680px){.ct-chart{overflow-x:auto}.ct-chart svg{width:640px;max-width:none}}.ct-chart text{font-family:var(--mono);fill:var(--paper-dim);font-size:14px}.ct-chart .ct-axis{stroke:var(--line)}.ct-chart .ct-m{fill:var(--teal)}.ct-chart .ct-p{fill:var(--brass)}.ct-chart .ct-x{opacity:.3}.ct-chart .ct-mean{stroke:var(--paper);stroke-dasharray:6 4}.ct-chart .ct-takt{stroke:var(--coral);stroke-width:2px}.ct-chart .ct-takt-t{fill:var(--coral)}.ct-chart figcaption{color:var(--paper-dim);margin-top:6px;font-size:14px}.ct-key-item{white-space:nowrap}.ct-key{vertical-align:-.1em;width:.9em;height:.9em;margin:0 4px 0 10px;display:inline-block}.prose .ct-table td.n,.prose .ct-table th.n{text-align:right;white-space:nowrap}.prose .ct-table tr.ct-out td{color:var(--paper-dim);text-decoration:line-through}.prose .ct-table tr.ct-out td:last-child{text-decoration:none}@media (width<=520px){.prose .ct-table .ct-kind,.prose .ct-table .ct-longcol{display:none}}.ct-table input[type=checkbox]{width:22px;height:22px}