.record-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #e8ebf1;font-size:12px;color:#69758b}.record-bar>div{display:flex;gap:8px;flex-wrap:wrap}.record-bar .button{min-height:44px;font-size:12px;padding:9px 12px}.record-bar .record-error{color:#b45309}.question-record-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px 0 16px;font-size:12px;color:#69758b}.question-record-meta>span{display:flex;align-items:center;gap:5px}.question-record-meta .text-button{min-height:44px;font-size:12px}.history-panel{scroll-margin-top:16px}@media(max-width:620px){.record-bar{align-items:flex-start;flex-wrap:wrap;font-size:11px}.record-bar>div{margin-left:auto}.question-record-meta{font-size:11px;margin-bottom:12px}.question-record-meta .text-button{font-size:11px}}.history-panel{--history-brand: #5865f2;--history-ink: #263046;--history-muted: #64718a;--history-line: #e4e8f3;width:100%;max-width:100%;min-width:0;margin:24px 0;padding:26px;border:1px solid var(--history-line);border-radius:16px;background:#fff;color:var(--history-ink);box-shadow:0 6px 26px #5865f208;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.history-panel,.history-panel *{box-sizing:border-box}.history-panel button,.history-panel input,.history-panel select{font:inherit}.history-panel p,.history-panel h1,.history-panel h3,.history-panel dl,.history-panel dd{margin:0}.history-header,.history-heading,.history-header-actions{display:flex;align-items:center;gap:12px;min-width:0}.history-header{justify-content:space-between;gap:16px;margin-bottom:20px}.history-heading-icon,.history-state-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #e3e6ff;border-radius:12px;background:#eef0ff;color:var(--history-brand)}.history-panel .history-kicker{margin-bottom:2px;color:var(--history-muted);font-size:12px}.history-heading h1{font-size:22px;line-height:1.4;letter-spacing:-.4px}.history-header-actions{flex-shrink:0;gap:8px}.history-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:9px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--history-ink);font-weight:600;line-height:1.5;text-align:center;cursor:pointer;touch-action:manipulation}.history-button-secondary{border-color:#dce1ef;background:#fff;color:#52617c}.history-button-secondary:hover:not(:disabled){border-color:#bbc3f7;background:#f2f4ff;color:#4752c4}.history-button-primary{background:var(--history-brand);color:#fff}.history-button-primary:hover:not(:disabled){background:#4752c4}.history-button-warning{flex-shrink:0;border-color:#e2cda4;background:#fff;color:#79541b}.history-button-warning:hover:not(:disabled){border-color:#c6a76d;background:#fff8e8}.history-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;color:#69758b;font-size:12px}.history-page-return{min-height:44px;font-size:13px;color:#5260c6}.history-practice-notice{color:#69758b;font-size:12px;line-height:1.8;padding-top:4px}@media(max-width:620px){.history-page-navigation{flex-wrap:wrap;gap:0;padding-top:12px}.history-page-navigation>span{width:100%;line-height:1.8}}.history-button:disabled{color:#7b8496;background:#f4f5f9;cursor:default;opacity:.65}.history-panel button:focus-visible,.history-panel summary:focus-visible,.history-panel select:focus-visible,.history-panel input:focus-visible{outline:3px solid #a6aff5;outline-offset:3px}.history-shared-notice{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border:1px solid #e1e6fc;border-radius:10px;background:#f3f5ff;color:#52609c}.history-shared-notice svg,.history-save-notice>svg{flex-shrink:0;margin-top:2px}.history-save-notice{display:flex;align-items:flex-start;gap:11px;margin-top:12px;padding:14px;border:1px solid #ebd9b6;border-radius:10px;background:#fffbf2;color:#765621}.history-notice-copy{flex:1;min-width:0}.history-notice-copy strong{display:block;margin-bottom:3px;font-size:13px}.history-panel .history-error-detail{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.25fr) auto;align-items:start;gap:12px;min-width:0;margin:22px 0 0;padding:0;border:0}.history-filter{display:flex;flex-direction:column;gap:6px;min-width:0;color:#52617c;font-weight:600}.history-filter input,.history-filter select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px;border:1px solid #dce1ef;border-radius:8px;background:#fff;color:var(--history-ink);font-weight:400;line-height:1.5}.history-filter input::placeholder{color:#748098;opacity:1}.history-filter select{cursor:pointer}.history-filters:disabled .history-filter input,.history-filters:disabled .history-filter select{background:#f5f6fa;color:#7b8496;cursor:default}.history-clear{align-self:start;margin-top:28px}.history-filter-help{grid-column:1 / -1;color:var(--history-muted);font-size:12px}.history-reading-notes{display:grid;gap:4px;margin:18px 0;padding-left:12px;border-left:3px solid #dce1ff;color:var(--history-muted);font-size:12px}.history-reading-notes strong{margin-right:5px;color:#506080;font-weight:600}.history-content{width:100%;max-width:100%;min-width:0;border:1px solid var(--history-line);border-radius:12px;overflow:hidden}.history-record-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.85fr) minmax(0,.7fr) minmax(0,1.25fr);gap:16px;align-items:start}.history-column-headings{padding:12px 16px;border-bottom:1px solid var(--history-line);background:#f5f7ff;color:#64718a;font-size:12px;font-weight:600}.history-list{margin:0;padding:0;list-style:none}.history-record{min-width:0;padding:16px;background:#fff}.history-record+.history-record{border-top:1px solid var(--history-line)}.history-field{min-width:0}.history-record-fields dt{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);white-space:nowrap;overflow:hidden}.history-ranks,.history-puzzle-id,.history-mode,.history-deck{display:block}.history-ranks{color:#4752b9;font-size:15px;font-weight:650;line-height:1.5}.history-puzzle-id{margin-top:4px;color:var(--history-muted);font-size:11px}.history-field-time,.history-duration,.history-page-number{font-variant-numeric:tabular-nums}.history-field-time time{color:#53617b;font-size:12px}.history-result{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 8px;border:1px solid #e2e6ef;border-radius:6px;background:#f1f3f8;color:#5f6c83;font-size:12px;font-weight:600;line-height:1.6}.history-result:before{flex-shrink:0;width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.history-result-correct{border-color:#d6ede4;background:#edf8f3;color:#137256}.history-result-assisted{border-color:#dce3ff;background:#eef2ff;color:#4752c4}.history-result-wrong{border-color:#f1dce1;background:#fdf0f3;color:#a33c53}.history-result-revealed{border-color:#e9def9;background:#f5f0fc;color:#7650a2}.history-result-timeout{border-color:#f0e1c5;background:#fff8ec;color:#86591c}.history-duration{color:#465574;font-weight:600}.history-mode{color:#465574;font-size:13px}.history-deck{margin-top:3px;color:var(--history-muted);font-size:12px}.history-details{margin-top:8px}.history-details-toggle{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:44px;padding:8px 0;border-radius:5px;color:#5260c6;font-size:12px;font-weight:600;cursor:pointer;list-style:none;touch-action:manipulation}.history-details-toggle::-webkit-details-marker{display:none}.history-details-toggle:hover{background:#f7f8ff}.history-details-toggle svg{transform:rotate(90deg);transition:transform .18s}.history-details-open,.history-details[open] .history-details-closed{display:none}.history-details[open] .history-details-open{display:inline}.history-details[open] .history-details-toggle svg{transform:rotate(-90deg)}.history-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;border:1px solid #e5e8f7;border-radius:9px;background:#f8f9ff}.history-detail-fields>div{min-width:0}.history-detail-fields dt{margin-bottom:4px;color:var(--history-muted);font-size:12px}.history-detail-fields dd{color:#465574}.history-detail-expression{grid-column:1 / -1}.history-detail-expression code{display:block;color:#4752b9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.history-state{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:240px;padding:36px 24px;background:#fcfcff;text-align:center}.history-state h3{font-size:16px;font-weight:600}.history-state p{max-width:560px;color:var(--history-muted);font-size:13px}.history-state-error .history-state-icon{border-color:#f1dce1;background:#fdf0f3;color:#a33c53}.history-state-error .history-error-detail{color:#9d3e54}.history-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.history-count{min-width:0;color:var(--history-muted);font-size:12px}.history-count>span{display:block;margin-top:2px}.history-pagination{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.history-page-number{min-width:44px;color:#53617b;font-size:12px;text-align:center}.history-page-button{flex-shrink:0;padding-right:12px;padding-left:12px;font-size:12px}.history-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);white-space:nowrap;overflow:hidden}@media(max-width:1000px){.history-panel{padding:22px}.history-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.history-filter-puzzle{grid-column:1 / 3}.history-clear{width:100%}}@media(max-width:800px){.history-column-headings{display:none}.history-content{border:0;border-radius:0;overflow:visible}.history-list{display:grid;gap:12px}.history-record,.history-record+.history-record{padding:16px;border:1px solid var(--history-line);border-radius:12px}.history-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.history-record-fields dt{position:static;width:auto;height:auto;margin-bottom:4px;clip-path:none;color:var(--history-muted);font-size:12px;white-space:normal;overflow:visible}.history-field-puzzle{grid-column:1 / -1;padding-bottom:12px;border-bottom:1px solid #edf0f7}.history-field-puzzle dd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px}.history-ranks{font-size:18px}.history-puzzle-id{margin-top:0;font-size:12px}.history-field-mode{grid-column:1 / -1}.history-field-mode dd{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 12px}.history-deck{margin-top:0}.history-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.history-state{border:1px solid var(--history-line);border-radius:12px}.history-footer{flex-wrap:wrap}}@media(max-width:620px){.history-panel{margin:18px 0;padding:16px;border-radius:13px}.history-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}.history-heading{flex:1;gap:9px}.history-heading h1{font-size:20px}.history-heading-icon{width:42px;height:42px;border-radius:10px}.history-heading .history-kicker{font-size:11px}.history-header-actions{justify-content:flex-end;width:100%}.history-shared-notice,.history-save-notice{padding:12px;font-size:12px}.history-save-notice{flex-wrap:wrap;gap:9px}.history-button-warning{width:100%}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;margin-top:18px}.history-filter-puzzle{grid-column:auto}.history-filter input,.history-filter select{padding:9px 8px;font-size:16px}.history-clear{grid-column:1 / -1;margin-top:0}.history-filter-help{font-size:11px}.history-reading-notes{margin:16px 0;font-size:12px}.history-record,.history-record+.history-record{padding:13px}.history-record-grid{gap:12px}.history-detail-fields{gap:12px;padding:12px}.history-detail-fields>div{grid-column:1 / -1}.history-state{min-height:220px;padding:28px 16px}.history-footer{gap:14px;margin-top:16px}.history-count,.history-pagination{width:100%}.history-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}.history-page-button{width:100%;padding:9px 6px}}.practice-workspace{width:100%;min-width:0;display:grid;gap:18px}.puzzle-history{min-width:0;overflow:hidden}.puzzle-history-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:76px;padding:18px 22px;text-align:left}.puzzle-history-toggle:hover{background:#f9faff}.puzzle-history-title{display:flex;align-items:center;gap:10px;color:#465574;font-size:14px;font-weight:600;min-width:0}.puzzle-history-title>svg{color:#5865f2}.puzzle-history-title small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:#69758b;overflow-wrap:anywhere;line-height:1.7}.puzzle-history-action{display:flex;align-items:center;gap:7px;font-size:12px;color:#5865f2;flex-shrink:0}.puzzle-history-action svg{transform:rotate(90deg);transition:transform .18s}.puzzle-history-toggle[aria-expanded=true] .puzzle-history-action svg{transform:rotate(-90deg)}.puzzle-history-content{border-top:1px solid #e8ebf1}.puzzle-history-notice{margin:16px 20px 0;padding:11px 12px;border-radius:8px;background:#f3f5ff;font-size:12px;line-height:1.8;color:#52609c}.history-inline{margin:0;padding:18px 20px;border:0;border-radius:0;box-shadow:none}.history-inline .history-header{justify-content:flex-end;margin-bottom:12px}.history-inline .history-header-actions{width:auto}.history-inline .history-column-headings{display:none}.history-inline .history-content{border:0;border-radius:0;overflow:visible}.history-inline .history-list{display:grid;gap:12px}.history-inline .history-record,.history-inline .history-record+.history-record{padding:15px;border:1px solid #e4e8f3;border-radius:10px}.history-inline .history-record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.history-inline .history-record-fields dt{position:static;width:auto;height:auto;margin-bottom:3px;clip-path:none;color:#64718a;font-size:11px;white-space:normal;overflow:visible}.history-inline .history-field-puzzle{grid-column:1 / -1;padding-bottom:10px;border-bottom:1px solid #edf0f7}.history-inline .history-field-puzzle dd{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px}.history-inline .history-puzzle-id{margin:0}.history-inline .history-field-mode{grid-column:auto}.history-inline .history-field-mode dd{display:block}.history-inline .history-deck{margin-top:3px}.history-inline .history-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history-inline .history-state{min-height:180px;border:1px solid #e4e8f3;border-radius:10px;padding:24px 16px}.history-inline .history-footer{flex-wrap:wrap}@media(max-width:620px){.practice-workspace{gap:14px}.puzzle-history-toggle{padding:15px 16px}.puzzle-history-title{font-size:13px;gap:8px}.puzzle-history-title small{font-size:10px}.puzzle-history-notice{margin:12px 14px 0;font-size:11px}.history-inline{padding:14px}.history-inline .history-record,.history-inline .history-record+.history-record{padding:12px}}@media(prefers-reduced-motion:reduce){.history-panel button,.history-details-toggle svg{transition:none}}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#263046;background:#f8f9fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand:#5865f2;--brand-dark:#4752c4;--ink:#263046;--muted:#7b8496;--line:#e8ebf1;--purple-bg:#eef0ff;--green:#15856a}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b8befb;outline-offset:4px}input:focus{outline:0}button,summary{touch-action:manipulation}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.5px}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:19px}ol{margin:0;padding:0;list-style:none}button{transition:background .18s,border-color .18s,transform .18s,color .18s}::selection{background:#dfe2ff}.accent{color:var(--brand)}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:45px;padding:11px 19px;border-radius:9px;font-size:14px;font-weight:600;line-height:1.4;border:1px solid transparent}.primary{background:var(--brand);color:#fff;box-shadow:0 3px 8px #5865f218}.primary:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px)}.primary:disabled{background:#c2c7fb;color:#fff;box-shadow:none}.secondary{background:#fff;border-color:#e1e5ed;color:#4b5569}.secondary:hover:not(:disabled){background:#f7f8fe;border-color:#cfd3f4}.secondary:disabled{opacity:.45}.text-button{display:inline-flex;gap:5px;align-items:center;font-size:13px;color:#747f94;padding:5px 0}.text-button:hover:not(:disabled){color:var(--brand)}.text-button:disabled{opacity:.45}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 4px #18294a02}.pill{display:inline-flex;background:var(--purple-bg);color:var(--brand);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600}.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:500;color:var(--brand)}.tiny-dot{width:6px;height:6px;display:inline-block;background:var(--brand);border-radius:50%}.section-kicker{display:block;font-size:12px;letter-spacing:1px;color:var(--brand);margin-bottom:9px;font-weight:600}.site-header{height:86px;background:#ffffffeb;border-bottom:1px solid var(--line)}.header-inner{max-width:1104px;height:100%;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-align:left;padding:0}.brand-mark{background:var(--brand);color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:25px;font-weight:700;letter-spacing:-1.5px;box-shadow:0 4px 10px #5865f220}.brand-mark>span{font-size:28px;line-height:1;color:#d5daff;margin-left:1px;margin-top:6px}.brand-name{font-size:16px;font-weight:700;letter-spacing:.4px}.brand-name small{display:block;font-size:10px;color:#99a0af;font-weight:400;letter-spacing:1.4px;margin-top:3px}.main-nav{display:flex;gap:5px;padding:4px;border:1px solid #edf0f5;border-radius:10px;background:#f9fafc}.main-nav button{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 18px;border-radius:7px;font-size:13px;color:#8790a1;font-weight:500}.main-nav button.active{color:var(--brand);background:#fff;box-shadow:0 1px 5px #2435570c}.main-nav button:hover:not(.active){background:#f0f2fa;color:#4d5870}.rules-button{display:flex;align-items:center;gap:6px;color:#8790a1;font-size:12px;padding:8px 0}.rules-button:hover{color:var(--brand)}.app-main{max-width:1104px;padding:0 40px 44px;margin:0 auto;min-height:calc(100vh - 159px)}.home-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding:56px 0 58px}.hero-copy h1{font-size:45px;line-height:1.38;margin-top:17px;font-weight:700}.hero-copy>p{font-size:14px;color:#7d8697;line-height:1.9;margin-top:17px}.hero-copy>.button{margin-top:27px;padding:13px 21px}.hero-tags{display:flex;gap:17px;margin-top:19px;font-size:11px;color:#959dac}.hero-tags>span{display:flex;gap:4px;align-items:center}.hero-tags svg{color:#a5adc0}.hero-demo{position:relative;background:#fff;border:1px solid #e4e7f6;border-radius:20px;padding:25px 26px 22px;box-shadow:0 8px 32px #31407905}.hero-demo:before{content:"";position:absolute;z-index:-1;inset:22px -13px -12px 13px;border-radius:20px;background:#eef0ff;transform:rotate(3deg)}.demo-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:24px}.light{font-size:10px;padding:5px 9px}.demo-caption{font-size:10px;color:#a0a7b4}.demo-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.demo-number{border:1px solid #e8ebf7;background:#fafbff;display:flex;align-items:center;justify-content:center;border-radius:12px;height:76px;font-size:33px;font-weight:600;color:#4957d5}.demo-branches{display:grid;grid-template-columns:1fr 42px 1fr;margin:17px 14px 18px;text-align:center;align-items:center;position:relative}.demo-branches>div{display:flex;flex-direction:column;align-items:center;gap:7px}.demo-branches>div>span{color:#a0a7b4;font-size:11px;position:relative;padding-top:10px}.demo-branches>div>span:before{content:"";position:absolute;top:-17px;left:50%;width:1px;height:19px;background:#e4e8f8}.demo-branches strong{display:flex;align-items:center;justify-content:center;border:1px solid #e1e5f8;width:43px;height:37px;border-radius:9px;font-size:21px;font-weight:500;background:#f7f8ff;color:#5865d9}.demo-times{font-size:22px;color:#9ca5d8;padding-top:20px}.demo-result{display:flex;justify-content:space-between;align-items:center;padding-top:17px;border-top:1px dashed #e2e6f1}.demo-result>span{color:#9ca4b4;font-size:10px}.demo-result strong{font-size:32px;font-weight:600;color:var(--brand);display:flex;align-items:center;gap:10px;line-height:1}.demo-result strong>span{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#e8f6f0;color:#219978;border-radius:50%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px;gap:16px}.section-note{font-size:11px;color:#9aa2b2;line-height:1.6}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.lesson-card{text-align:left;display:flex;flex-direction:column;min-height:237px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 23px;box-shadow:0 1px 3px #1f293703}.lesson-card:hover{border-color:#bfc5f7;box-shadow:0 4px 16px #5865f20b;transform:translateY(-3px)}.lesson-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.lesson-icon{display:inline-flex;align-items:center;justify-content:center;background:#f0f2ff;color:#6570ed;border-radius:10px;width:43px;height:43px}.lesson-index{font-size:12px;color:#b9c0d0;font-weight:500;letter-spacing:1px}.lesson-card h3{font-size:17px;font-weight:600;margin-bottom:6px}.lesson-short{font-size:11px;color:#99a1b2;margin-bottom:12px}.lesson-description{font-size:12px;line-height:1.85;color:#80899b;max-width:250px}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:17px;color:var(--brand);font-size:11px;font-weight:600}.lesson-bottom svg{color:#aab2d8}.challenge-promo{min-height:237px;background:#eef0ff;border:1px solid #e5e8ff;border-radius:14px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.promo-icon{color:var(--brand);margin-bottom:16px}.challenge-promo h3{font-size:17px;font-weight:600;color:#4853b0;margin-bottom:10px}.challenge-promo p{font-size:12px;line-height:1.85;color:#8a93bd;margin-bottom:18px}.challenge-promo .button{margin-top:auto;font-size:11px;min-height:36px;padding:8px 13px;border-color:#d9dff7;color:#5863be;background:#ffffffa6}.home-rule{display:flex;align-items:center;gap:8px;margin-top:24px;background:#f0f2f7;border-radius:9px;padding:13px 16px;color:#9ba4b5;font-size:11px}.home-rule .text-button{margin-left:auto;font-size:11px;white-space:nowrap;color:#8993aa}.site-footer{max-width:1024px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 25px;color:#a4adbd;font-size:10px}.site-footer>span:first-child{color:#9aa3b6;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#a5adbb;padding-top:29px;margin-bottom:26px}.breadcrumb button{display:flex;align-items:center;gap:3px;font-size:12px;color:#7e899b;padding:0}.breadcrumb button:hover{color:var(--brand)}.breadcrumb>span:last-child{color:#5e6980}.practice-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:15px}.practice-heading h1{font-size:29px;letter-spacing:-.5px;display:flex;align-items:center;gap:16px}.heading-subtitle{font-size:13px;color:#929bae;font-weight:400;letter-spacing:0}.difficulty-control{display:flex;align-items:center;gap:4px;background:#edf0f6;border-radius:9px;padding:4px}.difficulty-control button{padding:8px 18px;border-radius:6px;font-size:12px;color:#8892a6}.difficulty-control button.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #1f293708;font-weight:600}.practice-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.lesson-guide{padding:24px}.guide-title{display:flex;align-items:center;gap:10px;margin-bottom:17px}.guide-title h2{font-size:16px}.guide-title .lesson-icon{width:35px;height:35px;border-radius:9px}.guide-idea{font-size:12px;line-height:1.9;color:#828b9e}.method-formula{font-size:11px;line-height:1.8;padding:12px 13px;border-radius:8px;background:#f7f8fc;margin-top:17px;color:#7d89ae}.guide-divider{height:1px;background:var(--line);margin:24px 0 20px}.mini-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:600;color:#5d6880}.mini-numbers{font-size:11px;font-weight:400;color:#97a0b3}.example-steps{margin:18px 0}.example-steps li{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.8;position:relative;padding-bottom:18px;color:#bac1ce}.example-steps li:last-child{padding-bottom:0}.example-steps li:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;height:calc(100% - 22px);width:1px;background:#edf0f6}.step-index{width:21px;height:21px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;background:#f4f5f9;color:#b3bbc9;flex-shrink:0;position:relative}.example-steps .revealed{color:#78849b}.revealed .step-index{color:var(--brand);background:#eef0ff}.guide-next{min-height:35px;padding:8px 13px;font-size:11px;width:100%}.guide-replay{font-size:11px}.example-answer{font-size:12px;line-height:1.8;color:var(--brand);background:#f5f6ff;border-radius:7px;padding:10px;margin-bottom:13px;overflow-wrap:anywhere}.guide-tip{display:flex;align-items:flex-start;gap:8px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line);color:#a6aec0}.guide-tip p{font-size:10px;line-height:1.85}.practice-board,.challenge-board{padding:25px 30px 28px}.board-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:22px;border-bottom:1px solid #f0f2f6;margin-bottom:22px}.board-heading>div{display:flex;align-items:center;gap:10px}.board-question{font-size:12px;color:#828ba0}.board-meta{font-size:10px;color:#a7aebd}.numbers-label{font-size:12px;color:#7f899f;display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.usage-counter{font-size:10px;color:#a7aebd}.number-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.number-card{position:relative;border:1.5px solid #dfe3fa;border-radius:12px;min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f8f9ff;color:#5865dc}.number-card>span{font-size:36px;font-weight:600;line-height:1.1}.number-card>small{display:flex;align-items:center;gap:2px;font-size:9px;color:#a8b0d1}.number-card:hover:not(:disabled){background:#eef0ff;border-color:#9da7f1;transform:translateY(-2px)}.number-card.used{border-color:#edf0f5;background:#f5f6f9;color:#bbc3d4}.number-card.used>small{color:#b1bbcb}.number-card:disabled:not(.used){opacity:.65}.expression-label{display:block;font-size:11px;color:#9aa3b6;margin-bottom:9px}.expression-input{display:flex;align-items:center;gap:8px;min-height:65px;border:1px solid #e2e6ef;border-radius:11px;padding:0 16px;background:#fff;transition:box-shadow .2s,border-color .2s}.expression-input:focus-within{border-color:#a6aff8;box-shadow:0 0 0 3px #5865f20a}.expression-input input{font-size:23px;letter-spacing:1px;border:0;background:transparent;min-width:0;width:100%;color:#475272;padding:17px 0}.expression-input input::placeholder{font-size:16px;letter-spacing:0;color:#c2c8d5}.equals-goal{flex-shrink:0;color:#b5bccd;font-size:20px}.input-error{border-color:#efc4c4}.input-success{border-color:#a7dacc;background:#fbfefc}.operator-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 1.2fr;gap:9px;margin-top:14px}.operator-button{display:flex;align-items:center;justify-content:center;height:43px;border:1px solid #e6e9f0;border-radius:8px;color:#6c7690;font-size:22px;background:#fbfcfe;font-weight:500}.operator-button:hover:not(:disabled){border-color:#b9c1f4;color:var(--brand);background:#f1f3ff}.operator-button:disabled{opacity:.4}.delete-button{color:#9aa4b8}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.editor-toolbar>span{font-size:9px;color:#adb5c4;display:flex;align-items:center;gap:5px}.editor-toolbar .text-button{font-size:10px}.feedback-space{min-height:44px;display:flex;align-items:center;margin-top:4px}.feedback{display:flex;gap:7px;align-items:flex-start;font-size:11px;line-height:1.8;width:100%}.feedback svg{margin-top:2px}.feedback.success{color:#19856d}.feedback.error{color:#bf6161}.feedback.warning{color:#a48144}.submit-button{width:100%;min-height:45px;font-size:13px}.practice-actions{display:flex;align-items:center;gap:19px;margin-top:17px}.practice-actions .button{min-height:37px;padding:8px 12px;font-size:11px}.practice-actions .text-button{font-size:11px}.practice-actions>.text-button:last-child{margin-left:auto}.hint-list{margin-top:20px;background:#f7f8ff;border:1px solid #eaedff;border-radius:10px;padding:13px 16px}.hint-list>div{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.hint-list>div:not(:last-child){border-bottom:1px solid #e8ebfb}.hint-list span{font-size:10px;white-space:nowrap;color:#a0a8cb;padding-top:1px}.hint-list p{font-size:11px;line-height:1.85;color:#747fa7;overflow-wrap:anywhere}.solution-panel{border:1px solid #e1e6f8;background:#f8f9ff;border-radius:12px;padding:18px 19px;margin-top:13px}.solution-panel.solved{background:#f4fbf8;border-color:#d5eee4}.solution-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.solution-top>span:first-child{font-size:12px;display:flex;align-items:center;gap:6px;color:#6976ac;font-weight:500}.solved .solution-top>span:first-child{color:#36907a}.solution-badge{font-size:9px;color:#62a58d;background:#e8f6ee;border-radius:5px;padding:4px 7px;white-space:nowrap}.solution-expression{font-size:20px;color:#5665ad;line-height:1.8;margin:13px 0;overflow-wrap:anywhere}.solved .solution-expression{color:#2d826b}.solution-panel ol{font-size:11px;line-height:2.2;color:#8a94aa;margin-bottom:17px}.solution-panel .button{font-size:12px;min-height:38px;width:100%}.challenge-hero{text-align:center;padding:50px 0 34px}.challenge-hero h1{font-size:36px;margin-top:17px;letter-spacing:-1px}.challenge-hero>p{font-size:13px;line-height:1.9;color:#929bad;margin-top:14px}.challenge-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:23px}.challenge-settings{padding:27px 30px}.setup-step{display:flex;align-items:center;gap:10px;margin-bottom:20px}.setup-step>span{font-size:10px;background:#f0f2ff;color:#7986d8;padding:5px 7px;border-radius:5px}.setup-step h2{font-size:15px;font-weight:600}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-card{text-align:left;border:1.5px solid #e9ecf3;border-radius:11px;position:relative;padding:21px 20px;display:flex;align-items:flex-start;flex-direction:column;background:#fcfdff;min-height:191px}.mode-card.selected{border-color:#a0abf9;background:#f8f9ff}.mode-card:hover{border-color:#bdc4f8}.mode-icon{color:#a6b0d0;margin-bottom:14px}.selected .mode-icon{color:var(--brand)}.mode-card strong{font-size:17px;font-weight:600;color:#606d88;margin-bottom:8px}.mode-card.selected strong{color:#5463ba}.mode-card p{font-size:11px;color:#a0a8b9;line-height:1.8;margin-bottom:15px}.mode-foot{font-size:9px;color:#9ca6bf;background:#f0f3f9;padding:4px 8px;border-radius:4px;margin-top:auto}.selected .mode-foot{color:#8b98d0;background:#eef1ff}.radio-dot{position:absolute;right:17px;top:17px;width:15px;height:15px;border:1.5px solid #d2d8e8;border-radius:50%}.selected .radio-dot{border:4px solid var(--brand);background:#fff}.second-step{margin-top:29px}.challenge-difficulties{display:flex;flex-direction:column;gap:9px}.challenge-difficulties button{display:flex;align-items:center;gap:19px;border:1px solid #edf0f5;border-radius:8px;padding:13px 15px;text-align:left;background:#fcfdff}.challenge-difficulties button strong{font-size:12px;font-weight:500;min-width:27px;color:#7b869c}.challenge-difficulties button small{font-size:10px;color:#a4adbf}.challenge-difficulties .selected{border-color:#bec6f8;background:#f6f8ff}.challenge-difficulties .selected strong{color:var(--brand)}.challenge-difficulties button svg{margin-left:auto;color:var(--brand)}.start-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #eef0f6;padding-top:23px;margin-top:24px}.start-row>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#a1aabf}.start-row .button{font-size:12px;white-space:nowrap;padding:11px 17px}.challenge-note{padding:29px 25px;display:flex;flex-direction:column}.note-illustration{width:64px;height:64px;background:#f2f3ff;color:#8c98ef;display:flex;align-items:center;justify-content:center;border-radius:17px;margin-bottom:24px}.challenge-note h2{font-size:16px;margin-bottom:26px}.challenge-note ol{display:flex;flex-direction:column;gap:24px}.challenge-note li{display:flex;gap:12px;align-items:flex-start}.challenge-note li>span{font-size:10px;width:21px;height:21px;background:#f4f6fa;color:#a5aec1;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.challenge-note strong{font-size:11px;font-weight:500;color:#7c889e;display:block;margin-bottom:8px}.challenge-note li p{font-size:10px;line-height:1.85;color:#a2acc0}.challenge-note-bottom{margin-top:auto;padding-top:23px;border-top:1px solid #eef0f5;color:#b0b8c8;font-size:9px;line-height:1.9}.countdown-panel{max-width:630px;text-align:center;margin:55px auto;padding:45px}.countdown-panel h1{font-size:29px;margin-top:18px;letter-spacing:-.8px}.countdown-number{display:block;font-size:110px;color:var(--brand);font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.countdown-panel>p{font-size:13px;color:#9da7bb;margin-bottom:25px}.active-heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 27px;gap:15px}.active-heading h1{font-size:30px;letter-spacing:-1px}.end-button{font-size:11px;min-height:37px;padding:8px 12px}.challenge-live-layout{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:23px;max-width:944px;margin:0 auto}.challenge-board .number-card{min-height:113px}.challenge-board .number-card>span{font-size:40px}.challenge-bottom{margin-top:21px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:17px;border-top:1px solid #eef1f6}.challenge-bottom>span{font-size:10px;color:#a6b0c1}.challenge-bottom .text-button{font-size:11px;white-space:nowrap}.live-stats{padding:28px 25px;align-self:start}.timer-title{font-size:11px;color:#929db3;display:flex;align-items:center;gap:6px}.timer-number{font-size:46px;font-weight:500;color:#5361cd;letter-spacing:-1.5px;line-height:1.7;font-variant-numeric:tabular-nums}.timer-number.urgent{color:#c77557}.challenge-progress{height:4px;background:#eef0f8;border-radius:4px;overflow:hidden;margin-bottom:25px}.challenge-progress>span{height:100%;background:#8994f2;display:block;border-radius:4px;transition:width .1s linear}.live-stat-row{display:flex;align-items:center;justify-content:space-between;margin:18px 0;color:#9da8be;font-size:11px}.live-stat-row strong{font-size:22px;font-weight:500;color:#7784a1;font-variant-numeric:tabular-nums}.live-stat-row:first-of-type strong{color:var(--brand)}.live-stat-row small{font-size:10px;color:#aab4c6;margin-left:5px}.stats-tip{display:flex;gap:8px;align-items:flex-start;border-top:1px solid #eef0f6;padding-top:22px;margin-top:26px;color:#a1aac6}.stats-tip p{font-size:10px;line-height:1.9}.no-pause{font-size:9px;color:#b5bdcb;line-height:1.9;margin-top:19px}.summary-hero{display:flex;align-items:center;flex-direction:column;text-align:center;padding:35px 0 28px}.summary-trophy{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:#eef1ff;color:#8592e5;margin-bottom:18px}.summary-hero h1{font-size:32px;letter-spacing:-1px;margin-top:12px}.summary-hero p{font-size:12px;color:#9ca7b9;margin-top:12px}.summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.summary-metrics>div{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 12px}.summary-metrics>div>span{font-size:10px;color:#9ca7bc}.summary-metrics strong{font-size:32px;line-height:1.2;font-weight:500;color:#6d7bad;font-variant-numeric:tabular-nums}.summary-metrics>div:first-child strong{color:var(--brand)}.summary-metrics strong small{font-size:11px;margin-left:5px;color:#a4aec6}.summary-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin:26px 0 32px}.summary-actions .button{font-size:12px;min-height:39px}.review-section{padding:24px 29px}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.review-heading h2{font-size:16px}.review-heading p{font-size:10px;color:#a5adc0;margin-top:8px}.review-item{border-top:1px solid #eef1f6}.review-item summary{display:flex;align-items:center;gap:19px;padding:17px 0;list-style:none;cursor:pointer}.review-item summary::-webkit-details-marker{display:none}.review-index{font-size:10px;color:#b1bacb}.review-numbers{font-size:16px;letter-spacing:1.5px;min-width:130px;color:#7887a7;font-weight:500}.review-status{font-size:9px;color:#a4adbf;border-radius:5px;background:#f4f6fa;padding:4px 8px}.review-status.correct{color:#6da78c;background:#eef8f2}.review-status.skipped{color:#ac9871;background:#faf6ed}.review-status.timeout,.review-status.unfinished{color:#9b9fb4;background:#f2f3f8}.review-time{margin-left:auto;font-size:10px;color:#aab3c4}.review-item svg{color:#b0b9cc;transition:transform .2s}.review-item[open] summary>svg{transform:rotate(90deg)}.review-detail{padding:0 28px 19px 37px;font-size:11px;color:#a3adc1;line-height:1.9}.review-solution{font-size:18px;color:#6776ad;margin-bottom:10px;overflow-wrap:anywhere}.submitted-expression{margin-bottom:8px}.review-detail li{font-size:11px;line-height:2;color:#94a0b9}.accuracy-explanation{padding-top:17px;border-top:1px solid #edf0f6;font-size:9px;color:#b0b8c9;line-height:1.9;margin-top:3px}.empty-review{padding:25px;color:#a4aec1;font-size:12px;text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#27324d50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 16px 80px #1d294822}.modal-close{position:absolute;top:17px;right:17px;display:flex;align-items:center;justify-content:center;color:#a7b0c2;border-radius:7px;padding:5px}.modal-close:hover{background:#f0f2f7}.modal-panel h2{font-size:22px;margin:18px 0}.rules-list{list-style:decimal;padding-left:20px;font-size:12px;color:#8793a9;line-height:1.85}.rules-list li{margin-bottom:10px;padding-left:4px}.rule-example{font-size:19px;color:var(--brand);padding:15px;background:#f5f6ff;border-radius:9px;text-align:center;margin:21px 0}.modal-panel>.button{width:100%}.modal-copy{font-size:13px;line-height:1.9;color:#8d98af}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:25px}.modal-actions .button{font-size:12px}@media(min-width:1500px){.home-hero{padding-top:75px;padding-bottom:72px}.hero-copy h1{font-size:49px}.lesson-card,.challenge-promo{min-height:245px}.app-main{padding-bottom:52px}}@media(max-width:1000px){.home-hero{gap:45px}.hero-copy h1{font-size:40px}.practice-layout{grid-template-columns:270px minmax(0,1fr);gap:18px}.lesson-guide{padding:21px}.practice-board,.challenge-board{padding:23px}.practice-heading h1{font-size:26px;gap:10px}.heading-subtitle{font-size:11px}.board-meta{font-size:9px}.challenge-setup-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.challenge-settings{padding:25px}.challenge-note{padding:25px 21px}.mode-card{padding:19px 16px}.start-row>span{font-size:9px}.start-row .button{font-size:11px}.site-footer{margin-left:40px;margin-right:40px}.number-cards{gap:9px}.number-card{min-height:94px}}@media(max-width:800px){.header-inner{padding:0 26px}.app-main{padding-left:26px;padding-right:26px}.hero-copy h1{font-size:36px}.home-hero{gap:32px;padding-top:42px;padding-bottom:45px}.hero-demo{padding:20px}.demo-number{height:65px;font-size:29px}.demo-caption{display:none}.hero-copy p{font-size:12px}.hero-tags{gap:10px;font-size:9px}.hero-copy>.button{font-size:12px}.lesson-grid{gap:13px}.lesson-card{padding:19px 18px;min-height:241px}.lesson-description{font-size:11px}.challenge-promo{padding:21px 18px}.challenge-promo h3{font-size:15px}.section-heading h2{font-size:20px}.practice-layout{grid-template-columns:230px minmax(0,1fr);gap:15px}.heading-subtitle{display:none}.lesson-guide{padding:18px}.practice-board{padding:21px 18px}.board-meta{display:none}.number-card{min-height:85px}.number-card>span{font-size:31px}.operator-row{gap:6px}.operator-button{height:39px}.expression-input{padding:0 12px;min-height:56px}.expression-input input{font-size:20px;padding:14px 0}.expression-input input::placeholder{font-size:12px}.equals-goal{font-size:17px}.editor-toolbar>span{font-size:8px;gap:3px}.editor-toolbar>span svg{display:none}.practice-actions{gap:12px}.practice-actions .button{font-size:10px;padding:8px}.practice-actions .text-button{font-size:10px}.challenge-setup-layout{grid-template-columns:1fr}.challenge-note{display:none}.challenge-live-layout{grid-template-columns:minmax(0,1fr) 205px;gap:15px}.live-stats{padding:24px 21px}.timer-number{font-size:40px}.site-footer{margin-left:26px;margin-right:26px}.summary-metrics{gap:11px}.summary-metrics strong{font-size:28px}}@media(max-width:620px){.site-header{height:auto;min-height:119px}.header-inner{padding:16px 20px 12px;flex-wrap:wrap;gap:13px}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:22px}.brand-mark>span{font-size:22px}.brand{gap:9px}.brand-name{font-size:14px}.brand-name small{font-size:9px}.rules-button{margin-left:auto;font-size:11px}.main-nav{order:3;width:100%;gap:3px;padding:3px}.main-nav button{flex:1;min-width:0;padding:9px 5px;font-size:12px}.main-nav svg{width:16px;height:16px}.app-main{padding:0 20px 29px;min-height:calc(100vh - 185px)}.home-hero{display:block;padding:32px 0 35px}.hero-copy h1{font-size:36px;line-height:1.35;margin-top:15px;letter-spacing:-1px}.hero-copy p{font-size:12px;margin-top:13px}.hero-copy>.button{margin-top:19px;padding:11px 15px;min-height:42px}.hero-tags{margin-top:14px;font-size:9px;gap:15px}.hero-demo{margin:30px auto 0;max-width:420px;padding:20px 21px;border-radius:15px}.hero-demo:before{display:none}.demo-number{height:64px}.demo-numbers{gap:9px}.demo-top{margin-bottom:15px}.demo-caption{display:block}.demo-branches{margin-top:13px;margin-bottom:14px}.demo-branches>div>span:before{top:-13px;height:14px}.demo-branches strong{width:39px;height:30px;font-size:17px}.demo-result{padding-top:13px}.demo-result strong{font-size:26px}.demo-result strong>span{width:19px;height:19px}.section-heading{margin-bottom:19px;align-items:flex-start}.section-heading h2{font-size:18px;line-height:1.6;max-width:220px}.section-kicker{font-size:11px;margin-bottom:6px}.section-note{font-size:9px;padding-top:2px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-card{padding:17px 16px;min-height:240px}.lesson-card-top{margin-bottom:16px}.lesson-icon{width:36px;height:36px;border-radius:9px}.lesson-icon svg{width:21px;height:21px}.lesson-index{font-size:10px}.lesson-card h3{font-size:15px}.lesson-short{font-size:9px;margin-bottom:10px}.lesson-description{font-size:10px;line-height:1.85}.lesson-bottom{font-size:10px;padding-top:15px}.lesson-bottom svg{width:16px}.challenge-promo{padding:19px 16px;min-height:240px}.promo-icon{margin-bottom:17px}.challenge-promo h3{font-size:14px;line-height:1.6}.challenge-promo p{font-size:10px}.challenge-promo .button{font-size:9px;padding:7px 9px;gap:4px}.home-rule{align-items:flex-start;font-size:9px;line-height:1.8;margin-top:19px;padding:12px;gap:7px;flex-wrap:wrap}.home-rule svg{margin-top:1px;width:14px;height:14px}.home-rule>span{flex:1}.home-rule>.text-button{display:none}.site-footer{padding:20px 0;font-size:9px;margin:0 20px;gap:15px}.site-footer>span:last-child{font-size:8px}.eyebrow{font-size:11px}.breadcrumb{padding-top:22px;margin-bottom:18px;font-size:10px}.breadcrumb button{font-size:10px}.practice-heading{margin-bottom:20px;align-items:flex-end}.practice-heading h1{font-size:23px;white-space:nowrap}.difficulty-control{padding:3px;gap:2px}.difficulty-control button{font-size:10px;padding:7px 11px}.practice-layout{display:flex;flex-direction:column;gap:17px}.lesson-guide{order:2;width:100%;padding:22px}.practice-board{width:100%;padding:22px 20px}.board-heading{padding-bottom:16px;margin-bottom:18px}.board-question{font-size:11px}.board-meta{display:block;font-size:9px}.pill{font-size:10px;padding:4px 8px}.numbers-label{font-size:11px}.number-cards{gap:9px;margin-bottom:21px}.number-card{min-height:91px;border-radius:10px}.number-card>span{font-size:33px}.number-card>small{font-size:8px}.expression-label{font-size:10px}.expression-input{min-height:57px;padding:0 12px}.expression-input input{font-size:20px}.expression-input input::placeholder{font-size:13px}.operator-row{gap:7px;margin-top:12px}.operator-button{height:39px;font-size:20px}.delete-button svg{width:17px}.editor-toolbar>span{font-size:8px}.editor-toolbar .text-button{font-size:9px}.submit-button{min-height:42px;font-size:12px}.feedback{font-size:10px}.practice-actions{gap:15px;margin-top:15px}.practice-actions .button{font-size:10px;padding:8px 10px}.practice-actions .text-button{font-size:10px}.guide-title h2{font-size:15px}.guide-idea{font-size:11px}.method-formula{font-size:10px}.guide-divider{margin:20px 0 17px}.example-steps li{font-size:11px}.guide-tip p{font-size:10px}.hint-list{padding:10px 12px}.hint-list p{font-size:10px}.solution-panel{padding:16px}.solution-expression{font-size:18px}.solution-top>span:first-child{font-size:11px}.solution-badge{font-size:8px}.challenge-hero{padding:33px 0 25px}.challenge-hero h1{font-size:29px;line-height:1.5;letter-spacing:-1px}.challenge-hero p{font-size:11px;margin-top:10px}.challenge-settings{padding:22px 20px}.setup-step{margin-bottom:16px}.setup-step h2{font-size:13px}.mode-options{gap:11px}.mode-card{padding:18px 14px;min-height:180px}.mode-card strong{font-size:14px}.mode-card p{font-size:10px}.mode-icon{margin-bottom:12px}.mode-icon svg{width:22px;height:22px}.mode-foot{font-size:8px;padding:4px 6px}.radio-dot{right:12px;top:15px;width:13px;height:13px}.selected .radio-dot{border-width:3.5px}.second-step{margin-top:24px}.challenge-difficulties button{padding:12px;gap:13px}.challenge-difficulties button strong{font-size:11px}.challenge-difficulties button small{font-size:9px}.start-row{flex-direction:column-reverse;gap:13px;padding-top:20px;margin-top:20px}.start-row>.button{width:100%;font-size:12px;min-height:42px}.start-row>span{font-size:9px}.countdown-panel{margin:30px 0;padding:35px 20px}.countdown-panel h1{font-size:24px}.countdown-number{font-size:90px}.active-heading{padding:25px 0 20px}.active-heading h1{font-size:25px}.end-button{font-size:10px;padding:8px 10px}.challenge-live-layout{display:flex;flex-direction:column;gap:14px}.live-stats{order:-1;width:100%;padding:15px 18px;display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:8px;align-items:center;position:relative}.timer-title{font-size:9px;position:absolute;left:18px;top:12px}.timer-title svg{width:12px;height:12px}.timer-number{grid-column:1;grid-row:1;font-size:30px;line-height:1.4;padding-top:13px;letter-spacing:-1px}.challenge-progress{grid-column:1/-1;grid-row:2;margin-bottom:0;margin-top:4px;height:3px}.live-stat-row{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:8px}.live-stat-row strong{font-size:22px}.live-stat-row small{font-size:8px;margin-left:2px}.stats-tip,.no-pause{display:none}.challenge-board{padding:21px 20px}.challenge-board .number-card{min-height:93px}.challenge-board .number-card>span{font-size:35px}.challenge-bottom{margin-top:16px;padding-top:14px}.challenge-bottom>span{font-size:9px}.challenge-bottom .text-button{font-size:10px}.summary-hero{padding:30px 0 23px}.summary-trophy{width:56px;height:56px;margin-bottom:14px}.summary-trophy svg{width:30px;height:30px}.summary-hero h1{font-size:27px;margin-top:10px}.summary-hero p{font-size:10px;line-height:1.8}.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.summary-metrics>div{padding:19px 12px;gap:10px}.summary-metrics>div>span{font-size:9px}.summary-metrics strong{font-size:30px}.summary-actions{gap:10px;margin:23px 0 25px}.summary-actions .button{font-size:10px;padding:10px 12px;gap:5px}.review-section{padding:21px 18px}.review-heading{align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:17px}.review-heading h2{font-size:15px}.review-heading p,.review-heading .section-note{font-size:9px}.review-item summary{gap:10px;padding:15px 0}.review-index{font-size:9px}.review-numbers{font-size:14px;min-width:0;letter-spacing:.8px;flex:1}.review-time{font-size:8px;margin-left:auto}.review-status{font-size:8px;padding:4px 6px;white-space:nowrap}.review-item summary svg{width:13px}.review-detail{padding:0 7px 17px 22px}.review-solution{font-size:16px}.review-detail li{font-size:10px}.accuracy-explanation{font-size:8px}.modal-backdrop{padding:20px}.modal-panel{padding:27px 24px;max-height:88vh}.modal-panel h2{font-size:20px}.rules-list{font-size:11px}.rule-example{font-size:17px;padding:13px}.modal-copy{font-size:12px}}.hero-copy>p,.lesson-description,.guide-idea,.challenge-hero>p,.challenge-note li p{color:#69758b;font-size:14px}.lesson-short,.hero-tags,.demo-caption,.demo-result>span,.demo-branches>div>span,.section-note,.board-meta,.usage-counter,.editor-toolbar>span,.home-rule,.home-rule .text-button,.guide-tip p,.challenge-note-bottom,.no-pause,.accuracy-explanation,.challenge-bottom>span{color:#78859b;font-size:12px}.lesson-bottom,.challenge-promo p,.mini-heading,.mini-numbers,.method-formula,.example-steps li,.example-answer,.hint-list p,.solution-panel ol,.review-detail li,.rules-list{font-size:13px;line-height:1.9}.lesson-card,.challenge-promo{min-height:273px}.lesson-card h3,.challenge-promo h3{font-size:18px}.lesson-short{margin-bottom:10px}.challenge-promo p{color:#6c79aa}.numbers-label,.expression-label,.board-question,.timer-title{color:#6d7a92;font-size:13px}.number-card>small{font-size:11px;color:#7481ad}.number-card.used>small{color:#8e9bb1}.number-card{min-height:106px}.operator-button{min-height:44px}.feedback{font-size:13px}.editor-toolbar .text-button,.practice-actions .text-button,.practice-actions .button,.guide-next,.guide-replay{font-size:12px}.guide-tip{color:#7d8aa4}.example-steps .revealed{color:#65748f}.example-steps li{color:#8793a8}.main-nav button{font-size:14px;min-height:44px;white-space:nowrap}.difficulty-control button{min-height:38px;font-size:12px}.mode-card p{font-size:13px;color:#73819b}.mode-foot,.challenge-difficulties button small,.start-row>span{font-size:12px;color:#7887a1}.challenge-difficulties button strong{font-size:14px}.mode-card{min-height:216px}.challenge-note strong{font-size:13px;color:#61728c}.challenge-note li p{font-size:12px}.challenge-note h2{line-height:1.7}.start-row{gap:12px}.challenge-difficulties button{gap:17px}.review-heading p,.review-time,.review-status{font-size:12px}.summary-metrics>div>span{font-size:12px;color:#74819a}.live-stat-row{font-size:12px}.review-heading p{color:#77869f}.modal-copy,.rules-list{color:#6e7c94}.solution-actions{display:flex;gap:10px}.solution-panel .solution-actions .button{font-size:12px;min-height:43px}.solution-panel .solution-actions .secondary{color:#5f7999}.guide-next{min-height:44px}.challenge-note-bottom{font-size:11px}@media(max-width:800px){.board-meta{display:none}.practice-layout{grid-template-columns:250px minmax(0,1fr)}.mode-card{min-height:214px}.practice-actions{gap:12px}.editor-toolbar>span{font-size:10px}.hero-tags{font-size:11px}}@media(max-width:620px){.hero-copy>p{font-size:13px}.hero-tags{font-size:11px;gap:11px}.hero-copy h1{font-size:36px}.lesson-card,.challenge-promo{min-height:285px;padding:18px 16px}.lesson-card h3,.challenge-promo h3{font-size:16px}.lesson-description,.challenge-promo p{font-size:12px;line-height:1.9}.lesson-short{font-size:11px;line-height:1.7}.lesson-bottom{font-size:12px}.section-note{font-size:11px}.section-heading{gap:10px}.section-heading h2{font-size:18px}.challenge-promo .button{font-size:11px;min-height:42px;padding:9px 10px}.home-rule{font-size:11px}.main-nav button{font-size:12px;min-height:44px;gap:5px}.difficulty-control button{font-size:11px;padding:8px 10px;min-height:38px}.numbers-label{font-size:12px}.number-card{min-height:96px}.number-card>small{font-size:10px}.usage-counter{font-size:11px}.board-question{font-size:12px}.board-meta{display:none}.operator-button{min-height:44px}.editor-toolbar>span{font-size:10px;line-height:1.8;max-width:210px}.editor-toolbar .text-button{font-size:11px;white-space:nowrap}.feedback{font-size:12px}.practice-actions{gap:12px;flex-wrap:wrap}.practice-actions .button{font-size:11px;min-height:42px}.practice-actions .text-button{font-size:12px}.submit-button{font-size:14px;min-height:46px}.guide-idea,.example-steps li,.guide-tip p,.method-formula,.hint-list p,.mini-heading,.mini-numbers,.solution-panel ol{font-size:12px}.solution-top>span:first-child{font-size:12px}.solution-badge{font-size:10px}.solution-panel .solution-actions .button{font-size:11px;padding:9px 10px;gap:5px}.challenge-hero p{font-size:13px}.mode-card strong{font-size:15px}.mode-card p{font-size:12px;line-height:1.8}.mode-foot{font-size:10px}.mode-card{padding:19px 13px;min-height:222px}.challenge-difficulties button strong{font-size:13px}.challenge-difficulties button small{font-size:11px}.challenge-difficulties button{padding:14px 12px;gap:13px}.start-row>span{font-size:11px}.live-stats{grid-template-columns:1.25fr .75fr .75fr 1fr;padding-top:19px}.timer-title{font-size:10px}.timer-number{font-size:29px}.live-stat-row{font-size:10px}.live-stat-row strong{font-size:21px}.challenge-bottom>span{font-size:11px;line-height:1.8}.challenge-bottom .text-button{font-size:12px}.summary-metrics>div>span{font-size:11px}.summary-hero p{font-size:12px}.summary-actions .button{font-size:11px;min-height:44px}.review-time,.review-status{font-size:10px}.review-heading p,.accuracy-explanation{font-size:11px}.review-detail li,.rules-list{font-size:12px}.demo-caption,.demo-result>span,.demo-branches>div>span{font-size:11px}.section-kicker{font-size:12px}.practice-heading h1{font-size:23px}.hint-list>div{gap:10px}.hint-list span{font-size:11px}.review-item summary{gap:8px}.review-numbers{font-size:13px;letter-spacing:.3px}.rules-button{font-size:12px}}@media(min-width:621px)and (max-width:900px){.header-inner{gap:12px}.main-nav button{padding:10px 11px;font-size:13px;gap:6px}.brand-name{font-size:14px}.brand{gap:9px}}.home-deck{padding:25px 28px;margin:0 0 36px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:30px;align-items:center}.home-deck-title h2{font-size:19px;line-height:1.7;max-width:300px}.deck-selector{min-width:0}.deck-choice{display:flex;gap:8px;flex-wrap:wrap}.deck-choice button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;min-width:44px;padding:10px 14px;border:1px solid #e1e5ed;border-radius:8px;background:#fff;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;color:#606d82}.deck-choice button:hover{border-color:#b5bdf8;background:#fafaff}.deck-choice button.selected{background:#eef0ff;border-color:#b7bef7;color:#4752c4}.deck-description{margin-top:10px;font-size:12px;color:#69758b;line-height:1.8;overflow-wrap:anywhere}.deck-coverage{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:12px;font-size:12px;line-height:1.7;color:#69758b}.deck-coverage strong{font-size:18px;color:#4752c4;font-weight:700}.practice-deck-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-8px 0 23px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:12px}.pool-count{font-size:12px;line-height:1.8;color:#6d7a92;white-space:nowrap}.pool-count strong{color:#4752c4;font-size:15px}.difficulty-control button{min-width:48px;min-height:44px}.challenge-pool-info{font-size:12px;line-height:1.8;color:#6d7a92;background:#f7f8fc;border-radius:8px;padding:12px 14px;margin-top:20px}.challenge-pool-info strong{color:#4752c4;font-size:16px}.number-card{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:10px 9px 9px;min-height:157px;background:#fff;border:1px solid #dfe3ee;border-radius:12px;color:#30394a;box-shadow:0 2px 5px #26304605}.number-card:hover:not(:disabled){border-color:#aeb7f6;background:#fafaff;transform:translateY(-2px)}.number-card.used{background:#f4f5f8;border-color:#e4e7ee;box-shadow:none}.number-card>span.poker-face{font-size:inherit}.poker-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:104px;padding:24px 0 2px;color:#30394a;line-height:1}.poker-face.red-suit{color:#c84551}.poker-face.muted{color:#939daf}.poker-corner{position:absolute;left:1px;top:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;line-height:1}.poker-corner b{font-weight:650}.poker-rank{font-size:36px;font-weight:650;letter-spacing:-1px;line-height:1}.poker-suit{flex-shrink:0}.poker-value{font-size:11px;line-height:1.5;letter-spacing:0;white-space:nowrap;color:#69758b;min-height:16px}.muted .poker-value{color:#8a94a6}.number-card>small{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px;line-height:1.5;margin-top:8px;color:#6d7a92}.number-card.used>small{color:#778398}.demo-number{height:110px;padding:9px;background:#fff;color:#30394a}.demo-number .poker-face{min-height:90px;padding-top:17px;gap:3px}.demo-number .poker-rank{font-size:32px}.demo-number .poker-corner{font-size:11px}.demo-number .poker-suit{width:14px;height:14px}.demo-number .poker-value{font-size:10px}.card-mapping{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font-size:12px;line-height:1.8;color:#56627b;margin:12px 0 20px}.card-mapping>span{font-size:11px;color:#78859b}.rule-example small{display:block;font-size:13px;line-height:1.8;color:#6d7a92;margin-top:6px}.summary-hero .eyebrow,.countdown-panel .eyebrow{line-height:1.8;justify-content:center;flex-wrap:wrap}@media(max-width:1000px){.home-deck{grid-template-columns:1fr;gap:17px}.home-deck-title h2{max-width:none}.practice-deck-bar{align-items:flex-start;flex-direction:column;gap:9px}.number-card{min-height:149px;padding:9px 7px}.poker-rank{font-size:34px}.poker-face{min-height:100px}}@media(min-width:621px)and (max-width:800px){.practice-layout{grid-template-columns:1fr}.lesson-guide{display:none}.practice-heading{flex-wrap:wrap}.demo-number{height:104px;padding:7px}}@media(max-width:620px){.home-deck{padding:20px 18px;margin-bottom:28px;gap:16px}.home-deck-title h2{font-size:17px}.deck-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.deck-choice button{padding:9px 7px;gap:5px;font-size:12px;min-height:46px;white-space:normal}.deck-choice button svg{width:16px;height:16px}.deck-description{font-size:11px;line-height:1.9}.deck-coverage{font-size:11px;gap:5px 12px}.deck-coverage strong{font-size:17px}.practice-deck-bar{padding:15px 16px;margin-top:0;margin-bottom:18px;gap:10px}.practice-deck-bar .deck-selector{width:100%}.pool-count{font-size:11px}.practice-heading{flex-wrap:wrap;gap:16px}.difficulty-control{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.difficulty-control button{min-width:44px;min-height:44px;padding:8px 6px;font-size:12px}.number-cards{gap:7px}.number-card{min-height:135px;padding:8px 6px;border-radius:9px}.poker-face{min-height:93px;padding-top:22px;gap:3px}.poker-rank{font-size:31px}.poker-corner{font-size:11px}.poker-corner svg{width:9px;height:9px}.poker-value{font-size:10px}.number-card>small{font-size:10px;margin-top:5px}.demo-number{height:99px;padding:8px}.demo-number .poker-face{min-height:81px;padding-top:17px}.demo-number .poker-rank{font-size:29px}.card-mapping{margin:10px 0 16px;font-size:11px;gap:2px}.card-mapping>span{font-size:10px}.challenge-pool-info{font-size:11px;padding:11px 12px}.challenge-settings .deck-choice button{font-size:11px}.home-rule{align-items:flex-start;flex-wrap:wrap}.home-rule>span{flex:1;min-width:0}.home-rule .text-button{margin-left:25px}.rule-example{font-size:17px}.summary-hero .eyebrow,.countdown-panel .eyebrow{font-size:12px}.summary-actions .button{min-height:44px}}@media(max-width:360px){.number-cards{gap:5px}.number-card{padding:7px 5px;min-height:129px}.poker-face{min-height:89px}.poker-rank{font-size:28px}.poker-value{font-size:9px}.poker-corner{font-size:10px}.number-card>small{font-size:9px}.demo-number{padding:6px}.deck-choice button{font-size:11px;gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}