.ui-toast-stack{position:fixed;bottom:var(--space-24);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-8);align-items:center;pointer-events:none}.ui-toast{padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-body);box-shadow:var(--shadow-lg);animation:ui-toast-in var(--transition-base)}.ui-toast--success{background:var(--color-success)}.ui-toast--warning{background:var(--color-warning)}.ui-toast--danger{background:var(--color-danger)}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button--s{height:var(--control-height-sm);padding:0 var(--space-12);font-size:var(--font-size-small)}.ui-button--m{height:var(--control-height);padding:0 var(--space-16);font-size:var(--font-size-body)}.ui-button--l{height:40px;padding:0 var(--space-20);font-size:var(--font-size-body-lg)}.ui-button--icon.ui-button--s{width:var(--control-height-sm);padding:0}.ui-button--icon.ui-button--m{width:var(--control-height);padding:0}.ui-button--icon.ui-button--l{width:40px;padding:0}.ui-button--action{background:var(--gradient-crowd),var(--color-sea-wave-400);color:var(--color-on-accent)}.ui-button--action:hover:not(:disabled){background:var(--gradient-crowd-hover),var(--color-sea-wave-400)}.ui-button--action:active:not(:disabled){background:var(--gradient-crowd-hover),var(--color-sea-wave-400);filter:brightness(.96)}.ui-button--normal{background:var(--color-bg-hover);color:var(--color-text-primary)}.ui-button--normal:hover:not(:disabled){background:var(--color-bg-active)}.ui-button--outline{background:var(--color-bg-base);border-color:var(--color-line-strong);color:var(--color-text-primary)}.ui-button--outline:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-hint)}.ui-button--flat{background:transparent;color:var(--color-text-secondary)}.ui-button--flat:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ui-button--selected{background:var(--color-bg-selected);color:var(--color-accent)}.ui-modal__backdrop{position:fixed;inset:0;z-index:var(--z-toast);display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:#14161c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ui-modal-fade .18s ease}.ui-modal{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:420px;padding:var(--space-32);border-radius:var(--radius-lg);background:var(--color-bg-base);box-shadow:var(--shadow-lg);animation:ui-modal-pop .2s ease}.ui-modal__title{font-family:var(--font-family-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.ui-modal__body{font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.ui-modal__footer{display:flex;gap:var(--space-12);justify-content:flex-end}@keyframes ui-modal-fade{0%{opacity:0}}@keyframes ui-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:480px){.ui-modal__backdrop{align-items:flex-end;padding:0}.ui-modal{max-width:none;padding:var(--space-24);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom))}.ui-modal__footer{flex-direction:column-reverse}.ui-modal__footer .ui-button{width:100%;justify-content:center}}.logo{display:inline-flex;align-items:center;gap:var(--space-8);line-height:1}.logo__mark{display:block;flex-shrink:0;border-radius:var(--radius-sm)}.logo__word{font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-text-primary)}.header-bar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-16) 0;background:var(--color-bg-base);border-bottom:1px solid var(--color-line-default)}.header-bar__back{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-height);height:var(--control-height);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary)}.header-bar__back svg{transform:rotate(180deg)}.header-bar__back:hover{background:var(--color-bg-hover)}.header-bar__books-mobile{display:none;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-height);height:var(--control-height);border:1px solid var(--color-line-default);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary)}.header-bar__books-mobile:hover{background:var(--color-bg-hover)}.header-bar__fragments{display:inline-flex;align-items:center;gap:var(--space-6);height:var(--control-height);padding:0 var(--space-12);border:1px solid var(--color-line-default);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.header-bar__fragments:hover{background:var(--color-bg-hover)}.header-bar__cluster{display:flex;align-items:center;gap:var(--space-20);flex:1;min-width:0}.header-bar__cluster--right{justify-content:flex-end;gap:var(--space-12)}.header-bar__logo{font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header-bar__logo:hover{text-decoration:none}.header-bar__nav{display:flex;align-items:center;gap:var(--space-4)}.header-bar__link{display:inline-flex;align-items:center;gap:var(--space-6);height:var(--control-height-sm);padding:0 var(--space-12);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.header-bar__link:hover{background:var(--color-bg-hover);color:var(--color-text-primary);text-decoration:none}.header-bar__link--active{background:var(--color-bg-selected);color:var(--color-accent)}.header-bar__center{display:flex;align-items:baseline;gap:var(--space-8);min-width:0}.header-bar__book{font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-bar__progress{font-size:var(--font-size-small);color:var(--color-text-hint);white-space:nowrap}.header-bar__user{font-size:var(--font-size-body);color:var(--color-text-secondary)}@media(max-width:760px){.header-bar{gap:var(--space-8)}.header-bar__nav{display:none}.header-bar--book .header-bar__cluster{flex:0 0 auto}.header-bar__center{flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:0}.header-bar__book{max-width:100%;font-size:var(--font-size-body)}.header-bar--book .header-bar__logo{display:none}.header-bar--book .header-bar__back{display:inline-flex}.header-bar--book .header-bar__user{display:none}.header-bar__fragments{padding:0 var(--space-12)}.header-bar__books-mobile{display:inline-flex}}.waveform{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;transition:background .3s ease}.waveform:hover{background:#ffffff08}.waveform--mini{cursor:default;border-radius:4px}.waveform--mini:hover{background:transparent}.waveform__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.waveform--loading .waveform__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 40%,rgba(0,0,0,.04) 60%,transparent 100%);background-size:200% 100%;animation:waveform-shimmer 1.5s ease-in-out infinite;border-radius:inherit}@keyframes waveform-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip--block{display:block;width:100%}.ui-tooltip__bubble{position:absolute;left:50%;transform:translate(-50%);z-index:var(--z-tooltip);width:max-content;max-width:min(240px,calc(100vw - 24px));padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-small);line-height:var(--line-height-base);white-space:normal;overflow-wrap:anywhere;text-align:center;box-shadow:var(--shadow-md);pointer-events:none}.ui-tooltip__bubble--top{bottom:calc(100% + 6px)}.ui-tooltip__bubble--bottom{top:calc(100% + 6px)}.ui-tooltip__bubble strong{color:var(--color-sea-wave-400)}.diff-display{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;max-width:100%}.diff-display__header{display:flex;align-items:center;gap:var(--space-12)}.diff-display__score{display:inline-flex;align-items:center;height:20px;padding:0 var(--space-8);border-radius:var(--radius-xs);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.diff-display__score--success{background:var(--color-success-bg);color:var(--color-success)}.diff-display__score--warning{background:var(--color-warning-bg);color:var(--color-warning)}.diff-display__score--danger{background:var(--color-danger-bg);color:var(--color-danger)}.diff-display__words{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.diff-display__text{line-height:2;font-size:var(--font-size-body-lg);min-width:0;max-width:100%;word-break:break-word;overflow-wrap:anywhere}.diff-word{display:inline;cursor:default;border-radius:3px;padding:2px 0}.diff-word--correct{color:var(--color-text-primary)}.diff-word--punct-error{color:var(--color-text-primary);border-bottom:2px dashed var(--color-warning);cursor:help}.diff-word--wrong{background-color:var(--color-danger-bg);color:var(--color-danger);text-decoration:line-through;text-decoration-color:var(--color-danger);cursor:help;padding:2px 4px}.diff-word--missing{background-color:var(--color-warning-bg);color:var(--color-warning);font-style:italic;cursor:help;padding:2px 4px;border-bottom:2px dashed var(--color-warning)}.diff-word--extra{background-color:var(--color-info-bg);color:var(--color-info);text-decoration:line-through;cursor:help;padding:2px 4px}.diff-char-group{padding:0}.diff-char{display:inline}.diff-char--ok{color:var(--color-text-primary)}.diff-char--wrong{color:var(--color-danger);background-color:var(--color-danger-bg);text-decoration:line-through;text-decoration-color:var(--color-danger);border-radius:2px;cursor:help}.diff-char--missing{color:var(--color-danger);background-color:var(--color-danger-bg);border-radius:2px;cursor:help;font-size:.9em}.diff-tooltip{font-size:var(--font-size-small);line-height:1.4;white-space:nowrap}.diff-tooltip strong{color:var(--color-sea-wave-400)}@media(max-width:760px){.diff-display__text{font-size:var(--font-size-body)}.diff-tooltip{white-space:normal;max-width:70vw}}.demo{width:100%;text-align:left}.demo__stage{display:flex;align-items:center;gap:var(--space-16)}.demo__play{flex-shrink:0;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);background:var(--gradient-crowd),var(--color-sea-wave-400);color:var(--color-on-accent);transition:transform var(--transition-fast)}.demo__play:hover:not(:disabled){transform:scale(1.05)}.demo__play:disabled{opacity:.5;cursor:not-allowed}.demo__wave{flex:1;min-width:0;display:flex;align-items:center;min-height:56px}.demo__wave .waveform{flex:1;min-width:0}.demo__hint{font-size:var(--font-size-body);color:var(--color-text-hint)}.demo__panel{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .45s ease,opacity .45s ease,transform .45s ease}.demo__panel--open{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.demo__panel>*{min-height:0}.demo__panel-inner{overflow:hidden}.demo__panel--open .demo__panel-inner{overflow:visible}.demo__input{width:100%;margin-top:var(--space-16);padding:var(--space-12) var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);resize:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.demo__input::placeholder{color:var(--color-text-hint)}.demo__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #5c61db38}.demo__result{margin-top:var(--space-16);padding:var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary)}.demo__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12);margin-top:var(--space-16)}.demo__check{height:44px;padding:0 var(--space-24);border:none;border-radius:var(--radius-md);background:var(--gradient-crowd),var(--color-sea-wave-400);color:var(--color-on-accent);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:filter var(--transition-fast)}.demo__check:hover:not(:disabled){filter:brightness(.96)}.demo__check:disabled{opacity:.5;cursor:not-allowed}.demo__again{display:inline-flex;align-items:center;gap:var(--space-8);height:44px;padding:0 var(--space-16);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-small);transition:color var(--transition-fast)}.demo__again:hover{color:var(--color-text-primary)}.demo__open{display:inline-flex;align-items:center;gap:var(--space-6);height:44px;margin-left:auto;padding:0 var(--space-20);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),border-color var(--transition-fast)}.demo__open:hover{background:var(--color-bg-hover);border-color:var(--color-text-hint)}@media(max-width:480px){.demo__stage{gap:var(--space-12)}.demo__play{width:46px;height:46px}.demo__input{font-size:16px}.demo__actions{flex-direction:column;align-items:stretch}.demo__check,.demo__open{width:100%;justify-content:center}.demo__open{margin-left:0}}.home{display:flex;flex-direction:column;min-height:100%;background:var(--color-bg-base)}.home__hero-wrap{background:var(--color-bg-base);color:var(--color-text-primary)}.home__hero-wrap .header-bar{position:static;background:transparent}.home__hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:calc(100dvh - var(--header-height))}.home__hero-media{position:relative;overflow:hidden}.home__hero-img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.home__hero-content{display:flex;flex-direction:column;justify-content:center;max-width:560px;padding:clamp(40px,6vw,88px) clamp(24px,5vw,72px)}.home__kicker{font-size:var(--font-size-small);letter-spacing:.04em;color:var(--color-accent);text-transform:uppercase}.home__h1{margin-top:var(--space-16);font-family:var(--font-family-display);font-size:clamp(28px,7vw,56px);font-weight:var(--font-weight-semibold);line-height:1.08;letter-spacing:-.01em;overflow-wrap:break-word}.home__sub{max-width:48ch;margin:var(--space-16) 0 clamp(28px,4vw,40px);font-size:clamp(15px,1.4vw,17px);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.home__main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:0 var(--space-24)}.home__gains{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-32) var(--space-40);padding:clamp(48px,7vw,88px) 0}.home__gain{display:flex;flex-direction:column;gap:var(--space-8)}.home__gain-title{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.home__gain-text{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.home__final{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-16);text-align:center;padding:clamp(56px,9vw,120px) var(--space-24);margin-bottom:clamp(32px,5vw,64px);background:var(--color-ink);color:var(--color-on-ink);border-radius:var(--radius-lg);overflow:hidden}.home__final:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 50% 0%,rgba(126,163,234,.22) 0%,transparent 55%);pointer-events:none}.home__final-title{position:relative;font-family:var(--font-family-display);font-size:clamp(28px,4vw,50px);font-weight:var(--font-weight-semibold);max-width:18ch;line-height:48px}.home__final-sub{position:relative;font-size:var(--font-size-subheading);color:var(--color-on-ink-muted)}.home__final .ui-button{position:relative;margin-top:var(--space-8)}.home__footer{display:flex;align-items:center;justify-content:space-between;max-width:960px;width:100%;margin:0 auto;padding:var(--space-24);font-size:var(--font-size-small)}.home__footer-logo{font-weight:var(--font-weight-bold)}.home__footer-muted{color:var(--color-text-hint)}@media(max-width:880px){.home__hero{grid-template-columns:1fr;min-height:0}.home__hero-media{min-height:240px;max-height:42vh}.home__hero-content{max-width:none}.home__gains{grid-template-columns:1fr;gap:var(--space-24)}}@media(max-width:480px){.home__hero-content{padding:var(--space-24) var(--space-16) var(--space-32)}.home__main{padding:0 var(--space-16)}}.ui-field{width:100%;border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-field::placeholder{color:var(--color-text-hint)}.ui-field:focus{outline:none;border-color:var(--color-line-focus);box-shadow:0 0 0 3px #3b7cff26}.ui-field:disabled{background:var(--color-bg-disabled);cursor:not-allowed}.ui-field--input{height:var(--control-height);padding:0 var(--space-12)}.ui-field--area{min-height:96px;padding:var(--space-12);line-height:var(--line-height-relaxed);resize:vertical}.ui-field--invalid{border-color:var(--color-danger)}.ui-field--invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #e5393526}.social-auth{display:flex;flex-direction:column;gap:var(--space-16)}.social-auth__divider{display:flex;align-items:center;gap:var(--space-12);color:var(--color-text-hint);font-size:var(--font-size-small)}.social-auth__divider:before,.social-auth__divider:after{content:"";flex:1;height:1px;background:var(--color-line-default)}.social-auth__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:44px;border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),border-color var(--transition-fast)}.social-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-line-strong)}.social-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:420px){.social-auth__buttons{grid-template-columns:1fr}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-24);background:radial-gradient(120% 80% at 50% -10%,#e7eafb 0%,var(--color-bg-page) 60%)}.auth-card{display:flex;flex-direction:column;gap:var(--space-16);width:100%;max-width:380px;padding:var(--space-32);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base);box-shadow:var(--shadow-md)}.auth-card__brand{font-size:var(--font-size-subheading);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-decoration:none}.auth-card__brand:hover{text-decoration:none}.auth-card__title{font-family:var(--font-family-display);font-size:clamp(24px,5vw,30px);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.auth-card__subtitle{margin-top:calc(-1 * var(--space-8));font-size:var(--font-size-body);color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-16)}.auth-form__field{display:flex;flex-direction:column;gap:var(--space-6)}.auth-form__label{font-size:var(--font-size-small);color:var(--color-text-secondary)}.auth-form__error{font-size:var(--font-size-small);color:var(--color-danger)}.auth-card__switch{font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center}.ui-spinner{display:inline-block;border:2px solid var(--color-line-default);border-top-color:var(--color-accent);border-radius:var(--radius-pill);animation:ui-spinner-rotate .7s linear infinite}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}.page-shell{display:flex;flex-direction:column;height:100%}.page-shell__content{flex:1;min-height:0;overflow-y:auto}.page-shell__content--full{overflow:hidden;display:flex}.require-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);min-height:60vh}.require-auth__text{font-size:var(--font-size-body-lg);color:var(--color-text-secondary)}.require-auth__link{font-weight:var(--font-weight-medium)}.books{max-width:960px;margin:0 auto;padding:var(--space-32) var(--space-24)}.books__title{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--space-24)}.books__section{margin-bottom:var(--space-32)}.books__section-title{margin-bottom:var(--space-16);font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.books__state{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-secondary)}.books__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-16)}.book-card{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-20);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.book-card:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.book-card__title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold)}.book-card__author{font-size:var(--font-size-body);color:var(--color-text-secondary)}.book-card__meta{margin-top:var(--space-8);font-size:var(--font-size-small);color:var(--color-text-hint)}.book-card__bar{display:block;height:6px;margin-top:var(--space-8);border-radius:var(--radius-pill);background:var(--color-bg-active);overflow:hidden}.book-card__bar-fill{display:block;height:100%;border-radius:inherit;background:var(--gradient-crowd),var(--color-sea-wave-400);transition:width var(--transition-base)}@media(max-width:760px){.books{padding:var(--space-20) var(--space-16)}.books__grid{grid-template-columns:1fr;gap:var(--space-12)}.book-card{padding:var(--space-16)}}.fragment-row{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--color-line-default);cursor:pointer;transition:background var(--transition-fast)}.fragment-row:hover{background:var(--color-bg-hover)}.fragment-row__num{flex-shrink:0;width:24px;padding-top:var(--space-4);font-size:var(--font-size-caption);color:var(--color-text-hint);text-align:right;font-variant-numeric:tabular-nums}.fragment-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-4)}.fragment-row__wave{width:100%}.fragment-row__text{font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text-primary);word-break:break-word}.fragment-row__score{flex-shrink:0;display:inline-flex;padding-top:var(--space-2)}.fragment-row__score--ok{color:var(--color-success)}.fragment-row__score--warn{color:var(--color-warning)}.fragment-row--current{background:var(--color-bg-base)}.fragment-row--current .fragment-row__num{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.fragment-row--locked{cursor:not-allowed;background:var(--color-bg-page)}.fragment-row--locked:hover{background:var(--color-bg-page)}.fragment-row--locked .fragment-row__num{color:var(--color-text-hint)}.fragment-row--selected,.fragment-row--selected:hover{background:var(--color-bg-selected)}.fragment-row--selected .fragment-row__num{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.ui-toggle{display:inline-flex;align-items:center;gap:var(--space-8);cursor:pointer;-webkit-user-select:none;user-select:none}.ui-toggle__label{font-size:var(--font-size-body);color:var(--color-text-secondary)}.ui-toggle__track{position:relative;width:36px;height:20px;border-radius:var(--radius-pill);background:var(--color-line-strong);transition:background var(--transition-base);flex-shrink:0}.ui-toggle__track--on{background:var(--color-accent)}.ui-toggle__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.ui-toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--color-bg-base);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.ui-toggle__track--on .ui-toggle__thumb{transform:translate(16px)}.rail-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);height:var(--header-height);padding:0 var(--space-16);border-bottom:1px solid var(--color-line-default);background:var(--color-bg-base)}.rail-toggle__caption{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fragment-rail{display:flex;flex-direction:column;width:var(--rail-width);flex-shrink:0;height:100%;border-right:1px solid var(--color-line-default);background:var(--color-bg-base)}.fragment-rail__list{flex:1;min-height:0}.fragment-rail__footer{display:flex;align-items:center;justify-content:center;padding:var(--space-16)}.fragment-sheet{position:fixed;inset:0;z-index:var(--z-toast);pointer-events:none}.fragment-sheet__backdrop{position:absolute;inset:0;background:#14161c80;opacity:0;transition:opacity .25s ease}.fragment-sheet__panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;height:80vh;height:80dvh;background:var(--color-bg-base);border-radius:16px 16px 0 0;box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .3s ease;padding-bottom:env(safe-area-inset-bottom)}.fragment-sheet--open{pointer-events:auto}.fragment-sheet--open .fragment-sheet__backdrop{opacity:1}.fragment-sheet--open .fragment-sheet__panel{transform:translateY(0)}.fragment-sheet__grabber{flex-shrink:0;width:40px;height:4px;margin:var(--space-12) auto var(--space-8);border-radius:var(--radius-pill);background:var(--color-line-strong)}.fragment-sheet__head{flex-shrink:0}.fragment-sheet__list{flex:1;min-height:0;-webkit-overflow-scrolling:touch}.ui-hotkey{display:inline-flex;align-items:center;gap:var(--space-2)}.ui-hotkey__key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-6);border:1px solid var(--color-line-strong);border-bottom-width:2px;border-radius:var(--radius-xs);background:var(--color-bg-base);color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-caption);line-height:1}.ui-hotkey__plus{color:var(--color-text-hint);font-size:var(--font-size-caption)}.hotkey-hints{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-page)}.hotkey-hints__pedal{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-12);border-radius:var(--radius-sm);background:linear-gradient(105deg,#5c61db 17.72%,#7ea3ea 90.7%),#769ce1;color:#fff}.hotkey-hints__pedal-key .ui-hotkey__key{min-width:32px;height:28px;border-color:#ffffff80;background:#ffffff29;color:#fff;font-size:var(--font-size-body)}.hotkey-hints__pedal-desc{font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.hotkey-hints__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-8) var(--space-24);margin:0}.hotkey-hints__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.hotkey-hints__desc{margin:0;font-size:var(--font-size-small);color:var(--color-text-secondary)}.hotkey-hints__keys{margin:0;flex-shrink:0}.editor-panel{display:flex;flex-direction:column;gap:var(--space-16);flex:1;min-width:0;width:100%;height:100%;padding:var(--space-24);overflow-x:hidden;overflow-y:auto}.editor-panel__header{display:flex;align-items:center;gap:var(--space-16)}.editor-panel__position{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold)}.editor-panel__words{font-size:var(--font-size-body);color:var(--color-text-hint)}.editor-panel__score{margin-left:auto;display:inline-flex;align-items:center;height:24px;padding:0 var(--space-12);border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.editor-panel__score--ok{background:var(--color-success-bg);color:var(--color-success)}.editor-panel__score--warn{background:var(--color-warning-bg);color:var(--color-warning)}.editor-panel__wave-card{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base)}.editor-panel__wave{flex:1;min-width:0}.editor-panel__time{flex-shrink:0;font-size:var(--font-size-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.editor-panel__editor{display:flex}.editor-panel__textarea{width:100%;min-height:140px;padding:var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.editor-panel__textarea::placeholder{color:var(--color-text-hint)}.editor-panel__textarea:focus{outline:none;border-color:var(--color-line-focus);box-shadow:0 0 0 3px #3b7cff26}.editor-panel__error{font-size:var(--font-size-small);color:var(--color-danger)}.editor-panel__controls{display:flex;align-items:center;gap:var(--space-12)}.editor-panel__nav{margin-left:auto;display:flex;gap:var(--space-8)}.editor-panel__diff{min-width:0;padding:var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base);overflow-wrap:anywhere}.editor-panel__skip{display:none;gap:var(--space-12)}.editor-panel__skip-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);flex:1;height:var(--tap-target);border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.editor-panel__skip-btn:active{background:var(--color-bg-active)}@media(max-width:760px){.editor-panel{gap:var(--space-12);padding:var(--space-16)}.editor-panel__wave-card{gap:var(--space-12);padding:var(--space-12)}.editor-panel__time{font-size:var(--font-size-caption)}.editor-panel__skip{display:flex}.editor-panel__textarea{min-height:100px;font-size:16px}.editor-panel__controls{position:sticky;bottom:0;gap:var(--space-8);margin:0 calc(-1 * var(--space-16));padding:var(--space-12) var(--space-16);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom));background:var(--color-bg-page);border-top:1px solid var(--color-line-default)}.editor-panel__controls .ui-button,.editor-panel__next{flex:1}}.dictation{display:flex;flex:1;min-height:0;height:100%}.dictation__editor{flex:1;min-width:0;display:flex;background:var(--color-bg-page)}.dictation--mobile{display:block;height:100%}.dictation--mobile .dictation__editor{height:100%}.dictation__state{display:flex;flex:1;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-secondary)}.payments{max-width:1040px;margin:0 auto;padding:var(--space-32) var(--space-24) var(--space-40)}.payments__head{text-align:center;margin-bottom:var(--space-32)}.payments__title{font-family:var(--font-family-display);font-size:clamp(28px,5vw,44px);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.payments__subtitle{max-width:52ch;margin:var(--space-12) auto 0;font-size:var(--font-size-body-lg);color:var(--color-text-secondary)}.payments__usage{margin-top:var(--space-12);font-size:var(--font-size-body);color:var(--color-text-secondary)}.payments__state{display:flex;justify-content:center;padding:var(--space-40)}.payments__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-20);align-items:stretch}.plan-card{position:relative;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-24);border:1px solid var(--color-line-default);border-radius:var(--radius-lg);background:var(--color-bg-base)}.plan-card--featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),var(--shadow-md)}.plan-card--current{border-color:var(--color-accent)}.plan-card__badge{position:absolute;top:calc(-1 * var(--space-12));left:var(--space-24);padding:2px var(--space-12);border-radius:var(--radius-pill);background:var(--gradient-crowd),var(--color-sea-wave-400);color:var(--color-on-accent);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.plan-card__name{font-size:var(--font-size-subheading);font-weight:var(--font-weight-semibold)}.plan-card__price{font-family:var(--font-family-display);font-size:clamp(28px,4vw,36px);font-weight:var(--font-weight-semibold)}.plan-card__period{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-hint)}.plan-card__limit{display:inline-flex;align-self:flex-start;padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--color-bg-selected);color:var(--color-accent);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.plan-card__desc{flex:1;font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.plan-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-6);height:44px;border:none;border-radius:var(--radius-md);background:var(--gradient-crowd),var(--color-sea-wave-400);color:var(--color-on-accent);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:filter var(--transition-fast)}.plan-card__btn:hover:not(:disabled){filter:brightness(.96)}.plan-card__btn:disabled{background:var(--color-bg-active);color:var(--color-text-secondary);cursor:not-allowed}@media(max-width:760px){.payments{padding:var(--space-24) var(--space-16)}.payments__grid{grid-template-columns:1fr}}.admin{--color-accent: #3b7cff;--color-accent-hover: #2f6bee;--color-accent-active: #2a60d6;--color-bg-selected: #eef3ff;--color-line-focus: #3b7cff;max-width:1200px;margin:0 auto;padding:var(--space-24)}.admin__state{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--color-text-secondary)}.admin__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-16);margin-bottom:var(--space-24)}.admin__title{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.admin__tabs{display:flex;gap:var(--space-8)}.admin__tab{height:var(--control-height);padding:0 var(--space-16);border:1px solid var(--color-line-default);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.admin__tab--active{background:var(--color-bg-selected);border-color:var(--color-accent);color:var(--color-accent)}.admin-books__toolbar{margin-bottom:var(--space-16)}.admin-book{margin-bottom:var(--space-12);border:1px solid var(--color-line-default);border-radius:var(--radius-md);background:var(--color-bg-base)}.admin-book__row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12);flex-wrap:wrap}.admin-book__id{font-size:var(--font-size-small);color:var(--color-text-hint);font-variant-numeric:tabular-nums}.admin-book__count{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.admin-input{flex:1;min-width:100px;height:var(--control-height);padding:0 var(--space-8);border:1px solid var(--color-line-default);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-body)}.admin-input:focus{outline:none;border-color:var(--color-line-focus)}.admin-input--sm{flex:0 1 160px;min-width:80px}.admin-input--xs{flex:0 0 60px;min-width:50px}.admin-btn{height:var(--control-height);padding:0 var(--space-12);display:inline-flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-line-default);border-radius:var(--radius-sm);background:var(--color-bg-base);color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.admin-btn:hover{background:var(--color-bg-hover)}.admin-btn--primary{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-contrast)}.admin-btn--danger{color:var(--color-danger);border-color:var(--color-danger-bg)}.admin-btn--danger:hover{background:var(--color-danger-bg)}.admin-frags{padding:var(--space-12);border-top:1px solid var(--color-line-default);overflow-x:auto}.admin-frags--loading{color:var(--color-text-secondary);font-size:var(--font-size-small)}.admin-frags__actions{display:flex;gap:var(--space-4)}.admin__table-wrap{overflow-x:auto;border:1px solid var(--color-line-default);border-radius:var(--radius-md)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body);table-layout:fixed}.admin-table th,.admin-table td{padding:var(--space-8) var(--space-12);text-align:left;border-bottom:1px solid var(--color-line-default);white-space:nowrap;vertical-align:top}.admin-table th{font-size:var(--font-size-small);color:var(--color-text-hint);font-weight:var(--font-weight-medium)}.admin-badge{display:inline-flex;padding:1px var(--space-8);border-radius:var(--radius-pill);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);background:var(--color-bg-active);color:var(--color-text-secondary)}.admin-badge--admin{background:var(--color-warning-bg);color:var(--color-warning)}.admin-jobs{display:flex;flex-direction:column;gap:var(--space-16)}.admin-job__title{font-weight:var(--font-weight-semibold)}.admin-job__author{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.admin-jobs__col-book{width:22%}.admin-jobs__col-status{width:12%}.admin-jobs__col-progress{width:auto}.admin-jobs__col-attempts{width:80px}.admin-jobs__col-actions{width:140px}.admin-jobs__table td{white-space:normal}.admin-job__title{font-weight:var(--font-weight-semibold);word-break:break-word}.admin-job__attempts{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.admin-job__progress-cell{min-width:280px}.admin-job__error{margin-top:var(--space-8);color:var(--color-danger, #d23);white-space:pre-wrap;word-break:break-word;font-size:var(--font-size-caption)}.job-progress{display:flex;flex-direction:column;gap:var(--space-8)}.job-progress__overall{display:flex;align-items:center;gap:var(--space-8)}.job-progress__bar{flex:1;height:10px;border-radius:var(--radius-pill);background:var(--color-bg-active);overflow:hidden}.job-progress__bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--color-accent);transition:width .5s ease}.job-progress__bar-fill--done{background:var(--color-success, #1c8a4b)}.job-progress__bar-fill--failed{background:var(--color-danger, #d23)}.job-progress__pct{font-size:var(--font-size-small);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);min-width:38px;text-align:right}.job-progress__toggle{border:none;background:none;color:var(--color-accent);font-size:var(--font-size-caption);cursor:pointer;padding:0;white-space:nowrap}.job-progress__hint{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.job-progress__stages{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8) 0}.job-stage{display:flex;flex-direction:column;gap:2px}.job-stage--pending{opacity:.5}.job-stage__head{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-caption)}.job-stage__dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.job-stage__label{color:var(--color-text-primary)}.job-stage__count{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.job-stage__pct{margin-left:auto;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.job-stage__bar{height:6px;border-radius:var(--radius-pill);background:var(--color-bg-active);overflow:hidden}.job-stage__bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .5s ease}.admin-job__empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-24)}.admin-job-badge--done{background:var(--color-success-bg, #e7f6ec);color:var(--color-success, #1c8a4b)}.admin-job-badge--failed{background:var(--color-danger-bg, #fdeaea);color:var(--color-danger, #d23)}.admin-job-badge--processing,.admin-job-badge--seeding{background:var(--color-bg-selected);color:var(--color-accent)}.admin-job-badge--queued,.admin-job-badge--generating_script{background:var(--color-bg-active);color:var(--color-text-secondary)}.admin-upload{border:1px solid var(--color-line, #ddd);border-radius:8px;padding:var(--space-16);background:var(--color-bg-selected)}.admin-upload__form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.admin-upload__head{display:flex;align-items:center;justify-content:space-between;width:100%}.admin-upload__file,.admin-upload__progress{display:flex;align-items:center;gap:var(--space-8);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.admin-upload__progress .admin-job__bar{flex:1}:root{--color-ink: #14161c;--color-ink-soft: #1d2027;--color-ink-line: rgba(255, 255, 255, .1);--color-on-ink: #f4f5f7;--color-on-ink-muted: rgba(244, 245, 247, .62);--color-bg-base: #ffffff;--color-bg-page: #f6f7f8;--color-bg-elevated: #ffffff;--color-bg-hover: #f2f3f5;--color-bg-active: #eaecef;--color-bg-selected: #ecedfb;--color-bg-disabled: #f6f7f8;--color-line-default: #e3e5e8;--color-line-strong: #d2d5da;--color-line-focus: #5c61db;--color-text-primary: #1b202b;--color-text-secondary: #69707d;--color-text-hint: #9aa1ad;--color-text-inverse: #ffffff;--color-text-link: #5c61db;--color-brand: #ffdb4d;--color-brand-hover: #ffd11a;--color-brand-active: #f5c400;--color-brand-contrast: #1b202b;--gradient-crowd: linear-gradient(105deg, #5c61db 17.72%, #7ea3ea 90.7%);--gradient-crowd-hover: linear-gradient(105deg, #4f54cf 17.72%, #6f93e0 90.7%);--color-sea-wave-400: #769ce1;--color-accent: #5c61db;--color-accent-hover: #4f54cf;--color-accent-active: #4347bc;--color-on-accent: #ffffff;--color-success: #1fae5a;--color-success-bg: #e7f7ed;--color-warning: #e8930c;--color-warning-bg: #fff4d6;--color-warning-surface: #fff8e1;--color-warning-line: #f5d989;--color-danger: #e53935;--color-danger-bg: #fdeaea;--color-info: #5c61db;--color-info-bg: #ecedfb;--color-tag-bg: #ff9500;--color-tag-text: #ffffff;--waveform-locked: rgba(27, 32, 43, .18);--waveform-current: #1b202b;--waveform-completed: #7ea3ea;--waveform-played-from: #7ea3ea;--waveform-played-to: #5c61db;--font-family-base: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-display: "Spectral", Georgia, "Times New Roman", serif;--font-family-mono: "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--font-size-caption: 12px;--font-size-small: 13px;--font-size-body: 14px;--font-size-body-lg: 15px;--font-size-subheading: 17px;--font-size-heading: 20px;--font-size-display: 28px;--line-height-tight: 1.2;--line-height-base: 1.43;--line-height-relaxed: 1.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(27, 32, 43, .06);--shadow-md: 0 4px 16px rgba(27, 32, 43, .1);--shadow-lg: 0 8px 32px rgba(27, 32, 43, .14);--header-height: 44px;--rail-width: 444px;--control-height: 32px;--control-height-sm: 28px;--bp-mobile: 760px;--tap-target: 44px;--transition-fast: .12s ease;--transition-base: .2s ease;--z-header: 100;--z-tooltip: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;overflow-x:hidden}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-base);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,figure{margin:0}button{font-family:inherit;cursor:pointer}button,a,[role=button]{-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-line-focus);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-line-strong);border-radius:var(--radius-pill);border:2px solid var(--color-bg-base)}::-webkit-scrollbar-track{background:transparent}