:root{color-scheme:dark;--bg: #0e1420;--panel: #151e2e;--panel-2: #1b2638;--line: #263349;--text: #eaeef5;--muted: #8b94a7;--cold: #58a6e8;--hot: #ff5a3c;--heat: #58a6e8;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:620px;margin:0 auto;padding:28px 18px 72px}.page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 55% at 50% -18%,color-mix(in srgb,var(--heat) 18%,transparent),transparent 70%);transition:background 1s ease;z-index:0}.page{position:relative}.page>*{position:relative;z-index:1}h1{font-size:1.85rem;font-weight:800;letter-spacing:.02em;margin:0 0 4px}h2{font-size:1.15rem;font-weight:700;margin:0 0 10px}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.35em;color:var(--muted);text-transform:uppercase;margin:0 0 8px}.muted{color:var(--muted);font-size:.9em}.error{color:#ff7a68;font-size:.9em;margin:8px 0 0}a{color:var(--cold);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;font-weight:600;padding:10px 18px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;transition:transform .12s ease,background .2s ease,border-color .2s ease}button:hover{border-color:#3d4d6b}button:active{transform:translateY(1px)}button.primary{background:var(--hot);border-color:var(--hot);color:#fff;box-shadow:0 4px 18px color-mix(in srgb,var(--hot) 35%,transparent)}button.primary:hover{background:color-mix(in srgb,var(--hot) 86%,#fff)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}:focus-visible{outline:2px solid var(--cold);outline-offset:2px;border-radius:8px}input[type=text]{font:inherit;flex:1;min-width:0;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);transition:border-color .2s ease}input[type=text]::placeholder{color:#5a6478}input[type=text]:focus{border-color:var(--heat);outline:none}.card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.seg button{border:none;background:transparent;padding:7px 20px;border-radius:9px;color:var(--muted);box-shadow:none}.seg button.on{background:var(--panel-2);color:var(--text)}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.entry-hero,.entry{text-align:left;color:var(--text);font:inherit;cursor:pointer}.entry-hero{grid-column:1 / -1;padding:22px 20px;border-radius:16px;border:1px solid color-mix(in srgb,var(--hot) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--hot) 15%,var(--panel)),var(--panel) 70%);transition:transform .15s ease,box-shadow .2s ease}.entry{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--panel);transition:transform .15s ease,border-color .2s ease;display:block}.entry:hover,.entry-hero:hover{transform:translateY(-2px);text-decoration:none}.entry-hero:hover{box-shadow:0 8px 30px color-mix(in srgb,var(--hot) 20%,transparent)}.entry-title{font-size:1.05rem;font-weight:700;display:block}.entry-sub{color:var(--muted);font-size:.84rem;display:block;margin-top:3px;font-weight:400}.entry-hero .entry-title{font-size:1.35rem}.heat-band{position:relative;height:8px;border-radius:99px;margin:22px 0 4px;background:linear-gradient(90deg,#3d4657,#58a6e8 22%,#3fc9a4,#e8c84a 68%,#ff9040,#ff5a3c)}.heat-cursor{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--heat);border:2.5px solid var(--bg);box-shadow:0 0 10px var(--heat);transform:translate(-50%,-50%);transition:left .6s cubic-bezier(.22,1,.36,1),background .6s ease}.heat-hero{text-align:center;margin:16px 0 2px}.heat-value{font-family:var(--mono);font-size:clamp(3.2rem,14vw,4.4rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--heat);text-shadow:0 0 36px color-mix(in srgb,var(--heat) 40%,transparent);transition:color .6s ease,text-shadow .6s ease;font-variant-numeric:tabular-nums}.heat-value small{font-size:.4em;font-weight:600;margin-left:2px}.heat-label{color:var(--muted);font-size:.88rem;margin:6px 0 0}.heat-label b{color:var(--text);font-weight:700}.list-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:22px 0 8px}.guess-row{position:relative;display:grid;grid-template-columns:2.2em 1fr auto;gap:10px;align-items:center;padding:10px 14px 13px;border-radius:12px;margin:6px 0;background:var(--panel);border:1px solid var(--line);overflow:hidden}.guess-row .rank{font-family:var(--mono);font-size:.78rem;color:var(--muted)}.guess-row .word{font-weight:600}.guess-row .percent{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.guess-row .meter{position:absolute;left:0;bottom:0;height:3px;border-radius:0 99px 99px 0;transition:width .5s ease}.guess-row.latest{border-color:color-mix(in srgb,var(--heat) 60%,var(--line));animation:land .45s ease}@keyframes land{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.empty-tip{text-align:center;color:var(--muted);padding:18px 0}.hint-text{margin:10px 0 0;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--cold) 12%,var(--panel));border:1px dashed color-mix(in srgb,var(--cold) 40%,var(--line));color:var(--text);font-size:.92em}.share-pre{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:12px;font-size:.92em;font-family:inherit;margin:12px 0;word-break:break-all}.won-card{border-color:color-mix(in srgb,var(--hot) 55%,var(--line))}.page-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.meta-chip{font-family:var(--mono);font-size:.75rem;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 12px;white-space:nowrap}.card,.entry-grid,.heat-hero,.heat-band{animation:rise .4s ease backwards}.card:nth-of-type(2){animation-delay:.05s}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.entry-grid{grid-template-columns:1fr}h1{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
