.page-typing-speed .typing-speed-page{display:grid;grid-gap:0;gap:0;width:min(100%,1120px);margin:0 auto}.page-typing-speed .typing-speed-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:var(--space-6);gap:var(--space-6);align-items:start}.page-typing-speed .typing-speed-notes,.page-typing-speed .typing-speed-sidebar,.page-typing-speed .typing-speed-workspace{padding:clamp(1.25rem,1rem + .9vw,1.9rem)}.page-typing-speed .typing-speed-workspace{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.page-typing-speed .typing-speed-workspace__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.page-typing-speed .typing-speed-workspace__top h2{font-size:var(--text-2xl);margin-top:var(--space-2)}.page-typing-speed .typing-speed-input span,.page-typing-speed .typing-speed-prompt__hint,.page-typing-speed .typing-speed-workspace__label{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.page-typing-speed .typing-speed-timer{display:grid;justify-items:end;grid-gap:var(--space-1);gap:var(--space-1);min-width:7rem}.page-typing-speed .typing-speed-timer span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.page-typing-speed .typing-speed-timer strong{font-size:clamp(1.6rem,1.3rem + 1vw,2.4rem);line-height:1}.page-typing-speed .typing-speed-timer[data-tone=warning] strong{color:var(--warning-text)}.page-typing-speed .typing-speed-timer[data-tone=success] strong{color:var(--success-text)}.page-typing-speed .typing-speed-progress{height:10px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.05);border:1px solid var(--border-soft);overflow:hidden}.page-typing-speed .typing-speed-progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-primary),var(--accent-strong));transition:width .12s linear}.page-typing-speed .typing-speed-controls{display:flex;flex-wrap:wrap;gap:var(--space-3)}.page-typing-speed .typing-speed-controls button{min-height:42px;padding:.7rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-soft);background:hsla(0,0%,100%,.04);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:var(--transition-fast)}.page-typing-speed .typing-speed-controls button:hover{transform:translateY(-1px);color:var(--text-primary);background:hsla(0,0%,100%,.08)}.page-typing-speed .typing-speed-controls button.is-active{border-color:hsla(0,66%,66%,.34);background:linear-gradient(135deg,rgba(194,65,65,.22),hsla(0,77%,76%,.12));color:var(--text-primary)}.page-typing-speed .typing-speed-prompt{padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4);position:relative}.page-typing-speed .typing-speed-prompt:focus-within{border-color:hsla(0,66%,66%,.36);box-shadow:0 0 0 3px rgba(194,65,65,.12)}.page-typing-speed .typing-speed-prompt__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-typing-speed .typing-speed-prompt__text{margin:0;font-size:clamp(1.08rem,1rem + .4vw,1.3rem);line-height:1.9;color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word}.page-typing-speed .typing-speed-prompt__text[data-duration="30"]{font-size:clamp(1.18rem,1.05rem + .55vw,1.48rem);line-height:1.8}.page-typing-speed .typing-speed-prompt__text[data-duration="60"]{font-size:clamp(1.24rem,1.08rem + .7vw,1.6rem);line-height:1.78}.page-typing-speed .typing-speed-prompt__text[data-duration="120"]{font-size:clamp(1.02rem,.98rem + .3vw,1.18rem);line-height:1.95}.page-typing-speed .typing-speed-prompt__stage{position:relative}.page-typing-speed .typing-speed-char{transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.page-typing-speed .typing-speed-char--pending{color:var(--text-muted)}.page-typing-speed .typing-speed-char--correct{color:var(--success-text)}.page-typing-speed .typing-speed-char--incorrect{color:var(--error-text);background:color-mix(in srgb,var(--error-bg) 20%,transparent);border-radius:.18rem}.page-typing-speed .typing-speed-char--cursor{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 18%,transparent);border-radius:.2rem;box-shadow:inset 0 -2px 0 var(--accent-primary)}.page-typing-speed .typing-speed-capture{position:absolute;inset:0;width:100%;height:100%;resize:none;border:0;padding:0;margin:0;background:transparent;color:transparent;caret-color:transparent;outline:none;overflow:hidden;opacity:0}.page-typing-speed .typing-speed-prompt__instructions{margin:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1.5;max-width:42rem}.page-typing-speed .typing-speed-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.page-typing-speed .typing-speed-sidebar{display:grid;grid-gap:var(--space-5);gap:var(--space-5);align-content:start}.page-typing-speed .typing-speed-sidebar__header{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-typing-speed .typing-speed-sidebar__header h2{font-size:clamp(1.55rem,1.25rem + .8vw,2.1rem)}.page-typing-speed .typing-speed-sidebar__header p{color:var(--text-secondary)}.page-typing-speed .typing-speed-sidebar__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.page-typing-speed .typing-speed-stat{padding:var(--space-4);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-typing-speed .typing-speed-stat span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.page-typing-speed .typing-speed-stat strong{font-size:var(--text-2xl);line-height:1}.page-typing-speed .typing-speed-stat p{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.page-typing-speed .typing-speed-sidebar__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.page-typing-speed .typing-speed-sidebar__footer div{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--surface-soft);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.page-typing-speed .typing-speed-sidebar__footer span{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.page-typing-speed .typing-speed-sidebar__footer strong{color:var(--text-primary);font-size:var(--text-lg)}.page-typing-speed .typing-speed-notes{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.page-typing-speed .typing-speed-notes h2{font-size:clamp(1.4rem,1.15rem + .8vw,1.9rem);margin:var(--space-3) 0 var(--space-2)}.page-typing-speed .typing-speed-notes p{color:var(--text-muted);max-width:38rem}.page-typing-speed .typing-speed-notes__list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}@media(max-width:980px){.page-typing-speed .typing-speed-grid{grid-template-columns:1fr}.page-typing-speed .typing-speed-notes{flex-direction:column;align-items:flex-start}.page-typing-speed .typing-speed-notes__list{justify-content:flex-start}}@media(max-width:640px){.page-typing-speed .typing-speed-notes,.page-typing-speed .typing-speed-sidebar,.page-typing-speed .typing-speed-workspace{padding:1rem}.page-typing-speed .typing-speed-prompt__meta,.page-typing-speed .typing-speed-workspace__top{flex-direction:column;align-items:flex-start}.page-typing-speed .typing-speed-timer{justify-items:flex-start}.page-typing-speed .typing-speed-sidebar__footer,.page-typing-speed .typing-speed-sidebar__stats{grid-template-columns:1fr}.page-typing-speed .typing-speed-actions{flex-direction:column}.page-typing-speed .typing-speed-actions .ui-button{width:100%}.page-typing-speed .typing-speed-prompt{padding:var(--space-4)}}.site-footer{width:100%;margin-top:auto;border-top:1px solid var(--border-soft);background:color-mix(in srgb,var(--surface-soft) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-footer__inner{width:min(100%,var(--max-width-2xl));margin:0 auto;padding:var(--space-12) var(--page-gutter);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-gap:var(--space-10);gap:var(--space-10)}.site-footer__intro{display:grid;grid-gap:var(--space-4);gap:var(--space-4);max-width:38rem}.site-footer__intro h2{font-size:clamp(1.5rem,1.1rem + 1vw,2.1rem)}.site-footer__intro p{color:var(--text-muted);max-width:32rem}.site-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.site-footer__links h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.site-footer__links ul{list-style:none;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.site-footer__links a{color:var(--text-muted)}.site-footer__links a:hover{color:var(--text-primary)}@media(max-width:820px){.site-footer__inner{grid-template-columns:1fr}}@media(max-width:540px){.site-footer__links{grid-template-columns:1fr;gap:var(--space-6)}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);width:100%;border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg) 74%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm)}.site-header__inner{width:min(100%,var(--max-width-2xl));min-height:var(--header-height);margin:0 auto;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.site-header__brand{display:inline-flex;flex-direction:column;gap:.18rem;min-width:max-content;position:relative;z-index:1;flex-shrink:0}.site-header__brand:hover{color:inherit}.site-header__logo{font-family:BR,sans-serif!important;font-size:clamp(1.55rem,1.2rem + .75vw,2.2rem);line-height:.9;letter-spacing:0;font-weight:400;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility}.site-header__tag{color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase}.site-header__nav{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;position:relative;z-index:2}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:2.6rem;padding:.5rem .85rem;border-radius:var(--radius-full);border:1px solid transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.site-header__nav a:hover{border-color:var(--border-soft)}.site-header__nav a.is-active,.site-header__nav a:hover{color:var(--text-primary);background:var(--surface-soft)}.site-header__nav a.is-active{border-color:var(--border-strong);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}@media(max-width:900px){.site-header__inner{gap:var(--space-4)}.site-header__tag{display:none}}@media(max-width:640px){.site-header__inner{align-items:flex-start;flex-direction:column;justify-content:center;padding-top:.85rem;padding-bottom:.85rem}.site-header__nav{width:100%;justify-content:flex-start}}