.nt{background:var(--ns-bg-subtle);padding:var(--ns-space-5) max(var(--ns-space-4), env(safe-area-inset-right,0px)) var(--ns-space-8) max(var(--ns-space-4), env(safe-area-inset-left,0px));line-height:1.7}.nt h1{text-wrap:balance;word-break:normal;min-width:0;margin:0;font-size:1.5rem;line-height:1.35}.nt h2{text-wrap:balance;word-break:normal;margin:0;font-size:1.05rem}.nt p{margin:0}.nt .num{font-family:var(--ns-font-mono);font-variant-numeric:tabular-nums}.nt .hint{font-size:var(--ns-text-sm);color:var(--ns-muted);line-height:1.6}.nt button{font:inherit;min-height:var(--ns-target-min);padding:0 var(--ns-space-4);border-radius:var(--ns-radius-pill);border:1px solid var(--ns-fg);background:var(--ns-surface);color:var(--ns-fg);cursor:pointer;transition:background-color var(--ns-duration-fast);font-weight:700}.nt button:hover:not(:disabled){background:var(--ns-accent-soft)}.nt button.primary{background:var(--ns-fg);border-color:var(--ns-fg);color:var(--ns-bg)}.nt button.primary:hover:not(:disabled){background:var(--ns-fg);box-shadow:var(--ns-shadow-md)}.nt button.quiet{border-color:var(--ns-line-strong);color:var(--ns-muted)}.nt button.danger{border-color:var(--ns-danger);color:var(--ns-danger)}.nt button.icon{width:var(--ns-target-min);padding:0;font-size:1.1rem}.nt button:disabled{opacity:.45;cursor:not-allowed}.nt input,.nt textarea{font:inherit;color:var(--ns-fg);background:var(--ns-surface);border:1px solid var(--ns-line-strong);border-radius:var(--ns-radius-sm);padding:var(--ns-space-2) var(--ns-space-3);min-height:var(--ns-target-min)}.nt textarea{resize:vertical;width:100%;line-height:1.65;display:block}.nt label{font-weight:700;font-size:var(--ns-text-sm)}.nt .app{gap:var(--ns-space-5);grid-template-columns:minmax(0,1fr);max-width:1280px;margin:0 auto;display:grid}.nt .app>*{min-width:0}@media (width>=960px){.nt .app{align-items:start;gap:var(--ns-space-8);grid-template-columns:340px minmax(0,1fr)}.nt .side{align-self:stretch}.nt .side-sticky{top:calc(env(safe-area-inset-top,0px) + var(--ns-space-4));max-height:calc(100vh - var(--ns-space-8));overscroll-behavior:contain;position:sticky;overflow-y:auto}}.nt .side{gap:var(--ns-space-3);flex-direction:column;display:flex}.nt .side-track{flex:auto}.nt .side-sticky{gap:var(--ns-space-3);align-content:start;display:grid}.nt .panel{background:var(--ns-surface);border:1px solid var(--ns-line);border-radius:var(--ns-radius-md);padding:var(--ns-space-4);gap:var(--ns-space-3);display:grid}.nt .speed-list{gap:var(--ns-space-2);display:grid}.nt .speed-item{grid-template-columns:minmax(0, 1fr) var(--ns-target-min);gap:var(--ns-space-2);display:grid}.nt .speed-item .pick{text-align:left;justify-content:space-between;align-items:center;gap:var(--ns-space-2);border-radius:var(--ns-radius-sm);border-color:var(--ns-line-strong);color:var(--ns-fg);font-weight:400;display:flex}.nt .speed-item .pick b{font-weight:700}.nt .speed-item .pick[aria-pressed=true]{background:var(--ns-accent-soft);border-color:var(--ns-fg);box-shadow:inset 0 0 0 1px var(--ns-fg)}.nt .speed-item .play[aria-pressed=true]{background:var(--ns-accent);border-color:var(--ns-fg);color:var(--ns-on-accent)}.nt .inline-fields{gap:var(--ns-space-3);grid-template-columns:1fr 1fr;display:grid}.nt .field{gap:2px;min-width:0;display:grid}.nt .field input{width:100%}.nt .promo-side{display:none}@media (width>=960px){.nt .promo-side{display:grid}}.nt .total{gap:var(--ns-space-1) var(--ns-space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nt .total div{display:grid}.nt .total .label{font-size:var(--ns-text-xs);color:var(--ns-muted)}.nt .total .value{font-size:1.05rem;font-weight:700}.nt #t-over.is-over{color:var(--ns-danger)}.nt #t-over.is-ok{color:var(--ns-ok)}@media (width>=960px){.nt .total{gap:var(--ns-space-2) var(--ns-space-3);grid-template-columns:1fr 1fr}.nt .total .value{font-size:1.25rem}}@media (width<=959px){.nt .total-panel{z-index:5;border-width:1px 0 0;border-color:var(--ns-line-strong);padding:var(--ns-space-2) max(var(--ns-space-4), env(safe-area-inset-right,0px)) calc(var(--ns-space-2) + env(safe-area-inset-bottom,0px)) max(var(--ns-space-4), env(safe-area-inset-left,0px));box-shadow:var(--ns-shadow-lg);border-radius:0;position:fixed;bottom:0;left:0;right:0}.nt .total-panel h2{display:none}body.has-bottom-bar .site-footer{padding-bottom:calc(var(--ns-space-20) + var(--ns-space-8))}}.nt .main{gap:var(--ns-space-3);display:grid}.nt .main-head{gap:var(--ns-space-1);display:grid}.nt .main-head .lead{color:var(--ns-muted);font-size:.95rem}.nt .toolbar{gap:var(--ns-space-2);flex-wrap:wrap;align-items:center;display:flex}.nt .toolbar .spacer{flex:1}.nt .example-badge{font-size:var(--ns-text-xs);color:var(--ns-muted);border:1px solid var(--ns-line-strong);border-radius:var(--ns-radius-pill);padding:0 var(--ns-space-2);font-weight:700}.nt .confirm{gap:var(--ns-space-2);padding:var(--ns-space-2) var(--ns-space-3);border:1px solid var(--ns-danger);border-radius:var(--ns-radius-sm);background:var(--ns-surface);flex-wrap:wrap;align-items:center;display:flex}.nt .confirm[hidden]{display:none}.nt .copied{font-size:var(--ns-text-sm);color:var(--ns-ok);font-weight:700}.nt .scenes{gap:var(--ns-space-3);display:grid}.nt .add-scene{border:2px dashed var(--ns-line-strong);border-radius:var(--ns-radius-md);background:var(--ns-surface);width:100%;min-height:52px;color:var(--ns-fg)}.nt .scene{background:var(--ns-surface);border:1px solid var(--ns-line);border-left:5px solid var(--ns-ok);border-radius:var(--ns-radius-md);padding:var(--ns-space-3);gap:var(--ns-space-2);display:grid}.nt .scene.is-over{border-left-color:var(--ns-danger)}.nt .scene.is-empty{border-left-color:var(--ns-line-strong)}.nt .scene-top{grid-template-columns:auto minmax(0, 1fr) 96px var(--ns-target-min);gap:var(--ns-space-2);align-items:center;display:grid}.nt .scene-no{white-space:nowrap;padding:2px var(--ns-space-3);border-radius:var(--ns-radius-pill);background:var(--ns-accent);color:var(--ns-on-accent);font-weight:700}.nt .scene-top input.memo{border-color:#0000;border-bottom:1px dashed var(--ns-line-strong);padding-inline:var(--ns-space-1);background:0 0;border-radius:0;font-size:.95rem}.nt .scene-top input.memo::placeholder{color:var(--ns-muted);opacity:.8}.nt .scene-top input.memo:hover{border-bottom-color:var(--ns-fg)}.nt .scene-top input.memo:focus-visible{outline-offset:0;border-radius:var(--ns-radius-sm)}.nt .sec-field{position:relative}.nt .sec-field input{text-align:right;width:100%;padding-right:30px}.nt .sec-field span{right:var(--ns-space-3);color:var(--ns-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;transform:translateY(-50%)}.nt .scene-foot{align-items:center;gap:var(--ns-space-2) var(--ns-space-3);flex-wrap:wrap;font-size:.88rem;display:flex}.nt .meter{background:var(--ns-line);border-radius:4px;flex:120px;height:8px;overflow:hidden}.nt .meter span{background:var(--ns-ok);width:0;height:100%;transition:width var(--ns-duration-fast);display:block}.nt .scene.is-over .meter span{background:var(--ns-danger)}.nt .pill{padding:1px var(--ns-space-3);border-radius:var(--ns-radius-pill);background:var(--ns-ok-soft);color:var(--ns-ok);white-space:nowrap;font-weight:700}.nt .scene.is-over .pill{background:var(--ns-danger-soft);color:var(--ns-danger)}.nt .scene.is-empty .pill{background:var(--ns-bg-subtle);color:var(--ns-muted)}.nt .figures{color:var(--ns-muted);white-space:nowrap}.nt .scene-foot button{min-height:36px;padding:0 var(--ns-space-3);font-size:.85rem}.nt .scene-foot button.tool{justify-content:center;align-items:center;width:40px;min-height:40px;padding:0;display:inline-flex}.nt .scene-foot button.tool svg{width:20px;height:20px}.nt .scene-foot button.tool:hover{border-color:var(--ns-fg);color:var(--ns-fg)}@media (pointer:coarse){.nt .scene-foot button{min-height:var(--ns-target-min)}.nt .scene-foot button.tool{width:var(--ns-target-min)}}.nt .title-row{align-items:center;gap:var(--ns-space-3);justify-content:space-between;display:flex}.nt .title-row button{justify-content:center;align-items:center;gap:var(--ns-space-2);flex:none;display:inline-flex}.nt .title-row svg{width:22px;height:22px}.nt dialog{width:min(640px, calc(100vw - var(--ns-space-8)));max-height:calc(100vh - var(--ns-space-12));border:1px solid var(--ns-line);border-radius:var(--ns-radius-md);padding:var(--ns-space-5);background:var(--ns-surface);color:var(--ns-fg);box-shadow:var(--ns-shadow-lg);overflow-y:auto}.nt dialog::backdrop{background:var(--ns-overlay)}.nt .dialog-body{gap:var(--ns-space-3);display:grid}.nt .dialog-head{justify-content:space-between;align-items:center;gap:var(--ns-space-3);display:flex}.nt .dialog-actions{gap:var(--ns-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.nt #bulk-text{min-height:220px}.nt .steps{gap:var(--ns-space-1);margin:0;padding-left:1.4em;font-size:.92rem;display:grid}.nt .label-like{font-weight:700;font-size:var(--ns-text-sm)}.nt .calc-value{min-height:var(--ns-target-min);align-items:center;font-size:1.15rem;font-weight:700;display:flex}.nt .calc-result{padding:var(--ns-space-3);border-radius:var(--ns-radius-sm);background:var(--ns-accent-soft);font-weight:700}.nt .tips{gap:var(--ns-space-3);display:grid}.nt .tip{border-left:3px solid var(--ns-accent-strong);padding:2px 0 2px var(--ns-space-3);gap:2px;font-size:.9rem;display:grid}.nt .tip strong{font-size:.95rem}@media (prefers-reduced-motion:reduce){.nt .meter span{transition:none}}