:root{--sky:#6db1e8;--sky-dark:#4a9ad4;--mint:#9df2b2;--mint-hover:#7ee99a;--white:#fff;--ink:#1c1b1b;--ink-muted:#414751;--surface:#fcf9f8;--footer-bg:#f0eded;--error-bg:#ffdad6;--error-text:#93000a;--correct-fade:#1c1b1b59;--border:3px solid var(--ink);--shadow:4px 4px 0 0 var(--ink);--shadow-sm:3px 3px 0 0 var(--ink);--radius:1rem;--radius-pill:9999px;--font:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"Space Grotesk", monospace;--max-w:1000px;--margin-mobile:16px;--page-margin:var(--margin-mobile);--section-gap:4rem;--card-padding-y:3rem;--card-padding-x:2.75rem;--header-bg:var(--sky);--cloud-bg:#ffffff40;--pill-bg:#ffffffe6;--pill-btn-bg:#ffffffd9;--stats-bar-bg:#ffffff8c;--stats-bar-border:2px solid #1c1b1b33;--chart-card-bg:#ffffff80;--chart-card-border:2px solid #1c1b1b26;--chart-labels-color:#1c1b1b99;--blog-thumb-bg:#e5e2e1;--results-overlay-bg:#fffffff7;--section-meta-color:#1c1b1b99;--section-label-color:#1c1b1bb3;--info-back-bg:#ffffffd9;--chart-bar-bg:#6db1e899;--chart-bar-border:2px solid #1c1b1b33;--chart-bar-latest-bg:var(--sky-dark);--chart-empty-color:#1c1b1b80;--hero-title-gradient:linear-gradient(135deg, var(--ink) 30%, var(--ink-muted) 100%);--divider:#eae7e7;--table-header-bg:#f6f3f2;--profile-stat-bg:#f6f3f2;--blog-btn-hover-bg:#f6f3f2;--featured-thumb-bg:#e5e2e1;--modal-backdrop-bg:#1c1b1b66;--posts-count-bg:#fff9;--posts-count-border:#1c1b1b26;--footer-border:#1c1b1b1a;--blogs-subtitle-color:#ffffffd9}html.dark-theme{--sky:#0d1117;--sky-dark:#080c12;--mint:#10b981;--mint-hover:#34d399;--white:#161d2b;--ink:#e2e8f0;--ink-muted:#94a3b8;--surface:#0d1117;--footer-bg:#080c12;--error-bg:#3b0a1a;--error-text:#fb7185;--correct-fade:#e2e8f04d;--border:3px solid #e2e8f01f;--shadow:4px 4px 0 0 #10b98140;--shadow-sm:3px 3px 0 0 #10b98133;--header-bg:var(--surface);--cloud-bg:#10b9810a;--pill-bg:#161d2be6;--pill-btn-bg:#161d2be6;--stats-bar-bg:#161d2bb3;--stats-bar-border:2px solid #e2e8f01a;--chart-card-bg:#161d2b80;--chart-card-border:2px solid #e2e8f014;--chart-labels-color:#64748b;--chart-bar-bg:#10b98140;--chart-bar-border:2px solid #10b98166;--chart-bar-latest-bg:#10b981;--chart-empty-color:#475569;--blog-thumb-bg:#1a2436;--featured-thumb-bg:#1a2436;--results-overlay-bg:#0d1117f5;--section-meta-color:#64748b;--section-label-color:#94a3b8;--info-back-bg:#161d2b;--hero-title-gradient:linear-gradient(135deg, #fff 20%, #10b981 100%);--divider:#e2e8f014;--table-header-bg:#161d2bcc;--profile-stat-bg:#161d2bcc;--blog-btn-hover-bg:#10b9811f;--modal-backdrop-bg:#000000b3;--posts-count-bg:#161d2bcc;--posts-count-border:#e2e8f01a;--footer-border:#e2e8f00f;--blogs-subtitle-color:#e2e8f0b3}html.dracula-theme{--sky:#282a36;--sky-dark:#1e1f29;--mint:#ff79c6;--mint-hover:#ff92df;--white:#44475a;--ink:#f8f8f2;--ink-muted:#6272a4;--surface:#282a36;--footer-bg:#1e1f29;--error-bg:#f55;--error-text:#fff;--correct-fade:#f8f8f24d;--border:3px solid #bd93f9;--shadow:4px 4px 0 0 #bd93f966;--shadow-sm:3px 3px 0 0 #bd93f94d;--header-bg:var(--surface);--cloud-bg:#bd93f90a;--pill-bg:#44475ae6;--pill-btn-bg:#44475ae6;--stats-bar-bg:#44475ab3;--stats-bar-border:2px solid #f8f8f21a;--chart-card-bg:#44475a80;--chart-card-border:2px solid #f8f8f214;--chart-labels-color:#6272a4;--chart-bar-bg:#ff79c640;--chart-bar-border:2px solid #ff79c666;--chart-bar-latest-bg:#ff79c6;--chart-empty-color:#6272a4;--blog-thumb-bg:#44475a;--featured-thumb-bg:#44475a;--results-overlay-bg:#282a36f5;--section-meta-color:#6272a4;--section-label-color:#f8f8f2;--info-back-bg:#44475a;--hero-title-gradient:linear-gradient(135deg, #f8f8f2 20%, #bd93f9 100%);--divider:#f8f8f214;--table-header-bg:#44475acc;--profile-stat-bg:#44475acc;--blog-btn-hover-bg:#bd93f91f;--modal-backdrop-bg:#000000b3;--posts-count-bg:#44475acc;--posts-count-border:#f8f8f21a;--footer-border:#f8f8f20f;--blogs-subtitle-color:#f8f8f2b3}html.nord-theme{--sky:#2e3440;--sky-dark:#242933;--mint:#88c0d0;--mint-hover:#8fbcbb;--white:#3b4252;--ink:#eceff4;--ink-muted:#4c566a;--surface:#2e3440;--footer-bg:#242933;--error-bg:#bf616a;--error-text:#fff;--correct-fade:#eceff44d;--border:3px solid #81a1c1;--shadow:4px 4px 0 0 #81a1c166;--shadow-sm:3px 3px 0 0 #81a1c14d;--header-bg:var(--surface);--cloud-bg:#88c0d00a;--pill-bg:#3b4252e6;--pill-btn-bg:#3b4252e6;--stats-bar-bg:#3b4252b3;--stats-bar-border:2px solid #eceff41a;--chart-card-bg:#3b425280;--chart-card-border:2px solid #eceff414;--chart-labels-color:#d8dee9;--chart-bar-bg:#88c0d040;--chart-bar-border:2px solid #88c0d066;--chart-bar-latest-bg:#88c0d0;--chart-empty-color:#4c566a;--blog-thumb-bg:#3b4252;--featured-thumb-bg:#3b4252;--results-overlay-bg:#2e3440f5;--section-meta-color:#d8dee9;--section-label-color:#eceff4;--info-back-bg:#3b4252;--hero-title-gradient:linear-gradient(135deg, #eceff4 20%, #81a1c1 100%);--divider:#eceff414;--table-header-bg:#3b4252cc;--profile-stat-bg:#3b4252cc;--blog-btn-hover-bg:#81a1c11f;--modal-backdrop-bg:#000000b3;--posts-count-bg:#3b4252cc;--posts-count-border:#eceff41a;--footer-border:#eceff40f;--blogs-subtitle-color:#eceff4b3}html.botanical-theme{--sky:#7ba892;--sky-dark:#658c79;--mint:#e2e8c0;--mint-hover:#f1f5d6;--white:#fff;--ink:#3b4c42;--ink-muted:#536e60;--surface:#8abda3;--footer-bg:#658c79;--error-bg:#e28e8e;--error-text:#fff;--correct-fade:#3b4c424d;--border:3px solid #3b4c42;--shadow:4px 4px 0 0 #3b4c4266;--shadow-sm:3px 3px 0 0 #3b4c424d;--header-bg:var(--sky);--cloud-bg:#ffffff1a;--pill-bg:#ffffffe6;--pill-btn-bg:#ffffffd9;--stats-bar-bg:#ffffff8c;--stats-bar-border:2px solid #3b4c4233;--chart-card-bg:#ffffff80;--chart-card-border:2px solid #3b4c4226;--chart-labels-color:#3b4c42cc;--chart-bar-bg:#e2e8c099;--chart-bar-border:2px solid #3b4c424d;--chart-bar-latest-bg:#e2e8c0;--chart-empty-color:#3b4c4299;--blog-thumb-bg:#fff;--featured-thumb-bg:#fff;--results-overlay-bg:#7ba892f5;--section-meta-color:#3b4c42b3;--section-label-color:#3b4c42e6;--info-back-bg:#ffffffd9;--hero-title-gradient:linear-gradient(135deg, #2d3b33 20%, #3b4c42 100%);--divider:#3b4c421a;--table-header-bg:#ffffffb3;--profile-stat-bg:#ffffffb3;--blog-btn-hover-bg:#ffffff80;--modal-backdrop-bg:#3b4c4299;--posts-count-bg:#fff9;--posts-count-border:#3b4c4226;--footer-border:#3b4c421a;--blogs-subtitle-color:#3b4c42d9}html[class*=-theme] *,html[class*=-theme] :before,html[class*=-theme] :after{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s,fill .3s}html[class*=-theme] .typing-text,html[class*=-theme] .char,html[class*=-theme] .caret{transition:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;transition:background-color .3s,color .3s;overflow-x:hidden}body{font-family:var(--font);background:var(--sky);color:var(--ink);flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}main,.post-page,.info-page{flex:1}@keyframes cloud-drift{0%{transform:translate(110vw)}to{transform:translate(calc(-100% - 12vw))}}.cloud-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cloud{background:var(--cloud-bg);will-change:transform;border-radius:50%;animation:linear infinite cloud-drift;position:absolute;left:0}.cloud-1{border-radius:50px;width:200px;height:80px;animation-duration:52s;animation-delay:0s;top:10%;box-shadow:60px 10px 0 -10px #fff3,120px 0 0 -20px #ffffff26}.cloud-2{border-radius:40px;width:160px;height:60px;animation-duration:68s;animation-delay:-18s;top:32%}.cloud-3{border-radius:35px;width:120px;height:50px;animation-duration:44s;animation-delay:-32s;top:58%}.cloud-4{border-radius:45px;width:180px;height:70px;animation-duration:76s;animation-delay:-8s;top:78%;box-shadow:50px 8px 0 -8px #ffffff2e}.cloud-5{border-radius:38px;width:140px;height:55px;animation-duration:58s;animation-delay:-40s;top:45%}@media (prefers-reduced-motion:reduce){.cloud{opacity:.2;animation:none}}.header{z-index:100;padding:1rem var(--page-margin);max-width:var(--max-w);background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:1rem;width:100%;margin:0 auto;display:flex;position:sticky;top:0}.logo{color:var(--ink);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{font-size:1.5rem}.nav{gap:2rem;display:flex}.nav-link{color:var(--ink);opacity:.85;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .15s}.nav-link:hover,.nav-link.active{opacity:1;text-underline-offset:4px;text-decoration:underline}.header-actions{align-items:center;gap:.75rem;display:flex}.signin-wrap{position:relative}.signin-caret{margin-left:.2rem;font-size:.7rem;transition:transform .2s;display:inline-block}#signin-btn[aria-expanded=true] .signin-caret{transform:rotate(180deg)}.signin-menu{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius);min-width:150px;box-shadow:var(--shadow);z-index:200;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden}.signin-menu[hidden]{display:none}.signin-menu-item{width:100%;font-family:var(--font);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s;display:flex}.signin-menu-item:first-child{border-bottom:1px solid #1c1b1b1f}.signin-menu-item:hover{background:var(--surface)}.icon-btn{border:var(--border);background:var(--white);width:42px;height:42px;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex}.icon-btn:hover{box-shadow:1px 1px 0 0 var(--ink);transform:translate(2px,2px)}.btn{font-family:var(--font);border:var(--border);border-radius:var(--radius-pill);cursor:pointer;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s}.btn-primary{background:var(--mint);color:var(--ink);box-shadow:var(--shadow)}.btn-primary:hover{background:var(--mint-hover);box-shadow:1px 1px 0 0 var(--ink);transform:translate(3px,3px)}.btn-primary:active{box-shadow:none;transform:translate(4px,4px)}.btn-outline{background:var(--mint);color:var(--ink);box-shadow:var(--shadow);padding:.5rem .9rem;font-size:.85rem;text-decoration:none}.btn-outline:hover{background:var(--mint-hover);box-shadow:1px 1px 0 0 var(--ink);transform:translate(3px,3px)}.btn-outline:active{box-shadow:none;transform:translate(4px,4px)}.btn-full{width:100%}main{z-index:1;width:100%;min-width:0;max-width:var(--max-w);padding:0 var(--page-margin) 3rem;margin:0 auto;position:relative}.hero{padding-top:1rem}.hero-title{text-align:center;letter-spacing:-.02em;background:var(--hero-title-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 12px #0000002e);-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700;line-height:1.15}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.controls-left{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.pill-select{background:var(--pill-bg);border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:2px 2px 0 0 var(--ink);align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.875rem;font-weight:600;display:flex}.pill-select select{font-family:var(--font);cursor:pointer;color:var(--ink);background:0 0;border:none;outline:none;font-size:.875rem;font-weight:600}.pill-btn{font-family:var(--font);border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--pill-btn-bg);cursor:pointer;box-shadow:2px 2px 0 0 var(--ink);padding:.45rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s}.pill-btn:hover{box-shadow:1px 1px 0 0 var(--ink);transform:translate(1px,1px)}.pill-btn.active{background:var(--mint)}.custom-time-wrap{align-items:center;gap:.4rem;display:flex}.pill-input{font-family:var(--font);border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--pill-btn-bg);width:5ch;box-shadow:2px 2px 0 0 var(--ink);text-align:center;color:var(--ink);-moz-appearance:textfield;outline:none;padding:.4rem .6rem;font-size:.875rem;font-weight:600}.pill-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pill-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pill-input:focus{background:var(--white);box-shadow:0 0 0 3px #9df2b299, 2px 2px 0 0 var(--ink)}.stats-bar{background:var(--stats-bar-bg);border:var(--stats-bar-border);border-radius:var(--radius-pill);font-family:var(--font-mono);white-space:nowrap;flex-shrink:1;gap:1.25rem;max-width:100%;padding:.5rem 1rem;display:flex}.stat{flex-direction:column;align-items:center;min-width:2rem;display:flex}.stat-label{letter-spacing:.05em;opacity:.7;font-size:.65rem;font-weight:700}.stat-value{font-size:1.1rem;font-weight:700}.typing-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--card-padding-y) var(--card-padding-x) 2rem;margin-bottom:var(--section-gap);position:relative}.typing-card.focused{outline:3px solid var(--mint);outline-offset:2px}.typing-wrapper{cursor:text;outline:none;height:12.25rem;padding:.5rem 0;position:relative;overflow:hidden}.typing-wrapper:focus-within{outline:none}.typing-text{color:var(--ink-muted);word-wrap:break-word;white-space:pre-wrap;-webkit-user-select:none;user-select:none;will-change:transform;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:500;line-height:1.75;transition:transform .25s cubic-bezier(.4,0,.2,1)}.char{position:relative}.char.correct{color:var(--correct-fade)}.char.current{color:var(--ink);border-bottom:3px solid var(--mint);border-radius:2px}.char.incorrect{color:var(--error-text);background:var(--error-bg);border-radius:2px}.char.extra{color:var(--error-text);background:var(--error-bg);text-decoration:underline}.char.pending{color:var(--ink-muted)}.caret{background:var(--ink);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:-1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.word{white-space:nowrap;display:inline-block}.typing-input{opacity:0;cursor:text;color:#0000;caret-color:#0000;z-index:2;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.typing-actions{justify-content:center;gap:1rem;margin-top:1.25rem;display:flex}.circle-btn{border:var(--border);background:var(--white);width:48px;height:48px;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:flex}.circle-btn:hover{box-shadow:1px 1px 0 0 var(--ink);transform:translate(2px,2px)}.timer-badge{background:var(--sky);border:2px solid var(--ink);border-radius:var(--radius-pill);box-shadow:2px 2px 0 0 var(--ink);z-index:5;align-items:center;gap:.4rem;padding:.3rem .9rem;transition:background .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.timer-badge:before{content:"⏱";font-size:.75rem}.timer-badge-value{font-family:var(--font-mono);color:var(--ink);text-align:center;min-width:2.5rem;font-size:1rem;font-weight:700}.timer-badge.urgent{background:var(--error-bg);border-color:var(--error-text);box-shadow:2px 2px 0 0 var(--error-text)}.timer-badge.urgent .timer-badge-value{color:var(--error-text)}.results-overlay{background:var(--results-overlay-bg);border-radius:var(--radius);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.results-overlay[hidden]{display:none!important}.results-title{margin-bottom:1.5rem;font-size:1.75rem}.results-grid{gap:2rem;margin-bottom:1.5rem;display:flex}.result-item{text-align:center}.result-label{font-family:var(--font-mono);letter-spacing:.05em;opacity:.7;font-size:.75rem;display:block}.result-value{font-size:2rem;font-weight:800}.performance-section{margin-bottom:var(--section-gap)}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.section-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--section-label-color);font-size:.75rem;font-weight:700}.section-meta{color:var(--section-meta-color);font-size:.8rem}.chart-card{background:var(--chart-card-bg);border:var(--chart-card-border);border-radius:var(--radius);padding:1.5rem 1.5rem 1rem}.chart-labels{color:var(--chart-labels-color);justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;display:flex}.chart-bars{justify-content:space-between;align-items:flex-end;gap:.5rem;height:120px;padding-top:.5rem;display:flex}.chart-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-bar{background:var(--chart-bar-bg);border:var(--chart-bar-border);border-radius:6px 6px 0 0;width:100%;max-width:48px;min-height:4px;transition:height .3s}.chart-bar.latest{background:var(--chart-bar-latest-bg);border-color:var(--ink)}.chart-bar-label{font-size:.65rem;font-family:var(--font-mono);opacity:.7;margin-top:.35rem}.chart-empty{text-align:center;width:100%;color:var(--chart-empty-color);padding:2rem 0;font-size:.9rem}.blogs-section{margin-bottom:var(--section-gap)}.blogs-header{margin-bottom:1.5rem}.blogs-title{align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;display:flex}.blogs-more-link{font-family:var(--font-mono);color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:1px;font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .15s}.blogs-more-link:hover{opacity:.7}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;display:grid}.blog-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:left;transition:transform .15s,box-shadow .15s;overflow:hidden}.blog-card:hover{box-shadow:6px 6px 0 0 var(--ink);transform:translate(-2px,-2px)}.blog-thumb{background:var(--blog-thumb-bg);border-bottom:var(--border);justify-content:center;align-items:center;height:140px;font-size:3rem;display:flex}.blog-body{padding:1rem 1.25rem 1.25rem}.blog-date{font-family:var(--font-mono);border:2px solid var(--ink);border-radius:6px;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.blog-card h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700;line-height:1.3}.blog-card p{color:var(--ink-muted);font-size:.875rem;line-height:1.5}.post-article-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:1rem;padding:3rem 4rem}@media (width<=768px){.post-article-card{box-shadow:none;border-left:none;border-right:none;border-radius:0;margin-top:0;padding:2rem 1.25rem}#post-page{padding-top:0;padding-left:0;padding-right:0}.post-back{margin-top:1.25rem;margin-left:1.25rem}.post-cta{box-shadow:none;border-left:none;border-right:none;border-radius:0;margin-top:2rem;padding:2rem 1.25rem}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blogs-page-hero{text-align:center;padding:2.5rem 0 2rem}.blogs-page-title{color:var(--ink);text-shadow:none;letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.blogs-page-subtitle{color:var(--blogs-subtitle-color);max-width:520px;margin:0 auto;font-size:1.1rem;font-weight:500}.blog-featured-section{margin-bottom:3rem}.blog-featured-card{background:var(--white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;grid-template-columns:260px 1fr;transition:transform .15s,box-shadow .15s;display:grid;overflow:hidden}.blog-featured-card:hover{box-shadow:6px 6px 0 0 var(--ink);transform:translate(-2px,-2px)}.blog-featured-thumb{background:var(--featured-thumb-bg);border-right:var(--border);justify-content:center;align-items:center;min-height:220px;font-size:4rem;display:flex}.blog-featured-content{flex-direction:column;gap:.75rem;padding:2rem;display:flex}.blog-featured-title{font-size:1.5rem;font-weight:800;line-height:1.25}.blog-featured-excerpt{color:var(--ink-muted);flex:1;font-size:.95rem;line-height:1.65}.blog-featured-read{align-self:flex-start;margin-top:.5rem}.posts-count{font-family:var(--font-mono);letter-spacing:.04em;background:var(--posts-count-bg);border:2px solid var(--posts-count-border);border-radius:var(--radius-pill);color:var(--ink-muted);padding:.2rem .75rem;font-size:.75rem;font-weight:700}.blog-read-modal{width:min(640px,100vw - 2rem)}.btn-secondary{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:1px 1px 0 0 var(--ink);transform:translate(2px,2px)}.leaderboard-section{margin-bottom:var(--section-gap)}.leaderboard-card{border:var(--border);border-radius:var(--radius);box-shadow:none;background:0 0;overflow-x:auto}.leaderboard-table{border-collapse:collapse;width:100%;font-size:.95rem}.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:2px solid var(--divider);padding:.85rem 1.25rem}.leaderboard-table th{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-muted);background:0 0;font-size:.7rem}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tr:first-child td:first-child{font-weight:800}.empty-row{text-align:center;color:var(--ink-muted);padding:2rem!important}.footer{z-index:1;padding:1.5rem max(var(--page-margin), calc((100vw - var(--max-w)) / 2));background:var(--footer-bg);border-top:2px solid var(--footer-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex;position:relative}.footer-copy{color:var(--ink-muted);font-size:.85rem}.footer-nav{gap:1.5rem;display:flex}.footer-nav a{color:var(--ink);font-size:.85rem;font-weight:600;text-decoration:none}.footer-nav a:hover{text-decoration:underline}.modal-backdrop{background:var(--modal-backdrop-bg);z-index:200;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal{z-index:201;border:var(--border);border-radius:var(--radius);width:min(440px,100vw - 2rem);max-height:90vh;box-shadow:8px 8px 0 0 var(--ink);background:var(--white);padding:0;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal::backdrop{background:var(--modal-backdrop-bg)}.modal[open]{display:block}.modal-header{border-bottom:2px solid var(--divider);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.auth-modal{box-shadow:var(--shadow);border:var(--border);border-radius:12px;overflow:visible}.auth-close{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.auth-close:hover{color:var(--ink)}.auth-modal-content{padding:2.5rem 3rem}.auth-header{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.auth-header h2{color:var(--ink);margin:0;font-size:1.75rem;font-weight:800}.auth-switch-link{color:var(--sky-dark);font-size:.9rem;font-weight:600;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.auth-fields{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-input{border:1px solid var(--divider);background:var(--surface);width:100%;color:var(--ink);border-radius:6px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--sky-dark);outline:none;box-shadow:0 0 0 3px #38bdf826}.auth-submit{border-radius:6px;padding:.85rem;font-size:1rem;font-weight:700}.auth-separator{text-align:center;color:var(--ink-muted);margin:1.5rem 0;font-size:.85rem;position:relative}.auth-separator:before,.auth-separator:after{content:"";background:var(--divider);width:42%;height:1px;position:absolute;top:50%}.auth-separator:before{left:0}.auth-separator:after{right:0}.auth-social-btn{color:var(--ink);border:1px solid var(--divider);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem;font-weight:600;display:flex}.auth-social-btn:hover{background:var(--info-back-bg)}.auth-footer-text{color:var(--ink-muted);text-align:center;margin:0;font-size:.75rem;line-height:1.4}.auth-footer-text a{color:var(--sky-dark);text-decoration:none}.auth-footer-text a:hover{text-decoration:underline}.profile-footer-actions{border-top:1px solid var(--divider);text-align:right;margin-top:1.5rem;padding-top:1.5rem}.modal-header h2{font-size:1.25rem;font-weight:800}.modal-close{border:2px solid var(--ink);background:var(--white);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1}.modal-body{padding:1.5rem}.setting-row{border-bottom:1px solid var(--divider);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.setting-row:last-child{border-bottom:none}.form-error{color:var(--error);border:2px solid var(--error);text-align:center;background:#ef44441a;border-radius:.5rem;justify-content:center;align-items:center;margin-top:1rem;padding:.5rem .75rem;font-size:.9rem;font-weight:600;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}.profile-header-card{border-bottom:2px solid var(--divider);align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.profile-avatar{border:2px solid var(--divider);background:var(--info-back-bg);object-fit:cover;border-radius:50%;width:64px;height:64px}.profile-user-info{flex-direction:column;display:flex}.profile-name{color:var(--ink);margin:0;font-size:1.5rem;font-weight:800}.profile-joined{color:var(--ink-muted);font-size:.85rem;font-family:var(--font-mono);margin:0}.profile-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profile-stat{background:var(--profile-stat-bg);border:2px solid var(--divider);text-align:center;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.profile-stat-value{color:var(--ink);font-size:1.75rem;font-weight:800}.profile-stat-label{font-family:var(--font-mono);letter-spacing:.05em;color:var(--ink-muted);font-size:.7rem}.profile-themes{border-top:2px solid var(--divider);margin-top:1.5rem;padding-top:1.5rem}.profile-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--section-label-color);margin-bottom:1rem;font-size:.9rem;font-weight:700}.theme-picker{flex-wrap:wrap;gap:.75rem;display:flex}.theme-swatch{cursor:pointer;border-radius:50%;width:36px;height:36px;padding:0;transition:transform .2s,box-shadow .2s}.theme-swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}@media (width>=769px){:root{--section-gap:5rem;--card-padding-y:3.5rem;--card-padding-x:3.25rem}}@media (width>=1400px){:root{--max-w:920px}}@media (width<=768px){.header{background:var(--header-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;position:relative;display:flex!important}.btn{padding:.5rem .85rem;font-size:.85rem}.logo{gap:.25rem;font-size:1.1rem}.logo-icon{font-size:1.25rem}.header-actions{gap:.5rem}#header-start-btn{display:none}.nav{order:3;justify-content:center;gap:1.5rem;margin-top:.25rem;width:100%!important}.nav-link{font-size:.85rem}.controls-row{flex-direction:column;align-items:stretch}.controls-left{justify-content:center}.stats-bar{white-space:normal;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem .75rem}.leaderboard-table{font-size:.85rem}.leaderboard-table th,.leaderboard-table td{padding:.6rem .4rem}.typing-card{min-height:200px;padding:3.5rem 1.25rem 1.5rem}.typing-wrapper{min-height:110px;padding:.25rem 0}.results-grid{flex-flow:wrap;justify-content:center;gap:1rem}.result-value{font-size:1.5rem}.results-title{margin-bottom:1rem;font-size:1.4rem}.results-overlay{padding:1.5rem 1rem;overflow-y:auto}.footer{text-align:center;flex-direction:column}.blog-featured-card{grid-template-columns:1fr}.blog-featured-thumb{border-right:none;border-bottom:var(--border);min-height:140px}.timer-badge{padding:.15rem .55rem;font-size:.85rem;top:.6rem;right:.75rem}.timer-badge-value{min-width:2rem;font-size:.9rem}.section-header{flex-wrap:wrap;gap:.75rem}}html.dark-theme .cloud{opacity:0;animation:none}html.dark-theme .cloud-bg:after{content:"";pointer-events:none;background-image:radial-gradient(1px 1px at 8% 12%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 22% 55%,#ffffff4d 0%,#0000 100%),radial-gradient(2px 2px at 38% 28%,#10b98199 0%,#0000 100%),radial-gradient(1px 1px at 52% 73%,#ffffff59 0%,#0000 100%),radial-gradient(1px 1px at 67% 18%,#ffffff40 0%,#0000 100%),radial-gradient(2px 2px at 78% 62%,#10b98180 0%,#0000 100%),radial-gradient(1px 1px at 91% 42%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 13% 82%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 58% 8%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 33% 92%,#10b98159 0%,#0000 100%),radial-gradient(1px 1px at 47% 47%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 72% 88%,#ffffff40 0%,#0000 100%),radial-gradient(1px 1px at 3% 65%,#fff3 0%,#0000 100%),radial-gradient(1px 1px at 85% 5%,#10b98166 0%,#0000 100%);animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.7}50%{opacity:.3}to{opacity:.7}}html.dark-theme .header{border-bottom:1px solid #e2e8f012;box-shadow:0 1px #10b98114,0 8px 32px #0006}html.dark-theme .logo:hover .logo-text{color:#10b981}html.dark-theme .icon-btn{background:#161d2be6;border:1px solid #e2e8f01f;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0d}html.dark-theme .icon-btn:hover{background:#10b98114;transform:translateY(-1px);box-shadow:0 0 0 1px #10b98166,0 4px 16px #10b98133}html.dark-theme .signin-menu{background:#1a2132;border-color:#e2e8f026;box-shadow:0 8px 32px #00000080}html.dark-theme .signin-menu-item{color:#e2e8f0}html.dark-theme .signin-menu-item:first-child{border-bottom-color:#e2e8f01a}html.dark-theme .signin-menu-item:hover{background:#ffffff12}html.dark-theme .btn-primary{color:#fff;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b98166;box-shadow:0 2px 12px #10b98159,0 1px 3px #0000004d}html.dark-theme .btn-primary:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-1px);box-shadow:0 4px 20px #10b98180,0 2px 6px #0000004d}html.dark-theme .btn-primary:active{transform:translateY(0);box-shadow:0 1px 6px #10b9814d}html.dark-theme .btn-secondary{color:var(--ink);background:#161d2be6;border:1px solid #e2e8f01f;box-shadow:0 2px 8px #0003}html.dark-theme .btn-secondary:hover{background:#10b9811a;border-color:#10b9814d}html.dark-theme .pill-select,html.dark-theme .pill-btn,html.dark-theme .pill-input{color:var(--ink);background:#161d2bd9;border:1px solid #e2e8f01a;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}html.dark-theme .pill-btn:hover{background:#10b9811a;border-color:#10b9814d;transform:translateY(-1px)}html.dark-theme .pill-btn.active{color:#10b981;background:#10b98126;border-color:#10b98180;box-shadow:0 0 0 1px #10b98140,0 2px 8px #10b98126}html.dark-theme .pill-input:focus{background:#161d2bf2;border-color:#10b98180;box-shadow:0 0 0 3px #10b98126}html.dark-theme .pill-select select{color:var(--ink);background:0 0}html.dark-theme .stats-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161d2b99;border:1px solid #e2e8f014;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff08}html.dark-theme #stat-wpm{color:#10b981;text-shadow:0 0 12px #10b98166}html.dark-theme .typing-card{-webkit-backdrop-filter:blur(12px);background:#161d2bb3;border:1px solid #e2e8f01a;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a}html.dark-theme .typing-card.focused{border-color:#10b98166;box-shadow:0 0 0 1px #10b98126,0 0 28px #10b98114,0 8px 32px #0006}html.dark-theme .caret{background:#10b981;box-shadow:0 0 8px #10b981cc,0 0 16px #10b98166}html.dark-theme .char.correct{color:#e2e8f038}html.dark-theme .char.current{border-bottom:3px solid #10b981}html.dark-theme .char.incorrect{color:#fb7185;background:#3b0a1ab3}html.dark-theme .char.extra{color:#fb7185;background:#3b0a1a99}html.dark-theme .timer-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1117e6;border:1px solid #10b98140;box-shadow:0 2px 12px #0006,0 0 8px #10b98114}html.dark-theme .timer-badge-value{color:#10b981}html.dark-theme .timer-badge.urgent{background:#3b0a1ae6;border-color:#fb718580;box-shadow:0 0 16px #fb718533}html.dark-theme .timer-badge.urgent .timer-badge-value{color:#fb7185;text-shadow:0 0 8px #fb718580}html.dark-theme .circle-btn{background:#161d2be6;border:1px solid #e2e8f01a;box-shadow:0 2px 8px #0000004d}html.dark-theme .circle-btn:hover{background:#10b9811a;border-color:#10b98159;transform:translateY(-1px);box-shadow:0 0 12px #10b98133}html.dark-theme .results-overlay{-webkit-backdrop-filter:blur(16px);background:#0d1117f2}html.dark-theme .result-value{color:#10b981;text-shadow:0 0 20px #10b98166}html.dark-theme .chart-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161d2b66;border:1px solid #e2e8f012;box-shadow:0 4px 16px #0000004d}html.dark-theme .chart-bar.latest{box-shadow:0 0 16px #10b98166}html.dark-theme .blog-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161d2bb3;border:1px solid #e2e8f014;box-shadow:0 4px 16px #0000004d}html.dark-theme .blog-card:hover{border-color:#10b9814d;transform:translate(-2px,-2px);box-shadow:0 0 0 1px #10b9811a,0 8px 32px #0006}html.dark-theme .blog-date{color:#10b981;background:#10b98114;border-color:#10b98159}html.dark-theme .blog-featured-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#161d2bb3;border:1px solid #e2e8f014;box-shadow:0 8px 32px #0006}html.dark-theme .blog-featured-card:hover{border-color:#10b9814d;box-shadow:0 0 0 1px #10b9811a,0 12px 40px #00000080}html.dark-theme .leaderboard-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:1px solid #e2e8f014}html.dark-theme .leaderboard-table tr:hover td{background:#10b9810d}html.dark-theme .leaderboard-table tr:first-child td:first-child{color:#10b981}html.dark-theme .modal{background:var(--white);border:1px solid #e2e8f01a;box-shadow:0 25px 60px #000000b3,0 0 0 1px #10b9810f}html.dark-theme .auth-switch-link,html.dark-theme .auth-footer-text a{color:var(--mint)}html.dark-theme .modal-close{color:var(--ink);background:#161d2be6;border:1px solid #e2e8f01a}html.dark-theme .modal-close:hover{color:#fb7185;background:#fb71851f;border-color:#fb71854d}html.dark-theme .footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c12f2;border-top:1px solid #e2e8f00f}html.dark-theme .profile-stat{background:#0d111780;border:1px solid #e2e8f014}html.dark-theme .profile-stat-value{color:#10b981}html.dark-theme .nav-link.active{color:#10b981;text-decoration-color:#10b981}html.dark-theme .nav-link:hover{color:#10b981;opacity:1}html.dark-theme .blogs-more-link{color:#10b981;border-bottom-color:#10b98166}html.dark-theme .hero-title{filter:drop-shadow(0 0 24px #10b98140)}html.dark-theme ::-webkit-scrollbar{width:6px}html.dark-theme ::-webkit-scrollbar-track{background:#0d1117cc}html.dark-theme ::-webkit-scrollbar-thumb{background:#10b9814d;border-radius:3px}html.dark-theme ::-webkit-scrollbar-thumb:hover{background:#10b98180}html.dark-theme ::selection{color:#e2e8f0;background:#10b98140}