@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-vietnamese-wght-normal.27mjgerpp-p8q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-ext-wght-normal.0w34jt9rgyj5v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/fraunces-latin-wght-normal.2on4lsczlu6gv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.lowercase{text-transform:lowercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#fffdf8;--ink:#17131f;--muted:#6e6877;--line:#d9d3df;--yellow:#ffe13f;--yellow-soft:#fff5ad;--pink:#ff4f8b;--pink-soft:#ffdbe7;--white:#fff;--lavender:#f5efff;--shadow:0 24px 70px #2d1d341f;--shadow-small:0 10px 28px #2d1d3417}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font-variation-settings:"wght" 520;background-image:radial-gradient(#ded7e3 .75px,#0000 .75px);background-size:22px 22px;margin:0;font-family:Manrope Variable,Manrope,Segoe UI,sans-serif;overflow-x:hidden}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:4px}.site-shell{isolation:isolate;width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:22px clamp(22px,5vw,78px) 34px;position:relative}.site-shell:after{z-index:-1;border:2px solid var(--ink);content:"";pointer-events:none;background:var(--yellow);width:126px;height:126px;box-shadow:-12px 10px 0 var(--pink-soft);border-radius:50%;position:fixed;bottom:12%;right:-62px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0 20px;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--yellow);border-radius:12px;justify-content:center;align-items:center;gap:1px;width:45px;height:40px;transition:background-color .18s;display:flex;position:relative}.brand-mark:after{background:var(--pink);content:"";pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.brand-mark b{z-index:1;color:var(--ink);font-variation-settings:"wght" 900;letter-spacing:-.14em;font-size:16px;line-height:1;position:relative}.brand-mark b:last-child{color:#bb2457}.brand-name{color:var(--ink);font-variation-settings:"wght" 900;letter-spacing:-.035em;white-space:nowrap;font-size:clamp(14px,1.55vw,19px);line-height:1;transition:color .18s}.brand:hover .brand-mark{background:var(--pink-soft)}.brand:hover .brand-name{color:#bb2457}.topbar-actions{align-items:center;gap:12px;display:flex}.header-chip,.topbar-note{border:1px solid var(--line);min-height:34px;color:var(--muted);font-variation-settings:"wght" 740;letter-spacing:.075em;text-transform:uppercase;background:#ffffffe0;border-radius:999px;align-items:center;gap:9px;padding:0 13px;font-size:10px;display:inline-flex}.header-chip{border-color:var(--ink);background:var(--pink-soft);color:var(--ink)}.account-chip{border:1px solid var(--line);background:var(--white);max-width:190px;min-height:34px;color:var(--ink);font-variation-settings:"wght" 760;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 5px;font-size:9px;display:inline-flex}.account-chip b,.account-avatar{border:1.5px solid var(--ink);background:var(--yellow);font-variation-settings:"wght" 900;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:10px;display:inline-grid}.account-avatar{object-fit:cover}.account-chip .account-copy{flex-direction:column;min-width:0;line-height:1.2;display:flex;overflow:hidden}.account-copy strong,.account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-copy strong{font-size:9px}.account-copy small{color:var(--muted);font-size:7px}.sign-out-control{border:1.5px solid var(--ink);background:var(--ink);min-height:34px;color:var(--white);font-variation-settings:"wght" 800;letter-spacing:.04em;cursor:pointer;border-radius:999px;padding:0 12px;font-size:9px;transition:background-color .16s,color .16s,transform .16s}.sign-out-control:hover{background:var(--pink);color:var(--ink);transform:translateY(-1px)}.live-dot{background:var(--pink);width:8px;height:8px;box-shadow:0 0 0 4px var(--pink-soft);border-radius:50%}.intro{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;gap:56px;padding:clamp(50px,6.8vw,94px) 0 clamp(40px,5vw,65px);display:grid}.intro-main{grid-template-columns:minmax(0,1.22fr) minmax(245px,.78fr);align-items:center;gap:clamp(24px,3vw,46px);min-width:0;display:grid}.intro-heading{z-index:2;min-width:0;position:relative}.eyebrow{color:var(--muted);font-variation-settings:"wght" 800;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:11px;margin:0 0 22px;font-size:10px;display:flex}.eyebrow span{border:1.5px solid var(--ink);background:var(--yellow);min-width:37px;min-height:26px;color:var(--ink);letter-spacing:0;border-radius:999px;place-items:center;padding:3px 9px;display:inline-grid}.intro h1{font-variation-settings:"wght" 880;letter-spacing:-.085em;max-width:900px;margin:0;font-size:clamp(62px,7.4vw,112px);line-height:.78}.intro h1 em,.result-copy h2 em{font-variation-settings:"opsz" 110, "wght" 650;letter-spacing:-.06em;font-family:Fraunces Variable,Fraunces,Georgia,serif;font-style:italic;display:inline-block;position:relative}.intro h1 em{z-index:0}.intro h1 em:after{z-index:-1;background:var(--pink);content:"";border-radius:999px;height:22px;position:absolute;bottom:-11px;left:7px;right:-10px;transform:rotate(-2deg)}.typing-portrait{z-index:1;border:2px solid var(--ink);background:var(--ink);min-width:0;box-shadow:8px 8px 0 var(--pink), 15px 15px 0 var(--yellow), 0 26px 52px #2d1d342e;border-radius:24px;margin:0;transition:box-shadow .3s,transform .42s cubic-bezier(.16,1,.3,1);position:relative;transform:rotate(1.5deg)}.typing-portrait:before{z-index:3;border:1.5px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);color:var(--ink);content:"IN FLOW";font-variation-settings:"wght" 900;letter-spacing:.12em;border-radius:999px;padding:7px 10px 6px;font-size:8px;position:absolute;top:13px;left:-14px}.typing-portrait img{aspect-ratio:117/140;object-fit:cover;object-position:center;border-radius:21px;width:100%;display:block}.typing-portrait figcaption{color:#ffffffb8;font-variation-settings:"wght" 760;letter-spacing:.09em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17131fc7;border:1px solid #ffffff3d;border-radius:11px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:7px;display:flex;position:absolute;bottom:11px;left:11px;right:11px}.typing-portrait figcaption span{color:var(--white);font-variation-settings:"wght" 900;font-size:9px}.typing-portrait:hover{box-shadow:11px 11px 0 var(--pink), 20px 20px 0 var(--yellow), 0 32px 62px #2d1d3438;transform:rotate(0)translateY(-7px)}.intro-side{align-self:end;gap:29px;padding-bottom:4px;display:grid}.intro-copy{color:#57505f;font-variation-settings:"wght" 540;max-width:390px;margin:0;font-size:clamp(16px,1.5vw,20px);line-height:1.7}.key-row{isolation:isolate;perspective:1100px;width:min(430px,100%);height:285px;transform-style:preserve-3d;cursor:default;place-items:center;margin:-16px 0 -17px;display:grid;position:relative}.key-row:before{z-index:-3;content:"";background:radial-gradient(circle at 28% 27%,#fffffff5 0 5%,#0000 5.5%),linear-gradient(145deg,#fff6c7 0%,#ffe13f 47%,#ffc62f 100%);border:1.5px solid #19141e24;border-radius:46% 54% 49% 51%/57% 39% 61% 43%;position:absolute;inset:18px 29px 33px 35px;transform:rotate(-7deg)translateZ(-55px);box-shadow:18px 18px #ff4f8b3d}.key-row:after{z-index:-2;border:18px solid var(--pink);content:"";opacity:.82;border-radius:50%;width:126px;height:126px;position:absolute;bottom:23px;right:12px;transform:translateZ(-35px)}.character-orbit{z-index:-1;border:2px solid var(--ink);background:var(--white);display:block;position:absolute}.character-orbit-yellow{background:var(--yellow);width:31px;height:31px;box-shadow:5px 5px 0 var(--ink);border-radius:50%;top:29px;left:17px}.character-orbit-pink{background:var(--pink);width:23px;height:23px;top:52px;right:3px;transform:rotate(12deg)}.character-shadow{z-index:-1;filter:blur(13px);background:#17121b47;border-radius:50%;width:67%;height:30px;position:absolute;bottom:21px;left:50%;transform:translate(-50%)rotate(-3deg)}.key-row img{z-index:2;object-fit:contain;filter:drop-shadow(0 19px 11px #2b142138);-webkit-user-select:none;user-select:none;transform-origin:50% 72%;width:100%;height:100%;transition:filter .3s,transform .5s cubic-bezier(.16,1,.3,1);animation:.85s cubic-bezier(.16,1,.3,1) both character-arrive;display:block;position:relative;transform:translateY(-7px)translateZ(55px)rotateY(-4deg)rotateX(1deg)}.key-row:hover img{filter:drop-shadow(0 27px 15px #2b142147);transform:translateY(-18px)translateZ(95px)rotateY(2deg)rotateX(-1deg)scale(1.045)}.character-label{z-index:4;border:1.5px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-variation-settings:"wght" 850;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:7px 10px 6px;font-size:8px;position:absolute;bottom:14px;right:7px;transform:rotate(4deg)}@keyframes character-arrive{0%{opacity:0;transform:translateY(50px)translateZ(-70px)rotateY(-14deg)rotateX(8deg)scale(.72)}to{opacity:1;transform:translateY(-7px)translateZ(55px)rotateY(-4deg)rotateX(1deg)scale(1)}}.benefit-strip{border:1.5px solid var(--ink);background:var(--ink);color:var(--white);border-bottom:0;border-radius:20px 20px 0 0;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.benefit-strip span{font-variation-settings:"wght" 710;letter-spacing:.05em;text-transform:uppercase;border-right:1px solid #453d4d;align-items:center;gap:13px;min-height:48px;padding:0 21px;font-size:10px;display:flex}.benefit-strip span:last-child{border-right:0}.benefit-strip b{color:var(--yellow)}.setup-grid{border:1.5px solid var(--ink);background:var(--white);box-shadow:12px 12px 0 var(--pink), var(--shadow);border-radius:0 0 22px 22px;grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);display:grid;position:relative}.panel{padding:clamp(32px,3.5vw,52px)}.difficulty-panel{border-right:1.5px solid var(--ink)}.duration-panel{background:var(--yellow-soft);border-radius:0 0 21px}.panel-heading{align-items:flex-start;gap:17px;margin-bottom:33px;display:flex}.panel-heading h2{font-variation-settings:"wght" 800;letter-spacing:-.045em;margin:1px 0 6px;font-size:clamp(22px,2vw,29px)}.panel-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.step-number{border:1.5px solid var(--ink);background:var(--yellow);width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);font-variation-settings:"wght" 900;border-radius:12px;flex:none;place-items:center;font-size:12px;display:grid;transform:rotate(-3deg)}.step-number.pink{background:var(--pink);color:var(--white);transform:rotate(3deg)}.choice-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.choice-card{border:1.5px solid var(--line);background:var(--white);min-height:142px;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;grid-template-columns:1fr auto;align-content:space-between;align-items:start;gap:16px;padding:19px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.choice-card:hover{border-color:var(--ink);box-shadow:var(--shadow-small);transform:translateY(-4px)}.choice-card.selected{border-color:var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.choice-card:nth-child(2).selected{background:var(--yellow-soft)}.choice-card:nth-child(3).selected{background:var(--pink);color:var(--white)}.choice-marker{border:1.5px solid var(--ink);background:var(--white);width:44px;height:44px;color:var(--ink);font-variation-settings:"wght" 720;border-radius:12px;grid-column:1;place-items:center;font-family:Fraunces Variable,Fraunces,Georgia,serif;font-size:16px;display:grid}.choice-card>span:nth-child(2){grid-column:1/-1}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-variation-settings:"wght" 810;margin-bottom:4px;font-size:16px}.choice-card small{color:var(--muted);font-variation-settings:"wght" 650;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.choice-card:nth-child(3).selected small{color:#4d1528}.radio{background:var(--white);border:1.5px solid #aaa3ad;border-radius:50%;grid-area:1/2;width:18px;height:18px}.choice-card.selected .radio{border:5px solid var(--ink)}.duration-options{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.duration-options button{border:1.5px solid var(--ink);background:var(--white);min-height:75px;color:var(--ink);cursor:pointer;border-radius:13px;padding:11px 7px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px #c8c0a0}.duration-options button:hover{transform:translateY(-2px)}.duration-options button.active{background:var(--pink);color:var(--white);transform:translateY(-3px);box-shadow:0 4px #c72b60}.duration-options strong,.duration-options span{display:block}.duration-options strong{font-variation-settings:"wght" 860;font-size:25px;line-height:1}.duration-options span{font-variation-settings:"wght" 800;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px}.start-button,.secondary-button{border:1.5px solid var(--ink);font-variation-settings:"wght" 820;cursor:pointer;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:61px;padding:0 20px 0 23px;transition:transform .16s,box-shadow .16s;display:flex}.start-button{background:var(--ink);box-shadow:0 6px 0 var(--pink);color:var(--white)}.start-button:hover,.secondary-button:hover{box-shadow:6px 6px 0 var(--yellow);transform:translate(-2px,-2px)}.start-button span{background:var(--yellow);width:31px;height:31px;color:var(--ink);border-radius:50%;place-items:center;font-size:17px;display:grid}.keyboard-hint{color:#655d51;font-variation-settings:"wght" 700;letter-spacing:.035em;text-align:center;margin:17px 0 0;font-size:10px}.test-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px;min-height:575px;display:grid}.typing-card{border:1.5px solid var(--ink);background:var(--white);min-width:0;box-shadow:10px 10px 0 var(--pink), var(--shadow);border-radius:22px;flex-direction:column;padding:clamp(27px,3.7vw,50px);display:flex;position:relative;overflow:hidden}.typing-card:before{border:2px solid var(--ink);background:var(--yellow-soft);content:"";opacity:.7;border-radius:50%;width:140px;height:140px;position:absolute;top:-46px;right:-32px}.test-toolbar{z-index:2;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex;position:relative}.test-tag{color:var(--muted);font-variation-settings:"wght" 800;letter-spacing:.085em;text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex}.test-tag span{border:1.5px solid var(--ink);background:var(--yellow);width:35px;height:35px;color:var(--ink);letter-spacing:0;border-radius:10px;place-items:center;font-family:Fraunces Variable,Fraunces,Georgia,serif;font-size:13px;display:grid}.toolbar-right{align-items:center;gap:16px;display:flex}.test-status{border:1px solid var(--line);color:#376427;font-variation-settings:"wght" 800;letter-spacing:.06em;text-transform:uppercase;background:#f7fff2;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 11px;font-size:9px;display:inline-flex}.test-status i{background:#63be43;border-radius:50%;width:7px;height:7px}.test-status.waiting{background:var(--yellow-soft);color:#554800;border-color:#e4c300}.test-status.waiting i{background:#e4b900;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.text-button{border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);font-variation-settings:"wght" 760;cursor:pointer;background:0 0;padding:3px 0;font-size:11px}.progress-track{z-index:2;background:#eee9f0;border-radius:999px;width:100%;height:7px;margin-bottom:31px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--pink);height:100%;transition:width .15s;display:block}.passage{z-index:2;color:#b9b3bd;font-variation-settings:"wght" 590;letter-spacing:-.035em;word-spacing:.32em;white-space:nowrap;cursor:text;-webkit-user-select:none;user-select:none;flex:1;align-items:center;font-family:Manrope Variable,Manrope,sans-serif;font-size:clamp(22px,2.15vw,30px);line-height:1.35;display:flex;position:relative;overflow:hidden}.passage-track{white-space:nowrap;will-change:transform;min-width:max-content;display:inline-block;transform:translate(0)}.passage .correct{color:var(--ink)}.passage .incorrect{background:var(--pink-soft);color:#b2154d;text-decoration:underline;-webkit-text-decoration-color:var(--pink);-webkit-text-decoration-color:var(--pink);-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink);border-radius:3px;text-decoration-thickness:2px}.passage .current{color:var(--ink);position:relative}.passage .current:before{background:var(--pink);content:"";border-radius:4px;width:3px;animation:.9s step-end infinite blink;position:absolute;top:1px;bottom:0;left:-1px}@keyframes blink{50%{opacity:0}}.typing-input{z-index:3;resize:none;caret-color:#0000;color:#0000;opacity:.01;background:0 0;border:0;outline:0;width:auto;height:auto;position:absolute;inset:100px 42px 56px}.focus-note{z-index:2;background:var(--lavender);color:var(--muted);font-variation-settings:"wght" 670;text-align:center;border-radius:999px;align-self:center;margin:27px 0 0;padding:9px 15px;font-size:10px;position:relative}.live-stats{grid-template-rows:.8fr 1.2fr;gap:18px;display:grid}.live-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}.timer-card,.mini-stat{border:1.5px solid var(--ink);min-height:0;box-shadow:var(--shadow-small);border-radius:20px;flex-direction:column;justify-content:space-between;padding:25px;display:flex;position:relative;overflow:hidden}.timer-card{background:var(--yellow)}.timer-card.timer-waiting{background:var(--yellow-soft);box-shadow:7px 7px 0 var(--yellow)}.timer-card>span,.mini-stat>span,.hero-score>span,.detail-row span{font-variation-settings:"wght" 840;letter-spacing:.11em;text-transform:uppercase;font-size:9px}.timer-card strong{z-index:1;font-variation-settings:"wght" 890;letter-spacing:-.075em;font-size:clamp(41px,4vw,61px);position:relative}.timer-orbit{border:2px dashed #17131f45;border-radius:50%;width:155px;height:155px;position:absolute;bottom:-48px;right:-48px}.timer-orbit span{border:1.5px solid var(--ink);background:var(--white);width:28px;height:28px;box-shadow:3px 3px 0 var(--ink);border-radius:10px;position:absolute;top:8px;left:7px}.mini-stat{background:var(--white)}.live-stat-grid .mini-stat{border-radius:17px;padding:18px}.mini-stat strong{font-variation-settings:"wght" 890;letter-spacing:-.07em;font-size:50px;line-height:.9}.mini-stat small{color:var(--muted);font-variation-settings:"wght" 820;font-size:9px;position:absolute;bottom:25px;right:25px}.live-stat-grid .mini-stat small{bottom:18px;right:18px}.compact-stat strong{font-size:40px}.error-stat{background:var(--lavender)}.pink-stat{background:var(--pink);color:var(--white)}.pink-stat small{color:#481124}.result-card{border:1.5px solid var(--ink);background:var(--white);box-shadow:12px 12px 0 var(--yellow), var(--shadow);border-radius:22px;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,6vw,88px);padding:clamp(34px,5vw,74px);display:grid}.results-dashboard{animation:.52s cubic-bezier(.2,.8,.2,1) both results-reveal}@keyframes results-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.result-copy{align-self:center}.result-copy h2{font-variation-settings:"wght" 870;letter-spacing:-.075em;margin:0 0 25px;font-size:clamp(46px,5.4vw,79px);line-height:.91}.result-copy h2 em{font-size:.88em}.result-copy>p:not(.eyebrow){max-width:500px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.result-copy .personal-best-badge{border:1.5px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);color:var(--ink);font-variation-settings:"wght" 850;letter-spacing:.04em;border-radius:999px;margin:0 0 22px;padding:8px 12px;font-size:10px;display:inline-flex}.result-actions{grid-template-columns:1.1fr .9fr;gap:11px;margin-top:34px;display:grid}.secondary-button{background:var(--white);color:var(--ink);justify-content:center}.weak-practice-button{background:var(--pink-soft)}.settings-button{border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);font-variation-settings:"wght" 780;cursor:pointer;background:0 0;grid-column:1/-1;justify-self:center;padding:5px 2px;font-size:10px}.score-board{border:1.5px solid var(--ink);box-shadow:var(--shadow-small);border-radius:20px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.hero-score{flex-direction:column;justify-content:space-between;min-height:275px;padding:clamp(25px,3vw,39px);display:flex;position:relative}.yellow-score{border-right:1.5px solid var(--ink);background:var(--yellow)}.pink-score{background:var(--pink);color:var(--white)}.hero-score strong{font-variation-settings:"wght" 900;letter-spacing:-.1em;font-size:clamp(70px,7vw,110px);line-height:.78}.hero-score small{font-variation-settings:"wght" 760;font-size:10px}.detail-row{border-top:1.5px solid var(--ink);background:var(--white);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.detail-row div{border-right:1px solid var(--line);padding:22px}.detail-row div:last-child{border-right:0}.detail-row span,.detail-row strong{display:block}.result-detail-grid div:nth-child(3n){border-right:0}.result-detail-grid div:nth-child(n+4){border-top:1px solid var(--line)}.result-insights{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:20px;margin-top:20px;display:grid}.weak-keys-card,.progress-card{border:1.5px solid var(--ink);background:var(--white);min-width:0;box-shadow:var(--shadow-small);border-radius:22px;padding:clamp(24px,3.5vw,40px)}.weak-keys-card{background:var(--yellow-soft)}.insight-heading{align-items:center;gap:14px;margin-bottom:25px;display:flex}.insight-heading>div{min-width:0}.insight-heading p{color:var(--muted);font-variation-settings:"wght" 820;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:8px}.insight-heading h3{font-variation-settings:"wght" 860;letter-spacing:-.055em;margin:0;font-size:clamp(21px,2.3vw,31px)}.compact-heading{justify-content:space-between}.history-count{border:1px solid var(--line);color:var(--muted);font-variation-settings:"wght" 800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:6px 10px;font-size:8px}.weak-key-list{gap:13px;margin:0;padding:0;list-style:none;display:grid}.weak-key-list li{grid-template-columns:43px 1fr;align-items:center;gap:12px;min-height:46px;display:grid;position:relative;overflow:hidden}.weak-key-list kbd{z-index:1;border:1.5px solid var(--ink);background:var(--white);width:40px;height:40px;box-shadow:3px 3px 0 var(--ink);font-variation-settings:"wght" 880;border-radius:11px;place-items:center;font-family:inherit;font-size:16px;display:grid;position:relative}.weak-key-list span{z-index:1;font-variation-settings:"wght" 720;font-size:11px;position:relative}.weak-key-list i{background:var(--pink);border-radius:999px;max-width:calc(100% - 55px);height:4px;position:absolute;bottom:1px;left:55px;right:0}.no-weak-keys,.chart-empty{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.progress-chart-wrap{min-width:0}.chart-legend{color:var(--muted);font-variation-settings:"wght" 780;letter-spacing:.06em;text-transform:uppercase;justify-content:flex-end;gap:18px;margin:-8px 0 8px;font-size:8px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:999px;width:17px;height:4px}.legend-wpm{background:var(--pink)}.legend-accuracy{background:var(--ink)}.progress-chart{width:100%;height:auto;display:block;overflow:visible}.chart-grid-line{stroke:#e5dfe7;stroke-dasharray:5 7;stroke-width:1px}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.chart-line-wpm{stroke:var(--pink)}.chart-line-accuracy{stroke:var(--ink);stroke-dasharray:7 8;stroke-width:3px}.chart-dot{stroke:var(--white);stroke-width:3px}.chart-dot-wpm{fill:var(--pink)}.chart-dot-accuracy{fill:var(--ink)}.chart-label,.chart-axis-label{fill:var(--muted);font-variation-settings:"wght" 760;font-family:Manrope Variable,Manrope,sans-serif;font-size:10px}.detail-row span{color:var(--muted);margin-bottom:9px}.detail-row strong{font-variation-settings:"wght" 820;font-size:18px}footer{color:var(--muted);font-variation-settings:"wght" 630;justify-content:space-between;padding:32px 0 0;font-size:10px;display:flex}footer p{margin:0}footer a{color:var(--ink);font-variation-settings:"wght" 760;text-underline-offset:3px}.login-shell{background:radial-gradient(circle at 12% 15%, #ffe13fb8 0 9%, transparent 9.3%), radial-gradient(circle at 91% 83%, #ff4f8b47 0 13%, transparent 13.3%), radial-gradient(#ded7e3 .75px, transparent .75px), var(--paper);background-size:auto,auto,22px 22px,auto;place-items:center;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid}.login-card{border:2px solid var(--ink);background:var(--white);width:min(1040px,100%);min-height:min(690px,100vh - 54px);box-shadow:12px 12px 0 var(--pink), 24px 24px 0 var(--yellow), var(--shadow);border-radius:30px;grid-template-columns:minmax(300px,.84fr) minmax(360px,1.16fr);display:grid;overflow:hidden}.login-visual{border-right:2px solid var(--ink);background:linear-gradient(#ffffff47 1px, transparent 1px), linear-gradient(90deg, #ffffff47 1px, transparent 1px), var(--pink);background-size:26px 26px;place-items:center;display:grid;position:relative;overflow:hidden}.login-visual:before{border:2px solid var(--ink);background:var(--yellow);content:"";border-radius:50%;width:310px;height:310px;position:absolute;box-shadow:16px 16px #17131f24}.login-visual:after{border:2px solid var(--ink);background:var(--pink-soft);content:"";border-radius:50%;width:210px;height:150px;position:absolute;bottom:-25px;left:-55px;transform:rotate(19deg)}.login-keys{z-index:2;grid-template-columns:repeat(2,94px);gap:14px;display:grid;position:relative;transform:rotate(-5deg)}.login-keys b{border:2px solid var(--ink);background:var(--white);height:94px;box-shadow:7px 7px 0 var(--ink);color:var(--ink);font-variation-settings:"wght" 900;border-radius:23px;place-items:center;font-size:42px;display:grid}.login-keys b:nth-child(2),.login-keys b:nth-child(3){background:var(--pink-soft)}.login-visual>p{z-index:3;border:1.5px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);font-variation-settings:"wght" 850;letter-spacing:.11em;text-transform:uppercase;border-radius:999px;margin:0;padding:8px 11px;font-size:8px;position:absolute;bottom:24px;right:22px}.login-orbit{z-index:1;border:2px solid var(--ink);display:block;position:absolute}.login-orbit-yellow{background:var(--yellow);border-radius:50%;width:40px;height:40px;top:54px;left:31px}.login-orbit-pink{background:var(--white);width:27px;height:27px;top:30%;right:24px;transform:rotate(14deg)}.login-content{flex-direction:column;justify-content:center;padding:clamp(42px,7vw,92px);display:flex}.login-brand{width:fit-content;color:var(--ink);font-variation-settings:"wght" 900;letter-spacing:-.02em;align-items:center;gap:10px;margin-bottom:clamp(54px,8vh,90px);font-size:14px;text-decoration:none;display:inline-flex}.login-brand span{border:2px solid var(--ink);background:var(--yellow);width:38px;height:35px;color:var(--ink);letter-spacing:-.08em;border-radius:10px;place-items:center;font-size:12px;display:grid}.login-kicker{color:#b82055;font-variation-settings:"wght" 850;letter-spacing:.15em;text-transform:uppercase;margin:0 0 13px;font-size:9px}.login-content h1{max-width:520px;color:var(--ink);font-variation-settings:"wght" 900;letter-spacing:-.075em;margin:0;font-size:clamp(46px,5.4vw,76px);line-height:.92}.login-content h1 em{color:var(--pink);font-variation-settings:"opsz" 110, "wght" 650;font-family:Fraunces Variable,Fraunces,Georgia,serif;font-style:italic;display:block}.login-copy{max-width:500px;color:var(--muted);margin:27px 0 30px;font-size:14px;line-height:1.75}.login-error{background:var(--pink-soft);color:#96163f;font-variation-settings:"wght" 680;border:1px solid #df7b9f;border-radius:11px;margin:-12px 0 22px;padding:11px 13px;font-size:11px}.google-sign-in{border:2px solid var(--ink);background:var(--yellow);width:100%;min-height:55px;box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-variation-settings:"wght" 850;cursor:pointer;border-radius:15px;justify-content:center;align-items:center;gap:13px;font-size:13px;transition:background-color .16s,box-shadow .16s,transform .16s;display:flex}.google-icon{border:1.5px solid var(--ink);background:var(--white);border-radius:50%;flex:none;width:27px;height:27px;padding:4px}.google-sign-in:hover{background:var(--pink-soft);box-shadow:7px 7px 0 var(--ink);transform:translateY(-2px)}.google-sign-in:disabled{box-shadow:3px 3px 0 var(--ink);cursor:wait;opacity:.72;transform:none}.login-privacy{color:var(--muted);text-align:center;margin:18px 0 0;font-size:9px;line-height:1.6}@media (max-width:1020px){.intro{grid-template-columns:1fr;gap:31px}.intro-side{grid-template-columns:1fr auto;align-items:end}.setup-grid,.result-card{grid-template-columns:1fr}.difficulty-panel{border-right:0;border-bottom:1.5px solid var(--ink)}.duration-panel{border-radius:0 0 21px 21px}.test-layout{grid-template-columns:1fr}.live-stats{grid-template-rows:155px;grid-template-columns:.75fr 2fr}.live-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.result-card{gap:48px}.result-insights{grid-template-columns:1fr}}@media (max-width:720px){.site-shell{padding:15px 15px 26px}.topbar{align-items:flex-start}.topbar-actions{gap:7px}.header-chip,.topbar-note{display:none}.account-chip{max-width:42px;min-height:32px;padding:3px}.account-chip b,.account-avatar{width:24px;height:24px}.account-chip .account-copy{display:none}.sign-out-control{min-height:32px;padding:0 10px;font-size:8px}.intro{padding:48px 0 41px}.intro h1{font-size:clamp(54px,18vw,82px)}.intro-side{grid-template-columns:1fr}.intro-main{grid-template-columns:1fr;gap:38px}.typing-portrait{width:min(360px,100% - 13px);margin-left:auto;margin-right:auto}.intro-copy{font-size:16px}.benefit-strip{grid-template-columns:1fr}.benefit-strip span{border-bottom:1px solid #453d4d;border-right:0;min-height:39px}.benefit-strip span:last-child{border-bottom:0}.choice-grid{grid-template-columns:1fr}.choice-card{grid-template-columns:auto 1fr auto;align-content:center;align-items:center;min-height:102px}.choice-card>span:nth-child(2){grid-area:1/2}.radio{grid-column:3}.panel{padding:28px 21px}.setup-grid{box-shadow:7px 7px 0 var(--pink), var(--shadow-small)}.test-layout{min-height:auto}.typing-card{min-height:545px;box-shadow:6px 6px 0 var(--pink), var(--shadow-small);padding:24px 20px}.test-toolbar{align-items:flex-start}.toolbar-right{flex-direction:column-reverse;align-items:flex-end;gap:8px}.test-status{padding:0 8px;font-size:7px}.passage{max-height:345px;font-size:21px}.typing-input{inset:105px 20px 48px}.focus-note{font-size:9px}.live-stats{grid-template-rows:140px auto;grid-template-columns:1fr}.timer-card{grid-column:1}.live-stat-grid{grid-template-columns:1fr 1fr}.live-stat-grid .mini-stat{min-height:130px;padding:16px}.live-stat-grid .mini-stat small{bottom:16px;right:16px}.timer-card strong{font-size:49px}.mini-stat strong{font-size:43px}.result-card{box-shadow:7px 7px 0 var(--yellow), var(--shadow-small);padding:31px 20px}.score-board{grid-template-columns:1fr}.yellow-score{border-right:0;border-bottom:1.5px solid var(--ink)}.hero-score{min-height:195px}.detail-row{grid-column:1}.result-detail-grid{grid-template-columns:1fr 1fr}.detail-row div{padding:16px 10px}.result-detail-grid div:nth-child(3n){border-right:1px solid var(--line)}.result-detail-grid div:nth-child(2n){border-right:0}.result-detail-grid div:nth-child(n+3){border-top:1px solid var(--line)}.detail-row span{font-size:7px}.detail-row strong{font-size:14px}.result-actions{grid-template-columns:1fr}.settings-button{grid-column:1;min-height:40px}.result-insights{gap:14px;margin-top:14px}.weak-keys-card,.progress-card{border-radius:18px;padding:24px 18px}.compact-heading{align-items:flex-start;gap:10px}.history-count{white-space:nowrap}.chart-legend{justify-content:flex-start}.progress-chart-wrap{overflow:visible}.progress-chart{min-width:0}footer{flex-direction:column;gap:12px}.login-shell{align-items:start;padding:14px}.login-card{min-height:calc(100vh - 28px);box-shadow:7px 7px 0 var(--pink), 13px 13px 0 var(--yellow);border-radius:22px;grid-template-columns:1fr}.login-visual{border-right:0;border-bottom:2px solid var(--ink);min-height:250px}.login-visual:before{width:205px;height:205px}.login-keys{grid-template-columns:repeat(4,51px);gap:8px}.login-keys b{height:55px;box-shadow:4px 4px 0 var(--ink);border-radius:13px;font-size:24px}.login-content{padding:34px 25px 39px}.login-brand{margin-bottom:42px}.login-content h1{font-size:clamp(43px,14vw,63px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}