:root{color-scheme:dark;--bg:#080b10;--surface:#10151b;--surface-raised:#161d25;--surface-soft:#1c252e;--ink:#eef1ec;--ink-strong:#fbfff6;--muted:#929d9d;--muted-strong:#c2cbc7;--line:#27313a;--line-strong:#3b4852;--accent:#b6ff3b;--accent-hover:#cbff72;--accent-ink:#101800;--accent-soft:rgba(182,255,59,0.11);--accent-line:rgba(182,255,59,0.34);--danger:#ff7b72;--danger-soft:rgba(255,123,114,0.09);--warning:#e5bd68;--panel-radius:18px;--control-radius:10px;font-family:Avenir Next,Avenir,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 82% -10%,rgba(182,255,59,.09),transparent 31rem),radial-gradient(circle at 8% 92%,rgba(182,255,59,.035),transparent 24rem),var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}a,button{font:inherit}button{color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell,.gate-shell{min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));height:72px;margin:0 auto;border-bottom:1px solid var(--line)}.app-shell>.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-area,.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--control-radius);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 24px rgba(182,255,59,.17);font-size:18px;font-weight:900;letter-spacing:-.06em}.brand>div{display:grid;grid-gap:1px;gap:1px}.brand strong{color:var(--ink-strong);font-size:15px;letter-spacing:-.025em}.brand small{color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.14em}.network-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.network-label i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft),0 0 15px rgba(182,255,59,.42)}.network-label.wrong{color:#ffaaa5}.network-label.wrong i{background:var(--danger);box-shadow:none}.static-network{color:var(--muted-strong)}.balance{color:var(--muted);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wallet-chip{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .12s ease}.wallet-chip small{color:var(--muted);font-size:9px}.wallet-chip:hover{border-color:var(--line-strong);background:var(--surface-raised)}.wallet-chip:active{transform:translateY(1px)}.network-warning{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:var(--danger-soft);color:#ffb1ab;font-size:12px}.network-warning button{padding:5px 9px;border:1px solid rgba(255,177,171,.34);border-radius:8px;background:transparent;cursor:pointer}.gate-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;grid-gap:clamp(64px,9vw,148px);gap:clamp(64px,9vw,148px);width:min(1240px,calc(100% - 48px));min-height:calc(100dvh - 72px);margin:0 auto;padding:56px 0 72px}.gate-copy{max-width:690px}.kicker{display:inline-block;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.06em}.book-copy h1,.gate-copy h1,.result-screen h1{margin:18px 0 22px;color:var(--ink-strong);font-size:clamp(54px,7.2vw,94px);font-weight:780;line-height:.98;letter-spacing:-.065em}.book-copy>p,.gate-copy>p,.result-screen>p{max-width:600px;margin:0;color:var(--muted-strong);font-size:clamp(15px,1.25vw,18px);line-height:1.75}.selected-wallet{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px;max-width:520px;margin-top:24px;padding:13px 14px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface)}.selected-wallet span{color:var(--muted);font-size:12px}.selected-wallet strong{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.selected-wallet button{border:0;background:transparent;color:var(--accent);font-size:12px;cursor:pointer}.button-link,.primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:0;border-radius:var(--control-radius);background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 24px rgba(182,255,59,.14);transition:background .18s ease,box-shadow .18s ease,transform .12s ease,opacity .18s ease}.button-link:hover,.primary:hover{background:var(--accent-hover);box-shadow:inset 0 1px rgba(255,255,255,.36),0 0 30px rgba(182,255,59,.23)}.button-link:active,.primary:active{transform:translateY(1px) scale(.99)}.primary.large{margin-top:28px;min-height:54px;padding:15px 26px}.primary:disabled{opacity:.46;cursor:wait}.wallet-config-note{margin-top:16px!important;color:var(--warning)!important;font-size:12px!important;line-height:1.55!important}.home-preview{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--panel-radius);background:linear-gradient(145deg,rgba(182,255,59,.075),transparent 45%),var(--surface);box-shadow:0 26px 80px rgba(1,5,8,.4),0 0 42px rgba(182,255,59,.06)}.home-preview:before{position:absolute;inset:0 0 auto;height:3px;background:var(--accent);box-shadow:0 0 18px rgba(182,255,59,.55);content:""}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px 20px}.preview-header>div{display:grid;grid-gap:3px;gap:3px}.preview-header span{color:var(--ink-strong);font-size:13px;font-weight:750}.preview-header small{color:var(--muted);font-size:10px}.preview-header strong{color:var(--muted-strong);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.preview-progress{height:2px;margin:0 26px;background:var(--line)}.preview-progress i{display:block;width:14.28%;height:100%;background:var(--accent)}.preview-word{padding:clamp(34px,5vw,52px) 26px 30px}.preview-word-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-word-meta>span{color:var(--muted);font-size:11px}.preview-word-meta button{min-width:82px;min-height:44px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);color:var(--accent);font-size:10px;font-weight:750;cursor:pointer;transition:background .16s ease,transform .12s ease}.preview-word-meta button:hover{background:var(--surface-soft)}.preview-word-meta button:active{transform:translateY(1px)}.preview-word h2{margin:18px 0 8px;color:var(--ink-strong);font-size:clamp(48px,5.5vw,72px);line-height:.95;letter-spacing:-.065em}.preview-phonetic{margin:0;color:var(--muted-strong);font-size:15px}.preview-definition{margin:28px 0 0;color:var(--ink);font-size:18px;line-height:1.55}.preview-definition strong{color:var(--accent);font-size:12px}.preview-word blockquote{margin:24px 0 0;padding-left:16px;border-left:2px solid var(--line-strong);color:var(--muted);font-size:13px;line-height:1.6}.home-preview footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 26px;border-top:1px solid var(--line);background:rgba(255,255,255,.018)}.home-preview footer span{color:var(--muted);font-size:10px}.home-preview footer strong{color:var(--accent);font-size:11px}.trust-rail{display:grid;grid-template-columns:repeat(3,1fr);width:min(1240px,calc(100% - 48px));margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-rail>div{display:grid;grid-gap:6px;gap:6px;padding:24px 26px}.trust-rail>div+div{border-left:1px solid var(--line)}.trust-rail strong{color:var(--ink-strong);font-size:13px}.trust-rail span{color:var(--muted);font-size:11px;line-height:1.5}.error-message{margin:18px 0 0;padding:12px 14px;border:1px solid rgba(255,123,114,.3);border-radius:var(--control-radius);background:var(--danger-soft);color:#ffb1ab;font-size:12px;line-height:1.5}.floating-error{position:fixed;right:22px;bottom:22px;z-index:20;width:min(430px,calc(100% - 44px))}.floating-error .error-message{box-shadow:0 18px 48px rgba(3,7,9,.34)}.library-screen{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:clamp(64px,9vh,108px) 0 80px}.library-screen>h1{margin:12px 0 16px;color:var(--ink-strong);font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.06em}.library-screen>p{max-width:620px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}.library-grid{display:grid;grid-gap:18px;gap:18px;margin-top:42px}.library-card{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--panel-radius);background:var(--surface);transition:border-color .22s ease,transform .22s cubic-bezier(.16,1,.3,1)}.library-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.library-card.featured{grid-template-columns:minmax(240px,.52fr) minmax(0,1fr)}.library-card-cover{display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:26px;border-right:1px solid var(--line);background:linear-gradient(145deg,transparent 52%,rgba(182,255,59,.13)),var(--surface-raised)}.library-card.featured .library-card-cover{background:linear-gradient(145deg,#263510,var(--surface-raised) 70%)}.library-card-cover span{color:var(--ink-strong);font-size:clamp(64px,8vw,108px);font-weight:760;line-height:.8;letter-spacing:-.08em}.library-card-cover small{margin-top:20px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.16em}.library-card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(26px,4vw,44px)}.library-card-copy>small{color:var(--accent);font-size:11px;font-weight:750}.library-card h2{margin:10px 0;color:var(--ink-strong);font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}.library-card-copy>p{max-width:630px;margin:0;color:var(--muted);line-height:1.65}.library-card .book-stats{margin:24px 0 22px}.library-card .real-money-note{margin:-6px 0 20px;color:var(--warning);font-size:12px}.library-card .primary{margin-top:auto}.book-home{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.62fr);align-items:center;grid-gap:clamp(54px,8vw,112px);gap:clamp(54px,8vw,112px);width:min(1120px,calc(100% - 40px));min-height:calc(100dvh - 72px);margin:0 auto;padding:56px 0 72px}.book-copy h1{font-size:clamp(54px,7vw,86px)}.book-copy>p{font-size:15px}.book-stats{display:flex;gap:0;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.book-stats>div{display:grid;min-width:120px;padding:18px 24px 18px 0}.book-stats>div+div{padding-left:24px;border-left:1px solid var(--line)}.book-stats strong{color:var(--ink-strong);font-size:27px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.04em}.book-stats span{margin-top:5px;color:var(--muted);font-size:10px}.book-copy .primary+p,.book-copy .verified-note{margin-top:16px;color:var(--muted);font-size:12px;line-height:1.55}.book-copy .verified-note{color:var(--accent)}.book-cover{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:.72;padding:30px;border:1px solid var(--accent-line);border-radius:6px var(--panel-radius) var(--panel-radius) 6px;background:linear-gradient(150deg,rgba(182,255,59,.18),transparent 42%),linear-gradient(155deg,#202b16,#0e1419 66%);box-shadow:-18px 28px 64px rgba(1,5,7,.5),0 0 36px rgba(182,255,59,.07),inset 5px 0 rgba(255,255,255,.035)}.book-cover footer,.book-cover small,.book-cover>span{color:#aab6aa;font-size:9px;font-weight:700;letter-spacing:.14em}.book-cover div{display:grid;grid-gap:16px;gap:16px}.book-cover strong{color:var(--ink-strong);font-size:clamp(50px,6vw,78px);line-height:.94;letter-spacing:-.08em}.book-cover footer{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.study-screen{display:flex;flex-direction:column;min-height:calc(100dvh - 72px)}.study-progress{display:grid;grid-template-columns:58px 1fr 90px;align-items:center;grid-gap:16px;gap:16px;width:min(980px,calc(100% - 48px));margin:24px auto 0;color:var(--muted);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.study-progress>div{height:3px;overflow:hidden;border-radius:3px;background:var(--line)}.study-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .3s cubic-bezier(.16,1,.3,1)}.study-progress small{text-align:right}.word-stage{width:min(980px,calc(100% - 48px));min-height:470px;margin:auto;padding:54px 30px}.word-heading h1{margin:0 0 14px;color:var(--ink-strong);font-size:clamp(58px,8vw,102px);font-weight:760;line-height:.98;letter-spacing:-.065em}.word-heading p{display:flex;align-items:center;gap:10px;margin:0;color:var(--muted-strong);font-size:18px;font-weight:650}.audio-dot{min-width:38px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-raised);color:var(--accent);font-size:10px;font-weight:800;cursor:pointer;transition:background .16s ease,transform .12s ease}.audio-dot:hover{background:var(--surface-soft)}.audio-dot:active{transform:translateY(1px)}.word-details{margin-top:34px;animation:reveal .36s cubic-bezier(.16,1,.3,1)}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}}.definition{margin:0;font-size:clamp(21px,2.7vw,31px);line-height:1.5}.definition strong{color:var(--accent);font-size:.72em;font-weight:750}.definition-en{max-width:760px;margin:9px 0 0;color:var(--muted);line-height:1.6}.example-card{margin-top:28px;padding:22px 24px;border-left:3px solid var(--accent);background:var(--surface)}.example-card p{margin:0 0 9px;color:var(--ink-strong);font-size:clamp(17px,2.2vw,22px);font-weight:650;line-height:1.5}.example-card span{color:var(--muted);line-height:1.55}.binary-actions{display:grid;grid-template-columns:1fr 1fr;width:min(980px,calc(100% - 48px));margin:0 auto 28px;border-top:1px solid var(--line)}.binary-actions button{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:18px 24px;border:0;background:transparent;color:var(--ink);font-size:18px;font-weight:750;cursor:pointer;transition:background .16s ease,transform .12s ease}.binary-actions button+button{border-left:1px solid var(--line)}.binary-actions .know{box-shadow:inset 0 -3px var(--accent)}.binary-actions .unknown{box-shadow:inset 0 -3px var(--danger)}.binary-actions .know:hover{background:var(--accent-soft)}.binary-actions .unknown:hover{background:var(--danger-soft)}.binary-actions button:active{transform:translateY(1px)}.binary-actions button:disabled{opacity:.45;cursor:wait}kbd{padding:4px 7px;border:1px solid var(--line-strong);border-radius:6px;color:var(--muted);background:var(--surface);font-family:inherit;font-size:10px;font-weight:650}.result-screen{width:min(920px,calc(100% - 40px));margin:0 auto;padding:clamp(60px,8vh,92px) 0 72px;text-align:left}.result-badge{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-radius:var(--control-radius);background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:850}.result-screen .kicker{display:block;margin-top:20px}.result-screen h1{margin:12px 0 16px;font-size:clamp(48px,6vw,72px)}.result-screen>p{margin:0}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-grid>div{display:grid;grid-gap:10px;gap:10px;padding:20px 18px}.result-grid>div+div{border-left:1px solid var(--line)}.result-grid span{color:var(--muted);font-size:10px}.result-grid strong{color:var(--ink-strong);font-size:23px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.result-grid .reward strong{color:var(--accent)}.claim-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:26px;border:1px solid var(--accent-line);border-radius:var(--panel-radius);background:var(--accent-soft);box-shadow:0 0 32px rgba(182,255,59,.06);text-align:left}.claim-card>div{display:grid;grid-gap:7px;gap:7px}.claim-card small{color:var(--accent);font-weight:750}.claim-card strong{color:var(--ink-strong);font-size:23px}.claim-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.text-button{margin-top:24px;padding:0;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.topbar .text-button{margin:0;text-decoration:none}.tx-link{display:inline-block;margin-top:18px;color:var(--accent);font-size:12px}@media (prefers-reduced-motion:no-preference){.gate-copy{animation:enter-up .62s cubic-bezier(.16,1,.3,1) both}.home-preview{animation:enter-up .72s cubic-bezier(.16,1,.3,1) 80ms both}@keyframes enter-up{0%{opacity:0;transform:translateY(18px)}}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:900px){.gate-stage{grid-template-columns:1fr;gap:40px;padding-top:52px}.gate-copy,.home-preview{max-width:720px}.book-home{grid-template-columns:1fr;align-items:start}.book-cover{width:min(430px,100%)}.library-card,.library-card.featured{grid-template-columns:minmax(160px,.34fr) minmax(0,1fr)}}@media (max-width:760px){.topbar{width:calc(100% - 28px);height:66px}.app-shell>.topbar{position:relative}.balance,.brand small,.network-label,.wallet-chip small{display:none}.account-area{gap:8px}.wallet-chip{font-size:11px}.gate-stage{width:calc(100% - 32px);min-height:auto;padding:48px 0 64px}.gate-copy h1{font-size:clamp(48px,15vw,68px)}.trust-rail{grid-template-columns:1fr;width:calc(100% - 32px)}.trust-rail>div{padding:18px 0}.trust-rail>div+div{border-top:1px solid var(--line);border-left:0}.library-screen{width:calc(100% - 32px);padding-top:56px}.library-card,.library-card.featured{grid-template-columns:1fr}.library-card-cover{min-height:180px;border-right:0;border-bottom:1px solid var(--line)}.library-card-cover span{font-size:76px}.book-home{width:calc(100% - 32px);min-height:auto;padding-top:48px}.book-cover{display:none}.book-stats{display:grid;grid-template-columns:repeat(3,1fr)}.book-stats>div{min-width:0;padding:16px 10px}.book-stats>div+div{padding-left:14px}.study-screen{min-height:calc(100dvh - 66px)}.binary-actions,.study-progress,.word-stage{width:calc(100% - 32px)}.word-stage{min-height:430px;padding:46px 8px}.binary-actions button{padding:17px 16px}.result-grid{grid-template-columns:1fr 1fr}.result-grid>div:nth-child(3){border-left:0}.result-grid>div:nth-child(3),.result-grid>div:nth-child(4){border-top:1px solid var(--line)}.claim-card{align-items:stretch;flex-direction:column}.claim-card .button-link,.claim-card .primary{width:100%}}@media (max-width:480px){.gate-copy h1{letter-spacing:-.075em}.selected-wallet{grid-template-columns:1fr auto}.selected-wallet span{grid-column:1/-1}.home-preview footer{align-items:flex-start;flex-direction:column;gap:5px}.book-stats strong{font-size:22px}.study-progress{grid-template-columns:46px 1fr 66px;gap:10px}.word-stage{min-height:400px}.binary-actions{width:calc(100% - 20px)}.binary-actions button{min-height:72px;padding:16px 12px;font-size:16px}kbd{display:none}}