:root{--bg-page:#f2f3f5;--bg-card:#fff;--border-light:#e4e6e9;--text-primary:#1f2329;--text-secondary:#5c6370;--accent:#3370ff;--cell-hover:#e8eaed;--cell-correct:#e2f0e8}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page,body{min-height:100vh}.page{display:grid;grid-template-columns:11rem auto 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"nav mode main" "nav mode main" "nav mode articles";grid-gap:0;gap:0}.page-contact{position:absolute;right:2rem;top:1rem;margin:0;padding:0;font-size:.875rem;color:var(--text-secondary);opacity:.55;pointer-events:auto}.page-contact .page-contact-email{color:var(--accent);text-decoration:none;opacity:.8}.page-contact .page-contact-email:hover{text-decoration:underline}.auth-container{position:fixed;top:1rem;right:2rem;z-index:10000;pointer-events:auto;display:flex;align-items:center;gap:.75rem}.lang-toggle{font-size:.8125rem;padding:.3rem .6rem;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.lang-toggle:hover{background:var(--cell-hover);color:var(--text-primary)}.main-nav{grid-area:nav;flex-direction:column;width:11rem!important;min-width:11rem!important;max-width:11rem!important;flex:0 0 11rem!important;padding:1.5rem 1rem;background:var(--bg-card);border-right:1px solid var(--border-light);box-sizing:border-box}.main-nav,.nav-link{display:flex;gap:.5rem;overflow:hidden}.nav-link{align-items:center;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:.35rem 0;white-space:nowrap;min-width:0;text-overflow:ellipsis}.nav-link:hover,.nav-link:hover .nav-icon{color:var(--accent)}.nav-icon{display:inline-flex;flex-shrink:0;color:var(--text-secondary);transition:color .15s ease}.mode-panel{grid-area:mode;display:flex;flex-direction:column;align-items:center;padding:6rem 1.25rem 1rem;background:#f0f0f0;border-right:1px solid #e0e0e0}.mode-label{font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;color:#333;text-align:center;margin-bottom:1rem}.mode-buttons{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:7rem}.mode-btn{background:transparent;color:#888;border:none;border-radius:8px;padding:.45rem .85rem;font-size:.85rem;font-family:Arial,Helvetica,sans-serif;font-weight:500;cursor:pointer;text-align:center;width:100%;transition:background .15s ease,color .15s ease,border .15s ease}.mode-btn:hover{color:#555}.mode-btn.active{background:#e5e5e5;color:#333;border:1px solid #d0d0d0}.mode-btn[data-size="10"]{font-size:.75rem}.mode-btn:focus{outline:none}.training-area{grid-area:main;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem 2rem 1rem;background:#fff}.top-bar{display:flex;align-items:baseline;justify-content:space-between;width:100%;max-width:min(85vh,520px);margin-bottom:.75rem}.next-label{font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:400;color:var(--text-primary)}.next-label strong{font-size:1.35rem;font-weight:500;color:var(--accent)}.best-wrap{display:inline-flex;align-items:baseline;gap:.35rem;padding:.25rem .5rem;border-radius:6px;background:rgba(0,0,0,.06);color:rgba(0,0,0,.7);font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:500;transition:transform .2s ease,background .2s ease}.best-wrap.best-updated{animation:bestPulse .6s ease}.best-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.9}.best-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.best-bang{display:none;font-size:1.1rem;font-weight:700;color:var(--accent)}.best-wrap.best-updated .best-bang{display:inline;animation:bestBang .5s ease}@keyframes bestPulse{0%{transform:scale(1);background:rgba(51,112,255,.15)}40%{transform:scale(1.08);background:rgba(51,112,255,.2)}to{transform:scale(1);background:rgba(0,0,0,.06)}}@keyframes bestBang{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.timer-display{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;color:var(--text-primary)}.grid-wrap{width:100%;max-width:min(85vh,520px);margin:0 auto}.grid-hint{margin:.75rem 0 .35rem;font-size:.9rem;font-weight:400;color:#333;text-align:center}.grid-hint,.improvement-hint{font-family:Arial,Helvetica,sans-serif}.improvement-hint{margin:.5rem 0 .35rem;padding:.5rem .75rem;font-size:.95rem;font-weight:500;border-left:3px solid #22c55e}.improvement-hint-faster{color:#1a5f2a;background:rgba(34,197,94,.12);border-left-color:#22c55e}.improvement-hint-slower{color:#92400e;background:rgba(245,158,11,.12);border-left-color:#f59e0b}.improvement-hint.hidden{display:none}.restart-link{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400;color:#00f;text-decoration:none;text-align:center}.restart-link:hover{text-decoration:underline}.grid-inner{width:100%;aspect-ratio:1/1;max-height:min(85vh,520px);background:#f0f0f0;border:1px solid #000;overflow:hidden}.schulte-grid{width:100%;height:100%;display:grid;grid-gap:0;gap:0}.schulte-cell,.schulte-grid{background:#f0f0f0;min-width:0;min-height:0}.schulte-cell{border:1px solid #000;border-top:none;border-left:none;display:flex;align-items:center;justify-content:center;margin:0;padding:0;overflow:hidden;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-weight:500;color:#000;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease;line-height:1}.schulte-grid.grid-size-10 .schulte-cell{font-size:min(5vmin,1.5rem)}.schulte-grid.grid-size-5 .schulte-cell{font-size:min(6.5vmin,2rem)}.schulte-grid.grid-size-4 .schulte-cell{font-size:min(8vmin,2.4rem)}.schulte-grid.grid-size-3 .schulte-cell{font-size:min(9vmin,2.8rem)}.schulte-grid.grid-size-2 .schulte-cell{font-size:min(11vmin,3.2rem)}.schulte-grid.grid-size-1 .schulte-cell{font-size:min(14vmin,4rem)}.schulte-cell.last-col{border-right:none}.schulte-cell.last-row{border-bottom:none}.schulte-cell:hover{background:#e8e8e8}.schulte-cell:focus{outline:none}.schulte-cell.correct{background:#90caf9}.modal-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.modal-overlay[aria-hidden=false]{opacity:1;visibility:visible}.modal-card{display:flex;flex-direction:row;align-items:stretch;gap:2rem;background:hsla(0,0%,100%,.98);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:2.5rem 3rem;min-width:85vw;max-width:1100px;width:92%;box-shadow:0 20px 64px rgba(0,0,0,.16)}.modal-chart-wrap{flex:1 1 58%;min-width:0;display:flex;flex-direction:column;justify-content:center}.modal-chart-label{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;color:var(--text-secondary);margin:0 0 .5rem}.modal-chart{width:100%;min-height:200px}.modal-result-text{flex:0 0 36%;min-width:240px;display:flex;flex-direction:column;justify-content:center;text-align:left}.modal-time{font-family:Arial,Helvetica,sans-serif;font-size:3.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.modal-stats{display:flex;flex-direction:column;gap:.4rem;margin:0 0 .75rem}.modal-stat{font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;font-weight:500;color:var(--text-primary)}.modal-stat strong{color:var(--accent)}.modal-eval-tier{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem}.modal-eval-desc{font-size:1rem;color:var(--text-primary)}.modal-eval-desc,.modal-reading-hint{font-family:Arial,Helvetica,sans-serif;font-weight:400;margin:0 0 .75rem;line-height:1.5}.modal-reading-hint{font-size:.8125rem;color:rgba(92,99,112,.65)}.modal-reading-hint.hidden{display:none}.modal-result-text .modal-close{margin-top:auto;align-self:flex-start}.modal-chart .normal-chart-svg{width:100%;height:auto;display:block;shape-rendering:geometricPrecision}.modal-chart .normal-chart-axis{stroke:#94a3b8;stroke-width:1;stroke-linecap:round}.modal-chart .normal-chart-mu{stroke:#475569;stroke-width:1.5;stroke-linecap:round}.modal-chart .normal-chart-sigma{stroke:#64748b;stroke-width:1;stroke-linecap:round}.modal-chart .normal-chart-curve{stroke:#1e293b;stroke-dasharray:1;stroke-dashoffset:1;animation:drawCurve 1s ease-out forwards;shape-rendering:geometricPrecision}.modal-chart .normal-chart-fill{opacity:0;animation:fillArea .8s ease-out .3s forwards}.modal-chart .normal-chart-line,.modal-chart .normal-chart-pos{opacity:0;animation:showMarker .3s ease-out 1s forwards}@keyframes drawCurve{to{stroke-dashoffset:0}}@keyframes fillArea{to{opacity:1}}@keyframes showMarker{to{opacity:1}}.modal-close{background:var(--accent);color:#fff;border:none;padding:.5rem 1.25rem;font-size:.9rem;font-family:inherit;cursor:pointer;border-radius:8px}.modal-close:hover{background:#2860e6}.modal-close:focus{outline:none}.articles{grid-area:articles;position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;padding:2rem;background:var(--bg-page);border-top:1px solid var(--border-light)}.article-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.article-card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(51,112,255,.12)}.article-card:focus{outline:none;border-color:var(--accent)}.article-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.article-text{font-size:.875rem;line-height:1.55;color:var(--text-secondary);margin:0}.article-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:110;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.article-modal-overlay[aria-hidden=false]{opacity:1;visibility:visible}.article-modal-card{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.2);width:90%;max-width:720px;max-height:85vh;display:flex;flex-direction:column}.article-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem .75rem;border-bottom:1px solid var(--border-light)}.article-modal-title{font-family:Arial,Helvetica,sans-serif;font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.35}.article-modal-close{background:none;border:none;font-size:1.75rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0 .25rem}.article-modal-close:hover{color:var(--text-primary)}.article-modal-close:focus{outline:none}.article-modal-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;line-height:1.65;color:var(--text-primary)}.article-modal-body h2{font-size:1.2rem;font-weight:600;margin:1.25rem 0 .6rem;color:var(--text-primary)}.article-modal-body h2:first-child{margin-top:0}.article-modal-body h3{font-size:1.05rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary)}.article-modal-body p{margin:0 0 .75rem;color:var(--text-secondary)}.article-modal-body ol,.article-modal-body ul{margin:.5rem 0 .75rem 1.25rem}.article-modal-body li{margin-bottom:.35rem}.article-modal-body strong{color:var(--text-primary)}@media (max-width:900px){.page{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"nav" "mode" "main" "main" "articles"}.main-nav{flex-direction:row;flex-wrap:wrap;width:100%!important;min-width:100%!important;max-width:100%!important;flex:0 0 auto!important}.main-nav,.mode-panel{border-right:none;border-bottom:1px solid var(--border-light)}.mode-buttons,.mode-panel{flex-direction:row;flex-wrap:wrap}.mode-buttons{display:flex}.articles{grid-template-columns:1fr}.page-contact{right:1rem;top:.75rem}.modal-card{flex-direction:column;min-width:90vw;max-width:96vw}.modal-chart-wrap{flex:none}.modal-result-text{flex:none;text-align:center}.modal-result-text .modal-close{align-self:center}}.reading-test-page{min-height:100vh;background:#f5f5f0}.reading-test-layout{display:flex;min-height:100vh}.main-nav-reading{flex-shrink:0;flex:0 0 11rem!important;width:11rem!important;min-width:11rem!important;max-width:11rem!important;padding:1.5rem 1rem;overflow:hidden;background:var(--bg-card);border-right:1px solid var(--border-light)}.reading-test-main{flex:1 1;padding:2rem 3rem 3rem;max-width:720px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reading-test-main.reading-test-main--reading{justify-content:flex-start;text-align:left}.reading-intro{width:100%}.reading-intro-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.reading-intro-desc{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.55}.btn-reading-start{padding:.65rem 2rem;font-size:1rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease}.btn-reading-start:hover{background:#2860e6;transform:translateY(-1px)}.btn-reading-start:focus{outline:none;box-shadow:0 0 0 3px rgba(51,112,255,.25)}.reading-content{width:100%;text-align:left}.reading-timer{display:flex;gap:.5rem;margin-bottom:1.5rem;color:var(--accent);font-size:1.25rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reading-timer,.reading-timer-icon{align-items:center;justify-content:center}.reading-timer-icon{display:inline-flex}.reading-timer-icon svg{width:24px;height:24px}.reading-article{margin-bottom:2rem;color:var(--text-primary)}.reading-article-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem}.reading-article p{font-size:.9375rem;line-height:1.7;margin:0 0 1rem}.reading-article p:last-child{margin-bottom:0}.btn-reading-finish{display:block;width:100%;max-width:280px;margin:0 auto;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease}.btn-reading-finish:hover{background:#2860e6;transform:translateY(-1px)}.btn-reading-finish:focus{outline:none;box-shadow:0 0 0 3px rgba(51,112,255,.25)}.reading-result{width:100%;max-width:420px}.reading-result-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:2rem 1.75rem;text-align:center}.reading-result-heading{font-size:1rem;margin:0 0 .25rem}.reading-result-heading,.reading-result-wpm{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:700;color:#1f2329}.reading-result-wpm{font-size:3rem;margin:0;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reading-result-wpm-label{font-size:.875rem;color:#5c6370;margin:0 0 1.25rem}.reading-result-time-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e4e6e9}.reading-result-time-label,.reading-result-time-value{font-size:.9375rem;font-weight:700;color:#1f2329}.reading-result-time-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.reading-result-categories{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.reading-result-cat{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:8px;background:transparent;transition:background .2s ease}.reading-result-cat--active{background:rgba(34,197,94,.12)}.reading-result-cat-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.reading-result-cat-icon--slow{color:#16a34a}.reading-result-cat-icon--average{color:#ca8a04}.reading-result-cat-icon--fast{color:#ea580c}.reading-result-cat-name{flex:1 1;text-align:left;font-size:.9375rem;font-weight:600;color:#1f2329}.reading-result-cat-range{font-size:.875rem;font-weight:500;color:#5c6370;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn-reading-again{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;color:#5c6370;background:#e4e6e9;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease}.btn-reading-again:hover{background:#d1d3d6;color:#1f2329}.btn-reading-again:focus{outline:none;box-shadow:0 0 0 3px rgba(92,99,112,.2)}.btn-reading-again-icon{display:inline-flex;align-items:center;justify-content:center}@media (max-width:700px){.reading-test-layout{flex-direction:column}.main-nav-reading{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-light)}.reading-test-main{padding:1.5rem 1.25rem 2rem;justify-content:flex-start;min-height:auto}}.faq-page{min-height:100vh;background:var(--bg-page)}.faq-layout{display:flex;min-height:100vh}.main-nav-faq{flex-shrink:0;flex:0 0 11rem!important;width:11rem!important;min-width:11rem!important;max-width:11rem!important;padding:1.5rem 1rem;overflow-y:auto;overflow-x:hidden;background:var(--bg-card);border-right:1px solid var(--border-light)}.faq-main{flex:1 1;padding:2rem 3rem 3rem;max-width:900px;margin:0 auto;width:100%}.faq-header{margin-bottom:2rem}.faq-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.02em}.faq-intro{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.55}.faq-content{display:flex;flex-direction:column;gap:1.75rem}.faq-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:0;padding:1.5rem 1.75rem;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .2s ease,border-color .2s ease}.faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);border-color:rgba(0,0,0,.1)}.faq-question{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.4}.faq-answer{font-size:.9375rem;color:var(--text-primary);line-height:1.7}.faq-answer p{margin:0 0 .875rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{margin:.75rem 0;padding-left:1.5rem}.faq-answer li{margin-bottom:.5rem;line-height:1.6}.faq-answer li:last-child{margin-bottom:0}.faq-answer strong{font-weight:600;color:var(--text-primary)}@media (max-width:700px){.faq-layout{flex-direction:column}.main-nav-faq{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-light)}.faq-main{padding:1.5rem 1.25rem 2rem}.faq-item{padding:1.25rem}.faq-question{font-size:1rem}}.articles-page{min-height:100vh;background:var(--bg-page)}.articles-layout{display:flex;min-height:100vh}.main-nav-articles{flex-shrink:0;flex:0 0 11rem!important;width:11rem!important;min-width:11rem!important;max-width:11rem!important;padding:1.5rem 1rem;overflow:hidden;background:var(--bg-card);border-right:1px solid var(--border-light)}.nav-link-active{color:var(--accent);font-weight:600}.articles-main{flex:1 1;padding:2rem 3rem 3rem;max-width:900px;margin:0 auto;width:100%}.articles-header{margin-bottom:2rem}.articles-title{font-family:Arial,Helvetica,sans-serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.articles-intro{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.articles-list-wrap{margin-bottom:2rem}.articles-list{list-style:none;margin:0;padding:0}.article-item{margin-bottom:1rem}.article-item-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:1.25rem 1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.article-item-card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(51,112,255,.08)}.article-item-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.article-item-title a{color:var(--accent);text-decoration:none}.article-item-title a:hover{text-decoration:underline}.article-item-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.article-item-header-text{flex:1 1;min-width:0}.article-item-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid var(--border-light)}.article-item-author{font-size:.8125rem;color:var(--text-secondary);display:block;margin-top:.25rem}.article-item-summary{font-size:.9rem;color:var(--text-secondary);line-height:1.55;margin:0}.article-item-visitor .article-item-card{border-left:3px solid var(--accent)}.articles-login-hint{font-size:.9rem;color:var(--text-secondary);margin:0}.article-item-empty{padding:2rem;text-align:center;color:var(--text-secondary);background:var(--bg-card);border:1px dashed var(--border-light);border-radius:8px}.articles-actions{padding-top:1.5rem;border-top:1px solid var(--border-light)}.articles-actions .hidden{display:none}.btn{font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:500;padding:.5rem 1.25rem;border-radius:8px;cursor:pointer;border:none;transition:background .2s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2860e6}.btn-secondary{background:var(--bg-card);color:var(--accent);border:1px solid var(--accent)}.btn-secondary:hover{background:rgba(51,112,255,.08)}.btn-ghost{background:transparent;color:var(--text-secondary);margin-left:.5rem}.btn-ghost:hover{color:var(--text-primary)}.add-article-form{margin-top:1rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;max-width:480px}.add-form-title{font-size:1.15rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.add-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.35rem}.required{color:#c00}.add-input,.add-textarea{width:100%;font-family:inherit;font-size:.95rem;padding:.5rem .75rem;border:1px solid var(--border-light);border-radius:6px;margin-bottom:1rem;background:var(--bg-card);color:var(--text-primary)}.add-input:focus,.add-textarea:focus{outline:none;border-color:var(--accent)}.add-textarea{resize:vertical;min-height:80px}.add-article-form .btn-primary{margin-right:.5rem}.login-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.login-overlay[aria-hidden=false]{opacity:1;visibility:visible}.login-card{background:var(--bg-card);border-radius:12px;padding:2rem;min-width:320px;box-shadow:0 12px 40px rgba(0,0,0,.15)}.login-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.login-hint{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.4}.login-form .add-label{margin-top:.5rem}.login-form .add-label:first-of-type{margin-top:0}.login-form .btn-primary{margin-right:.5rem;margin-top:.5rem}@media (max-width:700px){.articles-layout{flex-direction:column}.main-nav-articles{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border-light)}.articles-main{padding:1.5rem 1.25rem 2rem}}.results-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9 50%,#e2e8f0)}.results-layout{display:flex;min-height:100vh}.main-nav-results{flex-shrink:0;flex:0 0 11rem!important;width:11rem!important;min-width:11rem!important;max-width:11rem!important;padding:1.5rem 1rem;overflow:hidden;background:hsla(0,0%,100%,.92);border-right:1px solid rgba(0,0,0,.06);box-shadow:inset 1px 0 0 hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.results-main{flex:1 1;padding:2.25rem 3rem 3.5rem;max-width:820px;margin:0 auto;width:100%}.results-header{margin-bottom:1.75rem}.results-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.85rem;font-weight:600;color:#0f172a;margin:0 0 .5rem;letter-spacing:-.02em}.results-intro{font-size:.9375rem}.results-empty,.results-intro{color:#64748b;margin:0;line-height:1.55}.results-empty{font-size:.95rem}.results-empty.hidden{display:none}.results-empty a{color:#2563eb;text-decoration:none;font-weight:500}.results-empty a:hover{color:#1d4ed8;text-decoration:underline}.results-content.hidden{display:none}.results-filters{margin-bottom:1.75rem;display:flex;align-items:center;gap:.5rem}.results-filter-label{font-size:.9375rem;color:#475569;font-weight:500}.results-filter-select{padding:.4rem .85rem;font-size:.9rem;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:0;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.04)}.results-what-happened{margin-bottom:1.5rem;padding:.6rem .9rem;border-left:3px solid #22c55e;font-size:.95rem}.results-what-happened-faster{background:rgba(34,197,94,.08);border-left-color:#22c55e}.results-what-happened-faster .results-what-happened-text{color:#166534}.results-what-happened-slower{background:rgba(245,158,11,.08);border-left-color:#f59e0b}.results-what-happened-slower .results-what-happened-text{color:#92400e}.results-what-happened.hidden{display:none}.results-what-happened-label{font-weight:600;color:#0f172a;margin-right:.35rem}.results-stats-section{margin-bottom:2.25rem}.results-section-title{font-family:Inter,Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem;letter-spacing:-.01em}.results-section-title,.results-section-title--toggle{padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.results-section-title--toggle{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.results-collapse-btn{flex-shrink:0;padding:.25rem .5rem;font-size:.8125rem;font-weight:500;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:0;cursor:pointer}.results-times-wrap{overflow:hidden;max-height:3000px;transition:max-height .35s ease}.results-times-wrap.collapsed{max-height:0;margin:0;padding:0;border:none}.results-reading-list-wrap{overflow:hidden;max-height:2000px;transition:max-height .35s ease}.results-reading-list-wrap.collapsed{max-height:0;margin:0;padding:0}.results-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.125rem;gap:1.125rem}.results-stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:0;padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.results-stat-card-label{font-size:.8125rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.results-stat-card-value{font-family:IBM Plex Mono,Consolas,monospace;font-size:1.3125rem;font-weight:600;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results-record-section{margin-bottom:2.25rem}.results-record-desc{font-size:.9rem;color:#64748b;margin:0 0 .75rem;line-height:1.55}.results-reading-list,.results-times-list{list-style:none;padding:0;margin:0 0 .5rem;border:1px solid rgba(0,0,0,.06);border-radius:0;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.results-time-item{display:flex;flex-wrap:wrap;align-items:baseline;padding:.6rem .9rem;font-size:.9375rem;border-bottom:1px solid #f1f5f9;gap:.25rem .5rem}.results-time-item:last-child{border-bottom:none}.results-time-num{color:#0f172a;font-weight:500}.results-time-val{font-family:IBM Plex Mono,monospace;color:#0f172a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.results-time-diff{color:#64748b;font-size:.875rem}.results-change{font-size:.9rem;color:#64748b;margin:0}.results-reading-empty,.results-schulte-empty{font-size:.95rem;color:#64748b;margin:0;line-height:1.55}.results-reading-empty.hidden,.results-schulte-empty.hidden{display:none}.results-reading-empty a,.results-schulte-empty a{color:#2563eb;text-decoration:none;font-weight:500}.results-reading-section{margin-bottom:2.25rem}.results-reading-wrap.hidden{display:none}.results-reading-record-wrap{margin-top:1.5rem}.results-reading-chart-section{margin-bottom:2.25rem}.results-reading-chart-empty.hidden,.results-reading-chart-wrap.hidden,.results-segment-chart-wrap.hidden,.results-segment-empty.hidden{display:none}.results-segment-section{margin-bottom:2.25rem}.results-segment-desc{font-size:.9rem;color:#64748b;margin:0 0 .75rem;line-height:1.55}.results-chart-wrap,.results-segment-chart-wrap{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:0;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04)}.results-chart-section{margin-bottom:2.25rem}.results-tabs{display:flex;gap:0;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.08)}.results-tab{padding:.65rem 1.35rem;font-size:.9375rem;font-weight:500;color:#64748b;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.results-tab.results-tab-active{color:#2563eb;border-bottom-color:#2563eb}.results-tab-panel{padding-top:.75rem}.results-tab-panel-hidden{display:none}.results-chart-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 .5rem}.results-chart-desc{font-size:.9rem;color:#64748b;margin:0 0 .5rem;line-height:1.55}.results-chart-summary{font-size:.9375rem;font-weight:500;color:#0f172a;margin:0 0 1.125rem;padding:.6rem .9rem;background:rgba(59,130,246,.06);border-radius:0;border-left:3px solid #3b82f6}.results-chart{max-width:100%;width:100%;min-height:220px;aspect-ratio:760/260}.results-chart-svg{width:100%;height:100%;display:block}.results-chart-radio{margin-bottom:.85rem;display:flex;gap:1.25rem}.results-radio-label{font-size:.9rem;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.results-chart-hint{font-size:.8125rem;color:#94a3b8;margin:0;line-height:1.5}.results-adhd-note{font-size:.9rem;color:#64748b;margin:0;line-height:1.55;padding:.6rem .9rem;background:#f8fafc;border:1px solid #e2e8f0}.results-segment-radio{margin-top:.85rem;display:flex;gap:1.25rem}.results-reading-chart-wrap{background:#fff;border:1px solid rgba(0,0,0,.06);padding:1.5rem}.results-reading-chart-legend{font-size:.8125rem;color:#94a3b8;margin:.75rem 0 0}.results-reading-chart{width:100%;height:260px;margin-top:1rem}.hidden{display:none!important}@media (max-width:700px){.results-layout{flex-direction:column}.main-nav-results{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(0,0,0,.06)}.results-main{padding:1.5rem 1.25rem 2rem}.results-stats-grid{grid-template-columns:repeat(2,1fr)}}