:root{color-scheme:dark;font-family:Plus Jakarta Sans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--bg-base: #040815;--bg-deep: #071024;--card-edge: rgba(117, 141, 213, .2);--card-fill: rgba(11, 18, 37, .8);--card-fill-strong: rgba(15, 23, 48, .92);--text-main: #f6f8ff;--text-soft: rgba(224, 232, 255, .72);--text-faint: rgba(214, 224, 255, .44);--cyan: #33f0d6;--sky: #42b7ff;--blue: #4d7cff;--glow: linear-gradient(90deg, #32f0d6 0%, #36d8ff 48%, #4c83ff 100%);--danger: #ff7c91;--shadow: 0 28px 90px rgba(0, 0, 0, .46)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 14% 14%,rgba(44,245,214,.16),transparent 26%),radial-gradient(circle at 85% 18%,rgba(92,147,255,.2),transparent 32%),radial-gradient(circle at 60% 70%,rgba(52,93,255,.14),transparent 30%),linear-gradient(180deg,#020613,#050a19 35%,#020511);color:var(--text-main)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background:linear-gradient(140deg,transparent 0%,rgba(255,255,255,.04) 38%,transparent 70%),radial-gradient(circle at 30% 25%,rgba(255,255,255,.08),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:#dae3ff6b}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 h1{margin:0;display:flex;align-items:flex-start;gap:8px;font-size:clamp(2.4rem,11vw,3.9rem);line-height:.95;font-weight:900;letter-spacing:-.06em}.brand-star{margin-top:6px;color:#7ef4ff;font-size:.34em;text-shadow:0 0 24px rgba(126,244,255,.72)}.hero-copy p{margin:12px 0 0;color:var(--text-soft);font-size:clamp(1.02rem,4.8vw,1.48rem);letter-spacing:.02em}.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,#111a33eb,#080e1fc7);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 26%);pointer-events:none}.glass-button,.ghost-button{border-radius:22px;border:1px solid rgba(140,161,230,.22);background:linear-gradient(180deg,#101932b3,#080f1eb8);color:var(--text-main);cursor:pointer;box-shadow:inset 0 1px #ffffff0d;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:#f4f8fff0}.ghost-button{min-height:52px;padding:0 18px;font-weight:700;color:#f3f7ffe6}.ghost-button.wide{width:100%}.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}.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}.card-title{font-size:1.15rem;font-weight:800;line-height:1.55}.card-copy{margin:0;color:var(--text-soft);line-height:1.72}.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 0 28px rgba(61,230,255,.16)}.score-value span{font-size:clamp(5rem,26vw,8rem);font-weight:500;letter-spacing:-.08em}.score-value em{font-style:normal;font-size:clamp(2.4rem,10vw,4.2rem);font-weight:700}.score-label{justify-self:center;color:#e3ebffe6;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:#8194d41f;border:1px solid rgba(132,151,220,.18);box-shadow:inset 0 0 24px #131f3ecc}.score-meter span{display:block;height:100%;border-radius:inherit;background:var(--glow);box-shadow:0 0 34px #3fddff7a;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(129,148,212,.16);background:#080e1c61;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(129,148,212,.16);background:#080e1c6b}.metric-tip{padding:15px 16px;color:#f3f7ffdb;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:#45e4d3b8;box-shadow:inset 0 0 0 1px #5287ff85,0 0 0 5px #3ae5d614}.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:#dae3ff2e;color:#f4f7ffd6;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:#03111f;box-shadow:0 20px 48px #33f0d629}.submit-button.compact{min-height:78px;font-size:1.2rem}.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:#ff7c9147;color:#ffd6dd;background:#390f1b8f}.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:-.03em}.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(128,148,212,.14)}.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:#7f95d824;overflow:hidden}.history-track span{display:block;height:100%;border-radius:inherit;background:var(--glow);box-shadow:0 0 20px #3fddff73}.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(82,133,255,.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:-.05em;background:var(--glow);color:transparent;-webkit-background-clip:text;background-clip:text}.success-answer{color:#edf4ffe0;font-size:1.28rem;line-height:1.6}.outline-button{margin-top:12px;border:1.5px solid rgba(79,136,255,.74);background:#040b1938;color:#52ecf4;box-shadow:inset 0 1px #ffffff0d}.gate-card{padding:24px 22px;display:grid;gap:20px}.gate-copy h2{margin:10px 0 0;font-size:clamp(2rem,9vw,3rem);font-weight:900;letter-spacing:-.05em}.gate-copy p{margin:12px 0 0;color:var(--text-soft);line-height:1.7}.auth-form{display:grid;gap:14px}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-tab{min-height:60px;border-radius:20px;border:1px solid rgba(129,148,212,.18);background:#080f1f9e;color:var(--text-soft);font-size:1rem;font-weight:700;cursor:pointer}.auth-tab.active{color:#04121f;background:linear-gradient(90deg,#32f0d6f5,#4c83fff2);box-shadow:0 14px 38px #3ae0ed24}.field-shell{padding:14px 16px;display:grid;gap:10px;border-radius:22px;border:1px solid rgba(129,148,212,.18);background:#0910208f}.field-shell span{color:var(--text-faint);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.field-shell input{min-height:32px;font-size:1.02rem}@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}}