/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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{.start{inset-inline-start:var(--spacing)}.grid{display:grid}.table{display:table}}:root{--background:#f5f8f4;--surface:#fff;--surface-soft:#eef5f1;--ink:#24342f;--muted:#77857f;--line:#dce7e1;--primary:#558f7f;--primary-dark:#3f7467;--blue:#e7f0f8;--shadow:0 22px 60px #2d4b4117}*{box-sizing:border-box}html{background:var(--background)}body{background:radial-gradient(circle at 18% 18%, #d2ebe18a, transparent 27rem), radial-gradient(circle at 88% 65%, #dceaf680, transparent 30rem), var(--background);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #558f7f47}button:disabled{cursor:not-allowed}.app-shell{flex-direction:column;width:min(1120px,100% - 40px);min-height:100svh;margin:0 auto;padding:22px 0 0;display:flex}.topbar{justify-content:space-between;align-items:center;min-height:46px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:11px;font-size:20px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--primary);border-radius:10px;grid-template-columns:repeat(2,8px);gap:3px;padding:6px;display:grid;box-shadow:0 6px 18px #558f7f3d}.brand-mark i{background:#ffffff7a;border-radius:2px;width:8px;height:8px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#fff}.top-actions{align-items:center;gap:8px;display:flex}.quiet-button,.account-button,.login-button{color:#52635d;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:40px;text-decoration:none;display:inline-flex}.quiet-button{cursor:pointer;background:0 0;gap:9px;min-height:44px;padding:0 13px;font-size:14px;font-weight:650}.quiet-button:hover{background:#ffffffb8}.quiet-button:disabled{opacity:.4}.nav-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:23px;height:23px}.login-button{background:var(--ink);color:#fff;padding:0 16px;font-size:14px;font-weight:650}.account-button{border-color:var(--line);cursor:pointer;background:#ffffffb8;max-width:185px;padding:4px 10px 4px 5px;font-size:13px}.account-menu-shell{position:relative}.account-chevron{color:#87958f;font-size:13px;transform:translateY(-1px)}.account-menu{z-index:30;border:1px solid var(--line);background:#fff;border-radius:18px;width:min(300px,100vw - 24px);padding:16px;animation:.15s ease-out account-menu-in;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 48px #233b3329}.account-menu-user{align-items:center;gap:11px;display:flex}.account-menu-user .avatar{border-radius:12px;flex:none;width:38px;height:38px}.account-menu-user div{min-width:0}.account-menu-user strong,.account-menu-user span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-menu-user strong{font-size:13px}.account-menu-user span{color:var(--muted);margin-top:3px;font-size:10px}.account-menu p{color:#687871;border-top:1px solid #edf2ef;margin:15px 0;padding-top:13px;font-size:12px;line-height:1.55}.account-menu-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.account-menu-actions button,.account-menu-actions a{cursor:pointer;border-radius:11px;place-items:center;min-height:39px;font-size:12px;font-weight:700;text-decoration:none;display:grid}.account-menu-actions button{border:1px solid var(--line);color:#596a63;background:#fff}.account-menu-actions a{color:#fff;background:#c96f6f;border:1px solid #c96f6f}.avatar{background:var(--primary);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-weight:700;display:inline-grid}.account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notice{color:#705d3a;cursor:pointer;background:#fff8e9;border:1px solid #ead9bd;border-radius:12px;justify-content:space-between;width:min(560px,100%);margin:0 auto 12px;padding:10px 14px;font-size:13px;display:flex}.game-card{box-shadow:var(--shadow);background:#ffffffed;border:1px solid #d7e4dde0;border-radius:28px;flex:none;margin-block:auto;overflow:hidden}.game-meta{border-bottom:1px solid #edf2ef;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:86px;padding:12px 22px;display:grid;position:relative}.meta-pills{flex-wrap:wrap;gap:7px;display:flex}.meta-pills span,.trial-count{background:var(--surface-soft);color:#587068;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:700}.meta-instruction{width:min(540px,48%);min-width:0;color:var(--muted);text-align:center;font-size:18px;font-weight:700;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.trial-count{text-align:center;flex:none;grid-column:3;min-width:54px}.game-stage{flex-direction:column;justify-content:flex-start;align-items:center;height:calc(min(390px,70vw) + 155px);padding:26px 24px 22px;display:flex}.game-stage.result-stage{justify-content:center}.grid{--grid-size:3;aspect-ratio:1;grid-template-columns:repeat(var(--grid-size), 1fr);grid-template-rows:repeat(var(--grid-size), minmax(0, 1fr));background:#f8fbf9;border:1px solid #dce8e2;border-radius:24px;flex:none;gap:clamp(5px,.8vw,9px);width:min(390px,70vw);padding:11px;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 16px 36px #385b4f14}.grid-cell{contain:layout paint;background:#fff;border:1px solid #dbe6e1;border-radius:clamp(8px,1.2vw,14px);place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.stimulus{filter:drop-shadow(0 6px 8px #31474024);width:58%;height:58%;animation:.16s ease-out appear;display:block}.shape-0{border-radius:50%}.shape-1{border-radius:18%}.shape-2{clip-path:polygon(50% 4%,96% 94%,4% 94%)}.shape-3{border-radius:14%;animation:none;transform:rotate(45deg)scale(.78)}.shape-4{clip-path:polygon(50% 0,62% 34%,98% 36%,69% 57%,79% 94%,50% 73%,21% 94%,31% 57%,2% 36%,38% 34%)}.shape-5{clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%)}.stage-overlay{z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fbf9eb;border-radius:17px;place-items:center;display:grid;position:absolute;inset:11px}.countdown-number{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:92px;height:92px;font-size:38px;font-weight:750;display:grid;box-shadow:0 16px 34px #558f7f47}.stage-action-slot{flex:0 0 107px;justify-content:flex-end;align-items:center;padding-top:15px;display:flex}.primary-button,.secondary-button,.drawer-primary{cursor:pointer;border-radius:14px;min-height:46px;padding:0 22px;font-weight:700}.primary-button,.drawer-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 20px #558f7f30}.primary-button:hover,.drawer-primary:hover{background:var(--primary-dark)}.cancel-button{border:1px solid var(--line);min-height:46px;color:var(--muted);cursor:pointer;background:#fff;border-radius:11px;padding:0 24px;font-size:15px;font-weight:700}.match-controls{--match-count:4;grid-template-columns:repeat(var(--match-count), minmax(0, 1fr));background:#fbfdfc;border-top:1px solid #edf2ef;gap:10px;padding:18px 22px 22px;display:grid}.match-button{color:#425851;cursor:pointer;background:#fff;border:1px solid #d8e5df;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:58px;font-weight:650;transition:border-color .14s,background .14s,transform .14s;display:flex;position:relative}.match-button:not(:disabled):hover{border-color:#92b9ae;transform:translateY(-1px)}.match-button:disabled{opacity:.42}.match-button.selected{border-color:var(--primary);color:var(--primary-dark);opacity:1;background:#e8f3ef}.match-button.feedback-correct,.match-button.feedback-incorrect{opacity:1}.match-button.feedback-correct{color:#26613d;background:#e4f5e9;border-color:#58a978;box-shadow:inset 0 0 0 1px #378b581a}.match-button.feedback-incorrect{color:#8a3535;background:#fbe8e8;border-color:#d87777;box-shadow:inset 0 0 0 1px #b5464614}.match-button.feedback-correct:after,.match-button.feedback-incorrect:after{font-size:13px;font-weight:800;position:absolute;top:7px;left:9px}.match-button.feedback-correct:after{content:"✓"}.match-button.feedback-incorrect:after{content:"×"}.match-icon{font-size:19px}.match-button kbd{color:#87958f;background:#f4f7f5;border:1px solid #dbe5e0;border-radius:6px;place-items:center;width:19px;height:19px;font-family:inherit;font-size:10px;display:grid;position:absolute;top:7px;right:8px}.drawer-backdrop,.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#22342e47;justify-content:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}.drawer{background:#fbfdfc;width:min(440px,100%);height:100%;animation:.22s ease-out slide-in;overflow:hidden;box-shadow:-20px 0 60px #1a302924}.drawer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:70px;padding:0 24px;display:flex}.drawer h2{margin:0;font-size:19px}.drawer>header button{background:var(--surface-soft);color:#667770;cursor:pointer;border:0;border-radius:11px;place-items:center;width:36px;height:36px;font-size:24px;line-height:1;display:grid}.drawer-content{height:calc(100% - 70px);padding:22px 24px 30px;overflow-y:auto}.settings-section{margin:0 0 24px}.settings-section h3,.section-heading h3{margin:0 0 10px;font-size:14px}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-heading>span{color:var(--muted);font-size:11px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preset-grid button{border:1px solid var(--line);min-height:74px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;gap:6px;padding:10px;display:flex}.preset-grid button:hover{border-color:#8eb4a9}.preset-grid span{color:var(--muted);font-size:10px}.modality-toggles{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.modality-toggles button{border:1px solid var(--line);min-height:60px;color:var(--muted);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.modality-toggles button span{font-size:19px}.modality-toggles button.active{color:var(--primary-dark);background:#eaf4f0;border-color:#8eb4a9;font-weight:700}.segmented-control{background:#edf3f0;border-radius:13px;padding:4px;display:flex}.segmented-control button{color:#74837d;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-height:37px;font-size:12px}.segmented-control button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 3px 10px #2c473e14}.timing-presets{background:#edf3f0;border-radius:13px;margin-bottom:16px;padding:4px;display:flex}.timing-presets button{color:#74837d;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-height:37px;font-size:12px}.timing-presets button.active{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 3px 10px #2c473e14}.timing-range{gap:7px;margin-top:13px;display:grid}.timing-range>span{color:#5f7069;justify-content:space-between;font-size:12px;display:flex}.timing-range strong{color:var(--primary-dark);font-weight:700}.timing-range input{width:100%;accent-color:var(--primary)}.sound-setting .section-heading button{color:var(--primary-dark);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.sound-setting label{color:var(--muted);align-items:center;gap:10px;display:flex}.sound-setting input{accent-color:var(--primary);flex:1}.drawer-primary{width:100%}.link-button{place-items:center;margin-top:22px;text-decoration:none;display:grid}.trend-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.trend-bars{align-items:flex-end;gap:6px;height:104px;padding-top:8px;display:flex}.trend-bars span{background:linear-gradient(#82b8aa,#b8d8cf);border-radius:6px 6px 2px 2px;flex:1;min-width:5px}.history-list{gap:8px;margin-top:16px;display:grid}.history-list article{border-bottom:1px solid #e9efec;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;display:flex}.history-list article div{flex-direction:column;gap:4px;display:flex}.history-list strong{font-size:13px}.history-list span,.history-list time{color:var(--muted);font-size:10px}.empty-history{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.empty-history>span{background:var(--surface-soft);width:62px;height:62px;color:var(--primary);border-radius:20px;place-items:center;font-size:28px;display:grid}.empty-history h3{margin:18px 0 5px;font-size:15px}.empty-history p{color:var(--muted);margin:0;font-size:12px}.result-panel{flex-direction:column;align-items:center;width:min(680px,100%);padding:10px 0;display:flex}.result-kicker{color:var(--primary-dark);margin:0 0 12px;font-size:13px;font-weight:750}.score-ring{--score:0deg;background:conic-gradient(var(--primary) var(--score), #e7efeb 0);border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.score-ring:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:108px;height:108px}.score-ring div{z-index:1;flex-direction:column;grid-area:1/1;align-items:center;display:flex}.score-ring strong{letter-spacing:-.05em;font-size:36px}.score-ring span{color:var(--muted);font-size:10px}.recommendation{color:#61716b;margin:15px 0 18px;font-size:13px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.result-grid article{border:1px solid var(--line);background:#fbfdfc;border-radius:13px;grid-template-columns:1fr auto;gap:3px 10px;padding:12px 14px;display:grid}.result-grid span{font-size:12px}.result-grid strong{color:var(--primary-dark);font-size:14px}.result-grid small{color:var(--muted);grid-column:1/-1;font-size:9px}.result-actions{gap:9px;margin-top:20px;display:flex}.secondary-button{border:1px solid var(--line);color:#52635d;background:#fff}.modal-backdrop{justify-content:center;align-items:center;padding:20px}.import-modal{width:min(380px,100%);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;padding:30px;display:flex}.import-icon{background:var(--surface-soft);width:58px;height:58px;color:var(--primary);border-radius:18px;place-items:center;font-size:26px;display:grid}.import-modal h2{margin:18px 0 8px;font-size:20px}.import-modal p{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.65}.import-modal .primary-button{width:100%}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:12px}@keyframes appear{0%{opacity:0;transform:scale(.78)}to{opacity:1}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}@keyframes account-menu-in{0%{opacity:0;transform:translateY(-5px)}}@media (width<=700px){.app-shell{width:min(100% - 20px,560px);padding-top:12px}.topbar{flex:none}.wide-label,.account-name{display:none}.quiet-button{width:44px;padding:0}.account-button{padding:4px}.login-button{padding:0 12px;font-size:12px}.game-card{border-radius:22px}.game-meta{grid-template-columns:minmax(0,1fr) auto;min-height:112px;padding:10px 13px}.meta-instruction{grid-area:2/1/auto/-1;width:auto;position:static;transform:none}.trial-count{grid-area:1/2}.meta-pills span:nth-child(3){display:none}.game-stage{height:calc(min(82vw,360px) + 147px);padding:22px 12px 18px}.grid{width:min(82vw,360px)}.match-controls{grid-template-columns:repeat(min(2, var(--match-count)), minmax(0, 1fr));padding:12px}.match-button{min-height:52px;font-size:13px}.drawer-backdrop{align-items:flex-end}.drawer{border-radius:24px 24px 0 0;width:100%;height:min(88vh,760px);animation-name:rise-in}.drawer-content{padding:19px 18px 26px}.result-grid{grid-template-columns:1fr}.result-panel{padding:0 2px}}@media (width<=380px){.brand span:last-child{display:none}.grid{width:min(86vw,330px)}.game-stage{height:calc(min(86vw,330px) + 147px)}.preset-grid span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)}}