@keyframes floatNote{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(8deg)}}@keyframes pulseArrow{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(6px)}}html{padding:0}body,html{overflow-x:clip!important;min-height:100%;margin:0}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--ct-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body.ct-app-standalone{background:var(--ct-bg);overflow-x:hidden}.nav-back{display:none!important}.main-nav{padding:16px 0;margin-bottom:50px;width:100vw!important;max-width:none!important;align-self:stretch!important}.nav-container,.site-logo{display:flex;align-items:center;gap:8px}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;justify-content:space-between}.site-logo{text-decoration:none;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:1.5em;font-weight:700!important;transition:opacity .2s ease}.site-logo:hover{opacity:.8}.site-logo:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}.logo-icon{font-size:1.4em;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{color:#fff;text-decoration:none;padding:8px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:.95em;font-weight:500;transition:background .2s ease;border-radius:6px}.nav-link:hover{background:rgba(255,255,255,.15)}.nav-link:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:2px}@media (max-width:768px){.nav-container{flex-wrap:wrap;justify-content:center}.site-logo{width:100%;margin-bottom:12px}.nav-links,.site-logo{justify-content:center}.nav-link{padding:8px 16px;font-size:.9em}}.ct-seo-wrapper{clear:both;display:block;width:100%;margin:0;padding:0 0 10px;position:relative;z-index:1}.seo-box{background:rgba(255,255,255,.15)!important;border-radius:15px!important;padding:25px!important;margin:25px auto!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;max-width:720px!important;width:100%!important;color:#fff!important;box-sizing:border-box!important}.seo-box h2{color:gold!important;margin-top:16px!important;font-size:1.3em!important;background:0 0!important}.seo-box h2:first-child{margin-top:4px!important}.seo-box p{opacity:.95!important;margin-top:8px!important;line-height:1.6!important;color:#fff!important;background:0 0!important}.ct-app-footer{width:100vw!important;max-width:none!important;align-self:stretch!important;background:0 0!important;margin-top:24px;padding:16px 0;border-top:1px solid rgba(255,255,255,.35);text-align:center}.ct-app-footer__inner{max-width:1200px;margin:0 auto;padding:0 16px}.ct-app-footer .ct-copy{font-size:.95em;margin-bottom:8px;white-space:nowrap;color:#fff}.ct-app-footer .ct-links{font-size:.95em}.ct-app-footer a{color:#fff!important;text-decoration:underline}.ct-app-footer .ct-sep{margin:0 8px;opacity:.8}@media (prefers-color-scheme:light){.ct-app-footer{border-top:1px solid rgba(0,0,0,.15)}.ct-app-footer a{color:#111!important}}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--theme-palette-1:var(--global-palette1);--wp--preset--color--theme-palette-2:var(--global-palette2);--wp--preset--color--theme-palette-3:var(--global-palette3);--wp--preset--color--theme-palette-4:var(--global-palette4);--wp--preset--color--theme-palette-5:var(--global-palette5);--wp--preset--color--theme-palette-6:var(--global-palette6);--wp--preset--color--theme-palette-7:var(--global-palette7);--wp--preset--color--theme-palette-8:var(--global-palette8);--wp--preset--color--theme-palette-9:var(--global-palette9);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:var(--global-font-size-small);--wp--preset--font-size--medium:var(--global-font-size-medium);--wp--preset--font-size--large:var(--global-font-size-large);--wp--preset--font-size--x-large:42px;--wp--preset--font-size--larger:var(--global-font-size-larger);--wp--preset--font-size--xxlarge:var(--global-font-size-xxlarge);--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0);--wp--style--global--content-size:var(--global-calc-content-width);--wp--style--global--wide-size:var(--global-calc-wide-content-width)}:where(body){margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;padding:20px}@media (max-width:1024px){.nav-link{font-size:15px;padding:6px 12px}}@media (max-width:600px){.nav-container{flex-direction:column;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center;row-gap:4px}.nav-link{font-size:14px;padding:4px 10px}}html{-webkit-text-size-adjust:100%}*,h1{margin:0}*{font-family:inherit!important;padding:0;box-sizing:border-box}.header{text-align:center;margin-bottom:16px;max-width:720px;width:100%}.nav-back{color:#fff;text-decoration:none;background:rgba(255,255,255,.1);padding:8px 20px;border-radius:20px;margin-bottom:12px;transition:.3s;border:1px solid rgba(255,255,255,.22)}.nav-back:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}h1{font-size:min(2.2em,6vw);text-shadow:2px 2px 4px rgba(0,0,0,.3);font-weight:800;color:gold;-webkit-text-fill-color:gold}.brain-icon{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);font-style:normal;font-weight:400}.h1-sub,.setting-group label,.setting-group select{font-size:.95em;font-weight:600}.h1-sub{color:rgba(255,255,255,.9);margin-top:6px}.controls{background:rgba(255,255,255,.15);padding:25px;border-radius:15px;max-width:720px;width:100%;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.quick-start h2,.sample-display{margin-bottom:25px;text-align:center}.preview-container{background:rgba(0,0,0,.3);border-radius:12px;padding:30px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;position:relative;overflow:hidden}.floating-note{position:absolute;color:gold;font-size:3.5em;z-index:0;opacity:.8;animation:floatNote 4s ease-in-out infinite;user-select:none;text-shadow:0 4px 10px rgba(0,0,0,.5)}.fn-1{top:10%;left:10%;animation-delay:0s;font-size:3em}.fn-2{bottom:15%;right:8%;animation-delay:1.5s;font-size:4.5em;transform:rotate(15deg)}.fn-3{top:15%;right:15%;animation-delay:2.5s;font-size:2.5em}.fn-4{bottom:10%;left:15%;animation-delay:.5s;font-size:3em;transform:rotate(-10deg)}.preview-note,.preview-visual{display:flex;align-items:center}.preview-visual{justify-content:center;gap:30px;width:100%;position:relative;z-index:1}.preview-note{flex-direction:column;gap:10px}.btn-start:hover,.preview-note-box{box-shadow:0 6px 20px rgba(0,0,0,.4)}.preview-note-box{width:100px;height:100px;background:rgba(255,255,255,.95);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.5em;font-weight:800;color:#333;border:2px solid rgba(255,255,255,.1)}.preview-note-label{font-size:1em;opacity:.9;font-weight:600}.preview-arrow{display:flex;flex-direction:column;align-items:center;gap:8px}.preview-arrow-line{font-size:3em;color:gold;font-weight:700;animation:pulseArrow 1.5s ease-in-out infinite;text-shadow:0 2px 5px rgba(0,0,0,.3)}.preview-arrow-text{font-size:.9em;opacity:.95;font-weight:700;background:rgba(255,215,0,.25);padding:6px 14px;border-radius:12px;color:gold;border:1px solid rgba(255,215,0,.3)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.setting-group{background:rgba(255,255,255,.1);padding:15px;border-radius:10px}.setting-group label{display:block;margin-bottom:8px}.setting-group select{width:100%;padding:10px 35px 10px 12px;border-radius:6px;border:0;background-color:rgba(255,255,255,.95);color:#333;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center}.btn-start,.quick-start{border-radius:12px;width:100%}.btn-start{background:linear-gradient(45deg,#4ecdc4,#26d0ce);color:#000;border:0;padding:15px 40px;font-size:1.2em;font-weight:700;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s ease}.btn-start:hover{transform:translateY(-3px)}.quick-start{background:rgba(255,255,255,.1);padding:16px 20px;margin-bottom:16px;max-width:720px;border:1px solid rgba(255,255,255,.22)}.quick-start h2{font-size:1.3em;margin-bottom:12px;color:gold}.qs-item{margin:6px 0;display:flex;align-items:flex-start;gap:8px;font-size:.95em;line-height:1.5}.qs-bullet{color:gold;font-weight:900;flex-shrink:0}.test-area{max-width:720px;margin:20px auto;min-height:450px;display:none;justify-content:center;transition:.2s;user-select:none;position:relative;border:1px solid rgba(255,255,255,.22);border-radius:15px;overflow:hidden;padding:20px;background:linear-gradient(135deg,#4a90e2,#357abd)}#resultsScreen,#runningScreen,.test-area{width:100%;flex-direction:column;align-items:center}#runningScreen{display:flex;justify-content:center;gap:20px}#resultsScreen{display:none}.reference-display{background:rgba(255,255,255,.15);padding:12px 24px;border-radius:12px;text-align:center;margin-bottom:10px}.reference-label{font-size:.9em;opacity:.8;margin-bottom:4px}.reference-note{font-size:1.8em;font-weight:800;color:gold}.interval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;width:100%;max-width:600px;margin:10px auto}.main-btn-action{background:linear-gradient(45deg,#4ecdc4,#26d0ce);color:#000;border:0;padding:12px 28px;font-size:1.1em;font-weight:700;border-radius:28px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.35);transition:.2s}.main-btn-action:disabled{opacity:.5;cursor:not-allowed}.feedback{min-height:1.5em;font-size:1.15em;margin-top:10px;text-align:center;font-weight:700}.results-container{text-align:center;width:100%}.results-container h2{font-size:2em;margin-bottom:20px;color:gold}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:25px;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.stat-item{background:rgba(255,255,255,.1);padding:15px;border-radius:10px;text-align:center}.stat-label{font-size:.9em;opacity:.8;margin-bottom:5px}.stat-value{font-size:1.6em;font-weight:700;color:gold}.btn-end,.btn-retry{border:0;font-weight:700;cursor:pointer}.btn-retry{background:linear-gradient(45deg,#4ecdc4,#26d0ce);color:#000;padding:15px 40px;font-size:1.2em;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s ease}.btn-retry:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.btn-end{background:rgba(255,100,100,.8);color:#fff;padding:10px 22px;border-radius:22px;font-size:1em;transition:all .2s ease;margin-top:15px}.btn-end:hover{transform:translateY(-1px)}.history{background:rgba(255,255,255,.15);border-radius:15px;padding:25px;margin-bottom:25px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:720px;width:100%;display:none;margin-top:20px}.history-title{font-weight:700;color:gold;margin-bottom:15px;font-size:1.2em;text-align:center}.history-list{max-height:300px;overflow-y:auto}.btn-clear,.collapse summary{cursor:pointer;font-weight:700}.btn-clear{background:rgba(255,100,100,.8);color:#fff;padding:8px 18px;border-radius:20px;border:0;font-size:.9em;transition:all .2s ease;display:block;margin:15px auto 0}.btn-clear:hover,.btn-end:hover{background:#ff6464}.collapse{background:rgba(255,255,255,.1);padding:14px 18px;border-radius:12px;max-width:720px;width:100%;margin-top:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.22)}.collapse summary{color:gold;font-size:1.05em;margin-bottom:2px;display:flex;align-items:center;gap:8px;list-style:none}.collapse summary::-webkit-details-marker{display:none}.collapse summary::before{content:"▶";font-size:.8em;transition:transform .2s;display:inline-block}.collapse-content{margin-top:10px;font-size:.94em;opacity:.92;text-align:left;line-height:1.7}.collapse-content p{margin-bottom:10px}.collapse-content ul{margin:8px 0 10px 1.4em;line-height:1.6}.collapse-content li{margin-bottom:6px}.controls .collapse{margin-top:0;margin-bottom:20px;background:rgba(255,255,255,.08)}@media (max-width:600px){.test-area{min-height:400px;padding:15px}.controls{grid-template-columns:1fr}.interval-grid{grid-template-columns:repeat(2,1fr)}.preview-visual{gap:15px}.preview-note-box{width:70px;height:70px;font-size:1.8em}}