:root{--bg:#fff;--ink:#0f1a14;--muted:#5b6b62;--line:#e3e9e5;--soft:#f4f8f5;--brand:#0b7a4b;--brand-ink:#075a37;--accent:#d4a017;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:17px/1.65 var(--font);color:var(--ink);background:var(--bg);margin:0}img{border-radius:var(--radius);max-width:100%;height:auto;display:block}a{color:var(--brand);text-underline-offset:3px}a:hover{color:var(--brand-ink)}h1,h2,h3{letter-spacing:-.01em;line-height:1.2}h1{margin:.4em 0 .3em;font-size:clamp(2rem,4.5vw,3rem)}h2{margin-top:2em;font-size:1.55rem}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}.lead{color:var(--muted);max-width:680px;font-size:1.15rem}.skip{position:absolute;left:-999px}.skip:focus{z-index:9;background:#fff;padding:8px;top:10px;left:10px}.site-header{border-bottom:1px solid var(--line);z-index:10;backdrop-filter:blur(8px);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;font-size:1.4rem;font-weight:800;text-decoration:none}.logo span{color:var(--brand)}.top-nav{gap:22px;display:flex}.top-nav a{color:var(--ink);font-size:.95rem;font-weight:500;text-decoration:none}.top-nav a:hover{color:var(--brand)}.menu{display:none;position:relative}.menu summary{cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu nav{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:270px;padding:10px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 12px 30px #00000014}.menu nav a{color:var(--ink);border-radius:8px;padding:9px 10px;text-decoration:none}.menu nav a:hover{background:var(--soft)}@media (width<=860px){.top-nav{display:none}.menu{display:block}}.hero{background:linear-gradient(180deg, var(--soft), #fff);border-bottom:1px solid var(--line);padding:64px 0 40px}.accent{color:var(--brand)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn{background:var(--brand);color:#fff;border-radius:999px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:var(--brand-ink);color:#fff}.btn-ghost{color:var(--brand);border:1.5px solid var(--brand);background:0 0}.btn-ghost:hover{background:var(--soft);color:var(--brand-ink)}.section-title{margin-top:52px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.cat{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);gap:6px;padding:18px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.cat:hover{border-color:var(--brand);color:var(--ink);transform:translateY(-2px)}.cat span{color:var(--muted);font-size:.93rem}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;display:flex;overflow:hidden}.card img{aspect-ratio:16/9;object-fit:cover;border-radius:0}.card-body{padding:18px}.card h3{margin:10px 0 6px;font-size:1.15rem}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--brand)}.card p{color:var(--muted);margin:0 0 10px;font-size:.95rem}.pill{text-transform:uppercase;letter-spacing:.05em;color:var(--brand);background:var(--soft);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-block}.post{padding-top:24px;padding-bottom:20px}.crumbs{color:var(--muted);margin-top:12px;font-size:.88rem}.crumbs a{color:var(--muted)}.meta{font-size:.92rem}.hero-img{margin:20px 0}.notice{background:#fffaeb;border:1px solid #f1e2b0;border-radius:10px;padding:12px 16px;font-size:.93rem}.toc{background:var(--soft);border-radius:var(--radius);margin:22px 0;padding:14px 20px}.toc summary{cursor:pointer;font-weight:700}.toc ol{margin:10px 0 0;padding-left:20px}.prose{font-family:var(--serif);font-size:1.1rem}.prose h2,.prose h3{font-family:var(--font)}.prose blockquote{border-left:4px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0;margin:1.5em 0;padding:4px 18px}.prose table,.table{border-collapse:collapse;width:100%;font-family:var(--font);margin:1.4em 0;font-size:.95rem}.prose th,.prose td,.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px}.prose th,.table th{background:var(--soft)}.prose code{background:var(--soft);border-radius:6px;padding:2px 6px;font-size:.9em}.big-link{font-size:1.3rem;font-weight:700}.ad{min-height:100px;margin:28px 0}.ad-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;margin-bottom:4px;font-size:.7rem;display:block}.calc{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:24px 0;padding:20px;display:grid}.calc label{gap:6px;min-width:0;font-size:.9rem;font-weight:600;display:grid}.calc input{width:100%;min-width:0;font:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.calc input:focus{outline:2px solid var(--brand);border-color:#0000}.results{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.results div{background:var(--soft);border-radius:var(--radius);padding:16px;display:grid}.results span{color:var(--muted);font-size:.85rem}.results strong{color:var(--brand-ink);font-variant-numeric:tabular-nums;font-size:1.5rem}.table td{font-variant-numeric:tabular-nums}.site-footer{border-top:1px solid var(--line);background:var(--soft);margin-top:72px;padding:40px 0 20px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;display:grid}.footer-grid h4{text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:.9rem}.footer-grid a:not(.logo){color:var(--ink);padding:3px 0;font-size:.93rem;text-decoration:none;display:block}.footer-grid a:hover{color:var(--brand)}.fine{color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:.82rem}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}.follow-title{text-transform:uppercase;letter-spacing:.06em;margin:18px 0 8px;font-size:.9rem}.social{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.footer-grid .social a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.footer-grid .social a:hover{border-color:var(--brand);color:var(--brand)}.tool-problem{color:var(--brand-ink);margin:0;font-size:1.05rem;font-weight:700}.tool-bar{justify-content:flex-end;margin:18px 0 -8px;display:flex}.currency-picker{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.currency-picker select,.calc select{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;max-width:100%;padding:9px 10px}.calc label.wide{grid-column:1/-1}.calc small{font-size:.78rem;font-weight:400}.field{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;display:flex;overflow:hidden}.field:focus-within{outline:2px solid var(--brand);border-color:#0000}.field input{border-radius:0;border:0!important;outline:none!important}.field b{color:var(--muted);background:var(--soft);align-self:stretch;align-items:center;padding:0 10px;font-weight:600;display:flex}.results .big strong{font-size:1.7rem}.results .textres strong{color:var(--ink);font-size:1rem;font-weight:600}.table-wrap{overflow-x:auto}.embed-box{border:1px solid var(--line);border-radius:var(--radius);margin:28px 0;padding:14px 16px}.embed-box summary{cursor:pointer;color:var(--brand);font-weight:600}.embed-box textarea{border:1px solid var(--line);resize:vertical;border-radius:8px;width:100%;padding:10px;font:13px/1.4 ui-monospace,monospace}body.embed{background:#fff}.embed-main{max-width:760px;margin:0 auto;padding:16px}.embed-title{margin:0 0 10px;font-size:1.35rem}.embed-credit{color:var(--muted);margin-top:18px;font-size:.85rem}.hub-hero{padding:28px 0 8px}.hub-facts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:18px 0;display:grid}.hub-facts>div{border:1px solid var(--line);border-radius:var(--radius);padding:16px}.hub-facts h3{margin:0 0 6px;font-size:1.05rem}.hub-facts p{color:var(--muted);margin:0;font-size:.95rem}.res-list{columns:2 260px;padding-left:18px}.res-list li{break-inside:avoid;margin-bottom:8px}.author-card{border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:18px;margin:18px 0;padding:20px;display:flex}.author-card .avatar{background:var(--soft);height:64px;color:var(--brand);border-radius:50%;flex:0 0 64px;place-items:center;font-size:1.4rem;font-weight:700;display:grid}.share{flex-wrap:wrap;align-items:center;gap:8px;margin:24px 0;display:flex}.share-label{color:var(--muted);margin-right:4px;font-weight:600}.share a,.share button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:.88rem;text-decoration:none}.share a:hover,.share button:hover{border-color:var(--brand);color:var(--brand)}.xp-bar{background:var(--soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;margin-top:8px;padding:10px 16px;display:inline-flex}.game-card{position:relative}.g-level{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.g-card-stars,.g-stars{color:#e0a100;letter-spacing:2px}.g-stars{font-size:2.4rem}.g-learn{background:var(--soft);border-radius:var(--radius);margin:16px 0;padding:12px 18px}.g-learn ul{margin:6px 0 0;padding-left:20px}.game-stage{min-height:540px;margin:20px 0;position:relative}.game{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:22px}.g-intro p{margin-top:0}.g-progress{color:var(--muted);margin:0 0 10px;font-size:.85rem}.g-item{border-radius:var(--radius);background:var(--soft);text-align:center;margin-bottom:16px;padding:22px;font-size:1.35rem;font-weight:700}.g-q,.g-msg{text-align:left;font-size:1.05rem;font-weight:500;line-height:1.55}.g-msg{border-left:4px solid var(--brand)}.g-choices{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.g-col{flex-direction:column}.g-col .btn{text-align:left;border-radius:12px}.game .btn{border:1.5px solid var(--brand);cursor:pointer;font:inherit;font-weight:600}.game .btn:disabled{opacity:.55;cursor:default}.game .btn.right{color:#075a37;opacity:1;background:#e3f4ea;border-color:#0b7a4b}.g-feedback{border-radius:12px;margin:12px 0 0;padding:12px 14px;display:none}.g-feedback.ok,.g-feedback.no{display:block}.g-feedback.ok{background:#e3f4ea}.g-feedback.no{background:#fdecec}.g-next{margin-top:8px;display:inline-block}.g-result{text-align:center}.g-lesson{text-align:left;background:var(--soft);border-radius:12px;padding:14px 16px}.g-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bb-rows{gap:10px;margin:14px 0;display:grid}.bb-row{grid-template-columns:minmax(150px,1.2fr) 2fr minmax(80px,auto);align-items:center;gap:10px;font-size:.95rem;display:grid}.bb-row input{width:100%;accent-color:var(--brand)}.bb-tag{border-radius:6px;margin-left:4px;padding:1px 6px;font-size:.7rem;font-style:normal}.bb-tag.need{background:#e8eefc}.bb-tag.want{background:#fdf0dc}.bb-tag.save{background:#e3f4ea}.bb-meter{flex-wrap:wrap;gap:8px;margin:10px 0 14px;display:flex}.bb-meter span{border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:600}.bb-meter .ok{color:#075a37;background:#e3f4ea}.bb-meter .no{color:#9b1c1c;background:#fdecec}@media (width<=560px){.bb-row{grid-template-columns:1fr auto}.bb-row input{grid-area:2/1/auto/-1}}.de-debts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0;display:grid}.de-debt{text-align:left;border:1.5px solid var(--line);cursor:pointer;font:inherit;background:#fff;border-radius:12px;gap:4px;padding:14px;display:grid;position:relative}.de-debt:hover:not(:disabled){border-color:var(--brand)}.de-debt.picked{border-color:var(--brand);background:var(--soft)}.de-n{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:700;display:grid;position:absolute;top:8px;right:10px}.ms-chart{border:1px solid var(--line);border-radius:10px;align-items:flex-end;gap:4px;height:120px;margin:8px 0 4px;padding:6px;display:flex}.ms-col{flex:1;align-items:flex-end;gap:1px;height:100%;display:flex}.ms-col i{border-radius:3px 3px 0 0;flex:1;min-height:2px;display:block}.ms-m{background:var(--brand)}.ms-b{background:#b9c7bf}.ms-key{border-radius:2px;width:10px;height:10px;margin:0 4px 0 8px;display:inline-block}.sf-opt{gap:4px;display:grid!important}.sf-opt span{color:var(--muted);font-size:.9rem;font-weight:400}.gate{z-index:5;backdrop-filter:blur(4px);border-radius:var(--radius);background:#ffffffbf;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:absolute;inset:0}.gate[hidden]{display:none}.gate-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;max-width:440px;padding:24px;box-shadow:0 12px 40px #0000001f}.gate-card h2{margin-top:0;font-size:1.35rem}.gate-field{gap:6px;margin:12px 0;font-weight:600;display:grid}.gate-field input{font:inherit;border:1.5px solid var(--line);border-radius:10px;padding:12px 14px}.gate-field input:focus{border-color:var(--brand);outline:none}.gate-check{align-items:flex-start;gap:8px;margin:8px 0 14px;font-size:.9rem;display:flex}.gate-check input{accent-color:var(--brand);margin-top:4px}.gate-card .btn{cursor:pointer;width:100%;font:inherit;border:none;font-weight:700}.gate-err{color:#9b1c1c;font-size:.9rem}.hp{width:1px;height:1px;position:absolute;left:-9999px}