*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}.hidden{display:none}.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)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:222 26% 14%;--muted:220 10% 45%;--paper:42 33% 98%;--panel:0 0% 100%;--line:220 17% 88%;--soft:218 24% 95%;--accent:215 76% 48%;--accent-soft:215 74% 95%;--pitch:213 78% 46%;--danger:5 65% 48%;--warning:35 90% 40%;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:hsl(var(--paper));scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0%, #eef4fccc, transparent 32rem), hsl(var(--paper));min-width:320px;min-height:100vh;color:hsl(var(--ink));margin:0}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid hsl(var(--accent) / .28);outline-offset:3px}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid hsl(var(--line) / .8);justify-content:space-between;align-items:center;width:min(100% - 3rem,72rem);min-height:4.5rem;margin:0 auto;display:flex}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-lockup>span:last-child{gap:.05rem;display:grid}.brand-lockup strong{letter-spacing:-.02em;font-size:1.1rem}.brand-lockup small{color:hsl(var(--muted));font-size:.72rem}.brand-mark{background:hsl(var(--ink));color:#fff;width:2.4rem;height:2.4rem;box-shadow:0 10px 22px hsl(var(--ink) / .14);border-radius:.8rem;place-items:center;display:grid}.version-badge{border:1px solid hsl(var(--line));color:hsl(var(--muted));background:hsl(var(--panel) / .7);border-radius:999px;padding:.35rem .68rem;font-size:.74rem}.header-actions{align-items:center;gap:.55rem;display:flex}.storage-trigger{border:1px solid hsl(var(--line));background:hsl(var(--panel) / .72);min-height:2.75rem;color:hsl(var(--muted));cursor:pointer;border-radius:.75rem;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.75rem;display:inline-flex}.main-content{flex:1;width:min(100% - 3rem,68rem);margin:0 auto}.site-footer{width:min(100% - 3rem,72rem);padding:1.5rem 0 calc(1.5rem + env(safe-area-inset-bottom));border-top:1px solid hsl(var(--line));color:hsl(var(--muted));justify-content:space-between;gap:1rem;margin:4rem auto 0;font-size:.78rem;display:flex}.site-footer a{color:hsl(var(--accent));text-underline-offset:.2em}.input-view{flex-direction:column;align-items:center;max-width:54rem;min-height:calc(100vh - 13rem);margin:0 auto;padding:clamp(3rem,9vh,6rem) 0 2rem;display:flex}.intro-copy{text-align:center;max-width:42rem}.eyebrow{color:hsl(var(--accent));letter-spacing:.13em;text-transform:uppercase;margin:0 0 .7rem;font-size:.72rem;font-weight:750}.intro-copy h1{letter-spacing:-.04em;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(2rem,4vw,3rem);font-weight:650;line-height:1.22}.intro-copy>p:last-child{max-width:35rem;color:hsl(var(--muted));margin:1.2rem auto 0;font-size:clamp(.95rem,2vw,1.08rem);line-height:1.8}.input-card{border:1px solid hsl(var(--line));background:hsl(var(--panel) / .9);width:100%;box-shadow:0 26px 70px -35px hsl(var(--ink) / .28);border-radius:1.5rem;margin-top:.8rem;overflow:hidden}.input-card textarea{resize:vertical;width:100%;min-height:12rem;color:hsl(var(--ink));background:0 0;border:0;padding:1.25rem;font-size:1rem;line-height:1.75}.input-card textarea:focus{outline:none}.input-card textarea::placeholder{color:hsl(var(--muted) / .56)}.input-meta{border-top:1px solid hsl(var(--line));color:hsl(var(--muted));justify-content:space-between;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.count-over,.inline-error{color:hsl(var(--danger))}.inline-error{margin:1rem 0 0;font-size:.86rem}.primary-action,.secondary-action,.text-button,.sentence-play{cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;display:inline-flex}.sentence-play.is-error{background:hsl(var(--danger) / .08);color:hsl(var(--danger))}.primary-action{background:hsl(var(--ink));color:#fff;min-width:12rem;box-shadow:0 15px 30px -16px hsl(var(--ink) / .55);border-radius:999px;margin-top:1.35rem;padding:.8rem 1.2rem;font-weight:700;transition:transform .16s,opacity .16s}.primary-action:hover:not(:disabled){transform:translateY(-2px)}.primary-action:disabled{opacity:.42}.primary-action.compact{border-radius:.85rem;min-width:0;margin:0}.secondary-action{border:1px solid hsl(var(--line));background:hsl(var(--panel));color:hsl(var(--ink));border-radius:.8rem;padding:.65rem .9rem;font-size:.82rem;font-weight:650}.text-button{color:hsl(var(--muted));background:0 0;padding:0 .35rem;font-size:.86rem}.privacy-note{max-width:38rem;color:hsl(var(--muted));align-items:flex-start;gap:.55rem;margin:1.25rem 0 0;font-size:.75rem;line-height:1.65;display:flex}.privacy-note svg{flex:none;margin-top:.18rem}.practice-library{border-top:1px solid hsl(var(--line));width:100%;margin-top:3.5rem;padding-top:2rem}.new-analysis-heading{width:100%;color:hsl(var(--muted));margin-top:2rem;font-size:.78rem;font-weight:700}.new-analysis-heading h2{font:inherit;margin:0}.library-heading{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.library-heading h2{margin:0;font-size:1.35rem}.library-heading>span{color:hsl(var(--muted));font-size:.78rem}.library-loading{min-height:7rem;color:hsl(var(--muted));justify-content:center;align-items:center;gap:.55rem;font-size:.82rem;display:flex}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem;display:grid}.practice-card{border:1px solid hsl(var(--line));background:hsl(var(--panel) / .9);min-width:0;box-shadow:0 16px 40px -34px hsl(var(--ink) / .38);border-radius:1rem;gap:.9rem;padding:1rem;display:grid}.practice-card-copy{min-width:0}.practice-card h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.96rem;overflow:hidden}.practice-card-copy p{min-height:2.7em;color:hsl(var(--muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.45rem 0 0;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.practice-meta{color:hsl(var(--muted));flex-wrap:wrap;gap:.4rem .8rem;font-size:.7rem;display:flex}.practice-meta span{align-items:center;gap:.25rem;display:inline-flex}.practice-actions{justify-content:space-between;align-items:center;gap:.55rem;min-height:2.75rem;display:flex}.open-practice,.delete-practice,.practice-delete-confirm button{cursor:pointer;border-radius:.72rem;min-height:2.75rem}.open-practice{background:hsl(var(--ink));color:#fff;border:0;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.open-practice:disabled{opacity:.55}.delete-practice{border:1px solid hsl(var(--line));width:2.75rem;color:hsl(var(--muted));background:0 0;place-items:center;display:grid}.delete-practice:hover{border-color:hsl(var(--danger) / .35);color:hsl(var(--danger))}.practice-delete-confirm{color:hsl(var(--danger));align-items:center;gap:.4rem;font-size:.72rem;display:flex}.practice-delete-confirm button{border:1px solid hsl(var(--line));color:hsl(var(--ink));background:0 0;padding:0 .65rem;font-size:.72rem}.practice-delete-confirm .confirm-delete{background:hsl(var(--danger));color:#fff;border-color:#0000}.reading-view{padding:1.25rem 0 9rem}.reading-toolbar{z-index:10;background:hsl(var(--paper) / .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;margin:0 -.5rem 1.5rem;padding:.75rem .5rem;display:flex;position:sticky;top:0}.analysis-progress{color:hsl(var(--muted));align-items:baseline;gap:.55rem;font-size:.76rem;display:flex}.analysis-progress strong{color:hsl(var(--ink))}.audio-warmup{border-left:1px solid hsl(var(--line));padding-left:.55rem}.notation-note{color:hsl(var(--muted));margin:-.65rem 0 1rem;font-size:.75rem}.compatibility-notice{border:1px solid hsl(var(--warning) / .28);background:hsl(var(--warning) / .07);color:hsl(var(--warning));border-radius:.8rem;margin:0 0 1rem;padding:.75rem .9rem;font-size:.76rem;line-height:1.55}.sentence-list{gap:1rem;display:grid}.sentence-card{border:1px solid hsl(var(--line));background:hsl(var(--panel) / .92);min-height:7rem;box-shadow:0 18px 50px -40px hsl(var(--ink) / .38);border-radius:1.35rem;padding:1.35rem 1.5rem;scroll-margin-top:6rem;transition:border-color .18s,box-shadow .18s;position:relative}.sentence-card.is-current{border-color:hsl(var(--accent) / .45);box-shadow:0 18px 55px -35px hsl(var(--accent) / .32)}.sentence-heading{color:hsl(var(--muted));letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:1.65rem;font-size:.72rem;font-weight:700;display:flex}.sentence-play{background:hsl(var(--accent-soft));color:hsl(var(--accent));border-radius:999px;padding:.45rem .75rem;font-size:.78rem;font-weight:700}.stale-notice{color:hsl(var(--warning));margin:-1.15rem 0 1.75rem;font-size:.76rem}.audio-error-notice{color:hsl(var(--danger));margin:-1.15rem 0 1.75rem;font-size:.76rem}.audio-info-notice{color:hsl(var(--warning));margin:-1.15rem 0 1.75rem;font-size:.76rem}.loading-card,.error-card{color:hsl(var(--muted));align-items:center;gap:.9rem;font-size:.86rem;display:flex}.loading-card{background:linear-gradient(100deg, hsl(var(--panel)), hsl(var(--soft)), hsl(var(--panel)));background-size:220% 100%;min-height:7rem;animation:2s linear infinite shimmer}.error-card{border-color:hsl(var(--danger) / .22)}.error-card>svg{color:hsl(var(--danger));flex:none}.error-card>div{flex:1}.error-card strong{color:hsl(var(--ink))}.error-card p{margin:.25rem 0 0}.phrase-flow{flex-wrap:wrap;align-items:flex-end;gap:1.5rem .7rem;font-family:Noto Sans JP,Hiragino Sans,Yu Gothic UI,sans-serif;display:flex}.accent-phrase{justify-items:center;gap:.42rem;display:inline-grid}.content-accent-badge{justify-self:start}.token-flow{align-items:flex-end;min-height:3.6rem;display:inline-flex}.word-token{ruby-position:over;ruby-align:center;font-size:1.18rem}.surface-button{min-width:2.75rem;min-height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.35rem;padding:0 .02em;line-height:1.5}.surface-button:hover{background:hsl(var(--accent-soft))}.mora-track{color:hsl(var(--ink) / .82);-webkit-user-select:none;user-select:none;font-size:.72rem;font-weight:650;line-height:1}.pitch-segment{text-align:center;min-width:.92em;padding:.68rem .03em 0;display:inline-block;position:relative}.pitch-segment:before{content:"";border-top:1.75px solid hsl(var(--pitch));position:absolute;left:-.04em;right:-.04em}.pitch-high:before{top:.05rem}.pitch-low:before{top:.47rem}.pitch-transition-out:after{content:"";z-index:1;border-right:1.75px solid hsl(var(--pitch));height:.42rem;position:absolute;top:.05rem;right:-.05em}.pitch-text-hidden{color:#0000}.kana-token{align-items:flex-end;min-height:3.6rem;font-size:1.18rem;display:inline-flex;position:relative}.kana-track{display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.symbol-token{align-items:flex-end;min-height:2.75rem;font-size:1.18rem;line-height:1.5;display:inline-flex}.accent-badge{min-width:2.75rem;min-height:2.75rem;color:hsl(var(--muted));cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.15rem .45rem;font-size:.7rem}.accent-badge:hover{border-color:hsl(var(--line));background:hsl(var(--soft));color:hsl(var(--accent))}.compact-particle .surface-button{color:hsl(var(--ink) / .82)}.dialog-backdrop{z-index:80;background:hsl(var(--ink) / .34);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.phrase-dialog,.storage-dialog{background:hsl(var(--panel));width:min(100%,34rem);max-height:min(90vh,44rem);box-shadow:0 35px 80px -24px hsl(var(--ink) / .5);border-radius:1.25rem;padding:1.4rem;overflow:auto}.storage-dialog h2{margin:0;font-size:1.25rem}.storage-summary,.storage-policy{color:hsl(var(--muted));font-size:.8rem;line-height:1.65}.storage-total{background:hsl(var(--soft));border-radius:.9rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin-top:1.25rem;padding:1rem;font-size:.84rem;display:grid}.storage-total strong{font-size:1rem}.storage-breakdown{margin:.75rem 0}.storage-breakdown>div{border-bottom:1px solid hsl(var(--line));justify-content:space-between;gap:1rem;padding:.65rem .2rem;font-size:.78rem;display:flex}.storage-breakdown dt{color:hsl(var(--muted))}.storage-breakdown dd{text-align:right;margin:0}.storage-actions{justify-content:flex-end;margin-top:1.1rem;display:flex}.danger-outline,.danger-action{cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.65rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.danger-outline{border:1px solid hsl(var(--danger) / .3);color:hsl(var(--danger));background:0 0}.danger-action{background:hsl(var(--danger));color:#fff;border:0}.danger-outline:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.45}.delete-confirm{background:hsl(var(--danger) / .06);width:100%;color:hsl(var(--danger));border-radius:.85rem;justify-content:flex-end;align-items:center;gap:.55rem;padding:.75rem;font-size:.78rem;display:flex}.delete-confirm span{margin-right:auto}.dialog-heading,.dialog-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dialog-heading h2{margin:0;font-size:1.25rem}.icon-button{border:1px solid hsl(var(--line));background:hsl(var(--panel));cursor:pointer;border-radius:.75rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.reading-fields{gap:1rem;margin-top:1.35rem;display:grid}.reading-fields label{gap:.4rem;font-size:.8rem;font-weight:650;display:grid}.reading-fields input{border:1px solid hsl(var(--line));background:hsl(var(--paper));border-radius:.75rem;min-height:2.75rem;padding:.65rem .75rem;font-size:1rem}.reading-fields input[aria-invalid=true]{border-color:hsl(var(--danger) / .55)}.reading-fields small,.accent-options small{color:hsl(var(--muted));font-size:.72rem;font-weight:400}.accent-options{border:1px solid hsl(var(--line));border-radius:.9rem;margin:1.35rem 0 0;padding:1rem}.accent-options legend{padding:0 .35rem;font-size:.8rem;font-weight:700}.accent-options>div{flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;display:flex}.accent-options label{border:1px solid hsl(var(--line));cursor:pointer;border-radius:.7rem;place-items:center;min-width:2.75rem;min-height:2.75rem;font-size:.82rem;display:grid}.accent-options label.selected{border-color:hsl(var(--accent));background:hsl(var(--accent-soft));color:hsl(var(--accent));font-weight:700}.accent-options input{opacity:0;pointer-events:none;position:absolute}.dialog-actions{justify-content:flex-end;margin-top:1.4rem}.player-shell{inset-inline:0;z-index:60;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid hsl(var(--line));background:hsl(var(--panel) / .86);box-shadow:0 -18px 45px -30px hsl(var(--ink) / .38);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:fixed;bottom:0}.player-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:min(100% - 3rem,68rem);min-height:5.75rem;margin:0 auto;display:grid}.rate-control{gap:.3rem;display:flex}.rate-control button{min-width:2.75rem;min-height:2.75rem;color:hsl(var(--muted));cursor:pointer;background:0 0;border:0;border-radius:.65rem;font-size:.73rem}.rate-control button.active{background:hsl(var(--soft));color:hsl(var(--ink));font-weight:700}.transport-controls{align-items:center;gap:.65rem;display:flex}.transport-controls button{background:hsl(var(--soft));width:2.75rem;height:2.75rem;color:hsl(var(--ink));cursor:pointer;border:0;border-radius:999px;place-items:center;display:grid}.transport-controls button:disabled{opacity:.34}.transport-controls .play-toggle{background:hsl(var(--ink));color:#fff;width:3.65rem;height:3.65rem}.player-status{color:hsl(var(--muted));justify-self:end;margin:0;font-size:.74rem}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=640px){.site-header{min-height:4.6rem}.main-content{width:min(100% - 1.25rem,52rem)}.storage-trigger{justify-content:center;width:2.75rem;padding:0;font-size:0}.site-footer{flex-direction:column;width:min(100% - 1.25rem,64rem)}.input-view{padding-top:3.5rem}.input-card textarea{min-height:13rem;padding:1.15rem}.practice-library{margin-top:2.5rem}.practice-grid{grid-template-columns:1fr}.sentence-card{padding:1.1rem}.word-token,.kana-token,.symbol-token{font-size:1.28rem}.error-card{flex-wrap:wrap;align-items:flex-start}.error-card .secondary-action{margin-left:1.8rem}.phrase-dialog,.storage-dialog{width:calc(100% + 2rem);max-height:86vh;padding-bottom:calc(1.4rem + env(safe-area-inset-bottom));border-radius:1.4rem 1.4rem 0 0;align-self:end;margin:-1rem}.delete-confirm{flex-wrap:wrap;align-items:stretch}.delete-confirm span{width:100%}.player-inner{grid-template-columns:auto 1fr;grid-template-areas:"transport status""rates rates";gap:.15rem .75rem;min-height:6.4rem;padding:.45rem 0}.transport-controls{grid-area:transport}.player-status{grid-area:status}.rate-control{grid-area:rates}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}