:root{color-scheme:light;font-family:Plus Jakarta Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--bg-base: #f6f9ff;--bg-deep: #eaf2ff;--card-edge: rgba(121, 150, 198, .26);--card-fill: rgba(255, 255, 255, .82);--card-fill-strong: rgba(255, 255, 255, .94);--text-main: #102033;--text-soft: rgba(57, 75, 100, .74);--text-faint: rgba(82, 101, 132, .54);--cyan: #12b8ad;--sky: #268ee8;--blue: #4f6fe8;--glow: linear-gradient(90deg, #13bfae 0%, #2ba9eb 50%, #596fe7 100%);--danger: #d94861;--shadow: 0 24px 62px rgba(48, 78, 122, .16)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 12%,rgba(42,203,188,.18),transparent 27%),radial-gradient(circle at 88% 12%,rgba(93,128,238,.16),transparent 30%),radial-gradient(circle at 56% 75%,rgba(52,155,230,.12),transparent 34%),linear-gradient(180deg,#fbfdff,#f2f7ff 48%,#e9f1ff);color:var(--text-main)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(140deg,transparent 0%,rgba(255,255,255,.72) 38%,transparent 70%),radial-gradient(circle at 30% 25%,rgba(255,255,255,.74),transparent 38%)}button,input{font:inherit}button{border:0;padding:0;background:none;color:inherit}input{border:0;background:transparent;color:inherit;outline:none}input::placeholder{color:#57678285}button:disabled,input:disabled{cursor:not-allowed}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:28px 18px 56px}.phone-frame{position:relative;width:min(100%,430px);margin:0 auto;display:grid;gap:18px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-top:10px}.hero-copy{min-width:0}.hero-copy h1{margin:0;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:clamp(2.25rem,9.5vw,3.35rem);line-height:.95;font-weight:900;letter-spacing:0}.brand-star{margin-top:6px;color:#14b8cf;font-size:.34em;text-shadow:0 12px 28px rgba(20,184,207,.28)}.hero-copy p{margin:12px 0 0;color:var(--text-soft);font-size:clamp(1.02rem,4.8vw,1.48rem);letter-spacing:.02em}.hero-actions{display:grid;justify-items:end;gap:10px}.language-switch{min-height:34px;padding:3px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;border-radius:999px;border:1px solid rgba(120,149,196,.3);background:#ffffffad;box-shadow:0 12px 32px #2b4c7e14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.language-switch button{min-width:38px;min-height:28px;padding:0 9px;border-radius:999px;color:var(--text-soft);font-size:.76rem;font-weight:800;cursor:pointer}.language-switch button.active{background:var(--glow);color:#fff;box-shadow:0 6px 16px #2b8bde38}.glass-card,.glass-button,.ghost-button,.guess-entry,.submit-button,.outline-button,.notice{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-card{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--card-edge);background:linear-gradient(180deg,var(--card-fill-strong),var(--card-fill));box-shadow:var(--shadow),inset 0 1px #ffffffe6}.glass-card:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 35%);pointer-events:none}.glass-card>*{position:relative;z-index:1}.glass-button,.ghost-button{border-radius:22px;border:1px solid rgba(120,149,196,.28);background:linear-gradient(180deg,#ffffffe6,#f1f7ffc2);color:var(--text-main);cursor:pointer;box-shadow:0 12px 28px #2b4c7e1a,inset 0 1px #ffffffd1;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.glass-button:hover,.ghost-button:hover,.outline-button:hover,.submit-button:hover{transform:translateY(-1px)}.glass-button{min-height:62px;padding:0 22px;font-size:1.1rem;font-weight:700;color:var(--text-main)}.ghost-button{min-height:52px;padding:0 18px;font-weight:700;color:var(--text-main)}.ghost-link{background:none;border:0;color:var(--text-soft);font-weight:700;cursor:pointer}.ghost-link:disabled{opacity:.4}.rules-card{padding:20px 22px;display:grid;gap:10px}.rules-title{font-size:1rem;font-weight:800}.rules-card p{margin:0;color:var(--text-soft);line-height:1.65}.level-selector{display:flex;gap:10px;margin:-4px -18px 0;padding:4px 18px 2px;overflow-x:auto;scrollbar-width:none;scroll-padding:18px}.level-selector::-webkit-scrollbar{display:none}.level-tab{min-width:max-content;max-width:220px;padding:11px 14px;display:grid;gap:4px;text-align:left;border-radius:18px;border:1px solid rgba(120,149,196,.24);background:#ffffffbd;color:var(--text-soft);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.level-tab:hover{transform:translateY(-1px);border-color:#268ee861;color:var(--text-main)}.level-tab.active{border-color:#268ee87a;background:linear-gradient(180deg,#eef8fff5,#ddeeffe6);color:#16304d;box-shadow:0 14px 34px #2c7dcf29,inset 0 1px #ffffffeb}.level-tab:disabled{opacity:.68;cursor:not-allowed}.level-tab-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.level-tab-meta{color:var(--text-faint);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.score-card{padding:24px 22px 22px;display:grid;gap:16px;animation:card-rise .42s ease both}.card-caption{color:var(--text-faint);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.score-value{display:flex;justify-content:center;align-items:flex-end;gap:6px;line-height:.9}.score-value span,.score-value em{background:var(--glow);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 14px 34px rgba(43,142,222,.14)}.score-value span{font-size:clamp(5rem,26vw,8rem);font-weight:500;letter-spacing:0}.score-value em{font-style:normal;font-size:clamp(2.4rem,10vw,4.2rem);font-weight:700}.score-label{justify-self:center;color:#31445f;font-size:1.05rem;letter-spacing:.12em}.meter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.score-meter{height:22px;padding:3px;border-radius:999px;background:#d6e1f4b8;border:1px solid rgba(120,149,196,.22);box-shadow:inset 0 1px 5px #3e5c8a1a}.score-meter span{display:block;height:100%;border-radius:inherit;background:var(--glow);box-shadow:0 10px 22px #2ba9eb38;transition:width .22s ease}.attempt-count{min-width:48px;min-height:28px;padding:0 10px;border-radius:999px;display:inline-grid;place-items:center;border:1px solid rgba(120,149,196,.2);background:#ffffffb8;color:var(--text-faint);font-size:.78rem;font-weight:800;white-space:nowrap}.score-scale{display:flex;justify-content:space-between;color:var(--text-faint);font-size:.98rem}.metric-tip,.hint-panel,.empty-panel,.notice{border-radius:22px;border:1px solid rgba(120,149,196,.2);background:#ffffffb8}.metric-tip{padding:15px 16px;color:var(--text-main);line-height:1.62}.hint-panel{padding:15px 16px;display:grid;gap:6px}.hint-panel strong{font-size:.82rem;letter-spacing:.12em;color:var(--text-faint)}.hint-panel span{color:var(--text-soft);line-height:1.64}.guess-form{display:grid;gap:14px}.guess-entry{position:relative;min-height:84px;display:flex;align-items:center;padding:0 76px 0 16px}.guess-entry:focus-within{border-color:#12b8ad8f;box-shadow:inset 0 0 0 1px #268ee838,0 0 0 5px #12b8ad1a}.guess-entry input{width:100%;font-size:1.1rem;font-weight:600;letter-spacing:.01em}.input-clear{position:absolute;right:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e2ecfadb;color:var(--text-soft);font-size:1.65rem;line-height:1;cursor:pointer}.submit-button,.outline-button{min-height:92px;border-radius:28px;cursor:pointer;font-size:1.75rem;font-weight:800;letter-spacing:.04em;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.submit-button{background:var(--glow);color:#fff;box-shadow:0 20px 44px #2b8ede38}.submit-button:disabled,.outline-button:disabled,.glass-button:disabled,.ghost-button:disabled{opacity:.5}.notice{padding:14px 18px;color:var(--text-soft);line-height:1.6}.notice.error{border-color:#d948613d;color:#a82239;background:#ffebefdb}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{margin:0;font-size:1.95rem;font-weight:800;letter-spacing:0}.history-card{padding:14px 18px;display:grid;gap:6px}.history-item{padding:14px 12px 16px;display:grid;gap:12px}.history-item+.history-item{border-top:1px solid rgba(120,149,196,.16)}.history-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-topline strong{font-size:1.12rem;font-weight:700}.history-topline span{font-size:1rem;font-weight:800;color:var(--sky)}.history-track{height:5px;border-radius:999px;background:#d6e1f4bd;overflow:hidden}.history-track span{display:block;height:100%;border-radius:inherit;background:var(--glow);box-shadow:0 8px 18px #2ba9eb38}.empty-panel,.empty-card{padding:26px 22px;color:var(--text-soft);line-height:1.62}.success-card{padding:24px 22px 26px;display:grid;gap:12px;text-align:center}.success-card:after{content:"";position:absolute;inset:auto 22px 20px;height:1px;background:linear-gradient(90deg,transparent,rgba(38,142,232,.22),transparent)}.success-icon{font-size:4.8rem;filter:drop-shadow(0 14px 28px rgba(255,176,60,.18))}.success-title{font-size:clamp(2rem,9.5vw,3.2rem);font-weight:900;letter-spacing:0;background:var(--glow);color:transparent;-webkit-background-clip:text;background-clip:text}.success-answer{color:var(--text-soft);font-size:1.28rem;line-height:1.6}.outline-button{margin-top:12px;border:1.5px solid rgba(38,142,232,.38);background:#ffffffc2;color:var(--sky);box-shadow:0 12px 30px #2b4c7e14,inset 0 1px #ffffffe6}@keyframes card-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:520px){.app-shell{padding-inline:14px}.hero{align-items:center}.glass-button{min-height:56px;padding-inline:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}