@import "https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&family=DM+Sans:opsz,wght@9..40,300;9..40,500;9..40,600&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box}body{background:#c8d8e8;margin:0}#root{width:100%;max-width:100%;text-align:unset;border-inline:none}.root{background:linear-gradient(145deg,#b8cce0 0%,#c4d4c4 50%,#d0c8d8 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;font-family:DM Sans,sans-serif;display:flex}h1{color:#18182a;letter-spacing:-.5px;margin:0 0 10px;font-family:Libre Baskerville,serif;font-size:clamp(30px,5vw,44px)}.sub{color:#607080;margin:0 0 18px;font-size:12.5px;font-weight:300}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.diff-grp{gap:5px;display:flex}.db{cursor:pointer;border:1.5px solid #0000;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.da{color:#eef2f5;background:#18182a;border-color:#18182a}.di{color:#607080;background:#ffffff80;border-color:#fffc}.di:hover{color:#18182a;background:#fffc;border-color:#18182a}.btn-row{gap:8px;margin-top:10px;display:flex}.btn-row .ab,.btn-row .nb{text-align:center;border-radius:10px;flex:1;padding:12px;font-size:14px}.ab{cursor:pointer;color:#607080;background:#ffffff80;border:1.5px solid #fffc;border-radius:8px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.ab:hover{color:#18182a;background:#fffc;border-color:#18182a}.ab:disabled{opacity:.38;cursor:not-allowed}.ab:disabled:hover{color:#607080;background:#ffffff80;border-color:#fffc}.hint-btn:disabled{opacity:1;cursor:not-allowed}.hint-btn{position:relative;overflow:hidden}.hint-cooldown-sweep{border-radius:inherit;pointer-events:none;background:#00000038;width:100%;animation:10s linear forwards hintCooldownSweep;position:absolute;top:0;bottom:0;right:0}@keyframes hintCooldownSweep{0%{width:100%}to{width:0%}}@keyframes hintPulse{0%{opacity:.5}to{opacity:1}}.hint-overlay{animation:.5s ease-in-out infinite alternate hintPulse}.nb{color:#eef2f5;cursor:pointer;background:#18182a;border:none;border-radius:8px;padding:5px 15px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:all .15s}.nb:hover{background:#2d2d42}.timer{color:#18182a;letter-spacing:.5px;background:#ffffff80;border:1.5px solid #fffc;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.stats{color:#607080;gap:18px;margin-bottom:12px;font-size:12px;font-weight:300;display:flex}.sv{color:#18182a;font-weight:600}.pw{background:#fff6;border-radius:2px;height:4px;margin-bottom:14px}.pb{background:#18182a;border-radius:2px;height:100%;transition:width .35s}.gw{cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none;background:#fafaf8;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #fffc}.gr{display:flex}.cell{border-bottom:1px solid #e6e0d8;border-right:1px solid #e6e0d8;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.cell:last-child{border-right:none}.gr:last-child .cell{border-bottom:none}.ov{pointer-events:none;position:absolute}.ct{color:#fff;z-index:7;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;font-family:Libre Baskerville,serif;font-weight:700;display:flex;position:absolute;overflow:hidden}.modal-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sb{color:#eef2f5;text-align:center;background:#18182a;border-radius:12px;min-width:260px;padding:28px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.st{margin-bottom:4px;font-family:Libre Baskerville,serif;font-size:22px}.ss{opacity:.55;margin-bottom:14px;font-size:13px}.modal-btns{flex-direction:column;gap:8px;margin-top:4px;display:flex}.snb{color:#18182a;cursor:pointer;background:#eef2f5;border:none;border-radius:8px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.snb:hover{background:#fff}.snb-sec{color:#eef2f599;cursor:pointer;background:0 0;border:1.5px solid #eef2f540;border-radius:8px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.snb-sec:hover{color:#eef2f5;border-color:#eef2f599}.toast{color:#eef2f5;white-space:nowrap;pointer-events:none;z-index:999;background:#18182a;border-radius:10px;padding:9px 20px;font-size:13px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.hint{color:#708090;text-align:center;margin-top:14px;font-size:11.5px;font-weight:300;line-height:1.8}.hint strong{color:#4a5868;font-weight:500}.legend{background:#ffffff8c;border:1.5px solid #fffc;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;margin-top:14px;padding:10px 16px;display:flex}.legend-item{color:#4a5868;align-items:center;gap:8px;font-size:11.5px;font-weight:400;display:flex}.legend-tile{background:#a0a8b0;border-radius:6px;flex-shrink:0;position:relative;overflow:hidden}.custom-panel{background:#ffffff8c;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:14px;padding:12px 16px;display:flex}.cp-row{color:#607080;align-items:center;gap:10px;font-size:12px;display:flex}.cp-row label{justify-content:space-between;align-items:center;gap:6px;min-width:148px;font-weight:500;display:flex}.cp-row label span{color:#607080;text-align:right;min-width:36px;font-weight:700}.cp-row input[type=range]{cursor:pointer;appearance:none;background:#18182a2e;border-radius:999px;outline:none;flex:1;height:6px}.cp-row input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #18182a;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000002e}.cp-row input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #18182a;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000002e}.cp-note{color:#607080;opacity:.85;text-align:center;margin:0;font-size:11px;line-height:1.5}.legend-label{white-space:nowrap}.theme-row{gap:5px;margin-bottom:8px;display:flex}.theme-btn{cursor:pointer;color:#607080;background:#ffffff80;border:1.5px solid #fffc;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;transition:all .15s;display:flex}.theme-btn:hover{color:#18182a;background:#fffc;border-color:#18182a}.theme-btn.theme-active{color:#eef2f5;background:#18182a;border-color:#18182a}.theme-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}body[data-theme=default]{background:linear-gradient(145deg,#b8cce0 0%,#c4d4c4 50%,#d0c8d8 100%);min-height:100vh}body[data-theme=default] .root{min-height:unset;background:#fff6;border-radius:16px;width:fit-content;margin:40px auto;padding:32px 40px;box-shadow:0 2px 16px #00000012}body[data-theme=classic]{background:#f3f2ee}body[data-theme=classic] .root{min-height:unset;background:#fff;border-radius:16px;width:fit-content;margin:40px auto;padding:32px 40px;box-shadow:0 2px 16px #00000014}[data-theme=classic] h1{color:#1a1a1a}[data-theme=classic] .sub{color:#888}[data-theme=classic] .timer{color:#1a1a1a;background:#fff;border:1.5px solid silver}[data-theme=classic] .db.di{color:#555;background:#fff;border:1.5px solid silver}[data-theme=classic] .db.di:hover{color:#1a1a1a;background:#f5f5f5;border-color:#1a1a1a}[data-theme=classic] .db.da{color:#fff;background:#1a1a1a;border-color:#1a1a1a}[data-theme=classic] .ab{color:#555;background:#fff;border:1.5px solid silver}[data-theme=classic] .ab:hover{color:#1a1a1a;background:#f5f5f5;border-color:#1a1a1a}[data-theme=classic] .ab:disabled:hover{color:#555;background:#fff;border-color:#d0d0d0}[data-theme=classic] .nb{color:#fff;background:#1a1a1a}[data-theme=classic] .nb:hover{background:#333}[data-theme=classic] .stats{color:#888}[data-theme=classic] .sv{color:#1a1a1a}[data-theme=classic] .pw{background:#e8e8e8}[data-theme=classic] .pb{background:#1a1a1a}[data-theme=classic] .gw{background:#fff;box-shadow:0 0 0 1.5px silver}[data-theme=classic] .cell{border-bottom-color:#e8e8e8;border-right-color:#e8e8e8}[data-theme=classic] .custom-panel{background:#eceae4}[data-theme=classic] .cp-row,[data-theme=classic] .cp-row label span{color:#555}[data-theme=classic] .cp-row input[type=range]{background:#ddd}[data-theme=classic] .cp-row input[type=range]::-webkit-slider-thumb{border-color:#1a1a1a}[data-theme=classic] .cp-row input[type=range]::-moz-range-thumb{border-color:#1a1a1a}[data-theme=classic] .cp-note{color:#888}[data-theme=classic] .hint{color:#999}[data-theme=classic] .hint strong{color:#555}[data-theme=classic] .legend{background:0 0;border:1.5px solid silver}[data-theme=classic] .legend-item{color:#555}[data-theme=classic] .theme-btn{color:#555;background:#fff;border:1.5px solid silver}[data-theme=classic] .theme-btn:hover{color:#1a1a1a;background:#f5f5f5;border-color:#1a1a1a}[data-theme=classic] .theme-btn.theme-active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}[data-theme=classic] .toast{color:#fff;background:#1a1a1a}[data-theme=classic] .sb{background:#1a1a1a}[data-theme=classic] .snb{color:#1a1a1a;background:#fff}[data-theme=classic] .snb:hover{background:#f5f5f5}body[data-theme=night]{background:linear-gradient(145deg,#1c2a38 0%,#1e2c1e 50%,#2a1e2c 100%);min-height:100vh}body[data-theme=night] .root{min-height:unset;background:#00000038;border-radius:16px;width:fit-content;margin:40px auto;padding:32px 40px;box-shadow:0 2px 20px #00000040}[data-theme=night] h1{color:#eef2f5}[data-theme=night] .sub{color:#8090a0}[data-theme=night] .timer{color:#eef2f5;background:#00000040;border-color:#ffffff1f}[data-theme=night] .db.di{color:#8090a0;background:#00000040;border-color:#ffffff26}[data-theme=night] .db.di:hover{color:#eef2f5;background:#0006;border-color:#eef2f5}[data-theme=night] .db.da{color:#18182a;background:#eef2f5;border-color:#eef2f5}[data-theme=night] .ab{color:#8090a0;background:#00000040;border-color:#ffffff26}[data-theme=night] .ab:hover{color:#eef2f5;background:#0006;border-color:#eef2f5}[data-theme=night] .ab:disabled:hover{color:#8090a0;background:#00000040;border-color:#ffffff26}[data-theme=night] .nb{color:#18182a;background:#eef2f5;border:none}[data-theme=night] .nb:hover{background:#fff}[data-theme=night] .stats{color:#8090a0}[data-theme=night] .sv{color:#eef2f5}[data-theme=night] .pw{background:#ffffff1a}[data-theme=night] .pb{background:#eef2f5}[data-theme=night] .gw{background:#1a1a28;box-shadow:0 0 0 2px #3a3a58}[data-theme=night] .cell{border-bottom-color:#252535;border-right-color:#252535}[data-theme=night] .custom-panel{background:#00000040}[data-theme=night] .cp-row,[data-theme=night] .cp-row label span{color:#8090a0}[data-theme=night] .cp-row input[type=range]{background:#ffffff26}[data-theme=night] .cp-row input[type=range]::-webkit-slider-thumb{border-color:#eef2f5}[data-theme=night] .cp-row input[type=range]::-moz-range-thumb{border-color:#eef2f5}[data-theme=night] .cp-note{color:#8090a0}[data-theme=night] .hint{color:#607080}[data-theme=night] .hint strong{color:#8090a0}[data-theme=night] .legend{background:#00000040;border-color:#ffffff26}[data-theme=night] .legend-item{color:#8090a0}[data-theme=night] .theme-btn{color:#8090a0;background:#00000040;border-color:#ffffff26}[data-theme=night] .theme-btn:hover{color:#eef2f5;background:#0006;border-color:#eef2f5}[data-theme=night] .theme-btn.theme-active{color:#18182a;background:#eef2f5;border-color:#eef2f5}[data-theme=night] .toast{color:#18182a;background:#eef2f5}[data-theme=night] .sb{background:#1a1a28;border:1.5px solid #3a3a58}[data-theme=night] .snb{color:#18182a;background:#eef2f5}[data-theme=night] .snb:hover{background:#fff}[data-theme=night] .snb-sec{color:#eef2f599;border-color:#eef2f540}[data-theme=night] .snb-sec:hover{color:#eef2f5;border-color:#eef2f599}@media (width<=480px){.root{padding:16px 24px}.db{padding:5px 9px;font-size:11px}.diff-grp{gap:4px}.topbar{flex-wrap:wrap;gap:6px}body[data-theme=default] .root,body[data-theme=classic] .root,body[data-theme=night] .root{border-radius:12px;margin:12px auto;padding:20px 16px}}