:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.theme-toggle{margin:1rem 0;padding:.5rem 1rem;font-size:1rem;cursor:pointer;border:none;border-radius:6px;display:flex;align-items:center;gap:.5rem;transition:background-color .3s,color .3s,box-shadow .3s}.theme-toggle.light{background-color:#ffeb3b;color:#000}.theme-toggle.light:hover{box-shadow:0 0 8px #ffeb3bb3}.theme-toggle.dark{background-color:#333;color:#f5f5f5}.theme-toggle.dark:hover{box-shadow:0 0 8px #ffffff4d}.icon{display:inline-block;font-size:1.2rem;animation:fadeSlidePop .4s ease}@keyframes fadeSlidePop{0%{opacity:0;transform:translateY(-5px) scale(.8)}50%{opacity:.7;transform:translateY(-2px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:1.5rem;max-width:900px;margin:auto;transition:background-color .5s ease,color .5s ease}body.light{background-color:#fff;color:#000}body.dark{background-color:#121212;color:#f5f5f5}label,input,button,select{display:block;width:100%;margin:.6rem 0}input,select{padding:.6rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}input:hover,select:hover{border-color:#90caf9;box-shadow:0 0 6px #90caf966}input:focus,select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 6px #2196f366}input:disabled,select:disabled,input.disabled,select.disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed;box-shadow:none;opacity:.7;border-radius:6px;border:1px solid #ccc}body.dark input,body.dark select{background-color:#1e1e1e;color:#f5f5f5;border:1px solid #444;box-shadow:0 2px 6px #0009}body.dark input:hover,body.dark select:hover{border-color:#64b5f6;box-shadow:0 0 6px #64b5f666}body.dark input:focus,body.dark select:focus{border-color:#64b5f6;box-shadow:0 0 6px #64b5f680}body.dark input:disabled,body.dark select:disabled,body.dark input.disabled,body.dark select.disabled{background-color:#555;color:#aaa;cursor:not-allowed;box-shadow:none;opacity:.6;border:1px solid #444}button{padding:.7rem;font-size:1rem;cursor:pointer;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}button:hover{box-shadow:0 3px 6px #0003}button.primary{background-color:#2196f3;color:#fff}button.primary:hover{background-color:#1976d2;box-shadow:0 3px 6px #2196f380}button.success{background-color:#4caf50;color:#fff}button.success:hover{background-color:#388e3c;box-shadow:0 3px 6px #4caf5080}button.error{background-color:#f44336;color:#fff}button.error:hover{background-color:#d32f2f;box-shadow:0 3px 6px #f4433680}button.secondary{background-color:#9e9e9e;color:#fff}button.secondary:hover{background-color:#757575;box-shadow:0 3px 6px #9e9e9e80}button:disabled,button.disabled{background-color:#e0e0e0;color:#9e9e9e;cursor:not-allowed;box-shadow:none;opacity:.7;border-radius:6px;transition:none}body.dark button{box-shadow:0 2px 6px #0009}body.dark button.primary{background-color:#64b5f6;color:#000}body.dark button.primary:hover{background-color:#42a5f5;box-shadow:0 3px 8px #64b5f680}body.dark button.success{background-color:#81c784;color:#000}body.dark button.success:hover{background-color:#66bb6a;box-shadow:0 3px 8px #81c78480}body.dark button.error{background-color:#e57373;color:#000}body.dark button.error:hover{background-color:#ef5350;box-shadow:0 3px 8px #e5737380}body.dark button.secondary{background-color:#bdbdbd;color:#000}body.dark button.secondary:hover{background-color:#9e9e9e;box-shadow:0 3px 8px #bdbdbd80}body.dark button:disabled,body.dark button.disabled{background-color:#555;color:#aaa;cursor:not-allowed;box-shadow:none;opacity:.6}.ok{color:green}.bad{color:red}.meta{font-size:.9rem;color:#444;margin:.8rem 0}body.dark .meta{color:#bbb}code{word-break:break-all;background:#f5f5f5;padding:.3rem;display:inline-block}pre{background:#f5f5f5;padding:.6rem;overflow-x:auto;font-size:.9rem}body.dark code,body.dark pre{background:#1e1e1e;color:#f5f5f5}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{border:1px solid #ccc;padding:.5rem}th{background:#eee}body.dark table{border-color:#444}body.dark th{background:#333;color:#f5f5f5}body.dark td{background:#1a1a1a;color:#f5f5f5}.latest-solve{margin:1rem 0;padding:.7rem;background:#e8f5e9;border-left:4px solid #4caf50;font-size:.95rem;border-radius:6px;box-shadow:0 2px 6px #0000001a;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}body.dark .latest-solve{background:#1b2b1d;border-left:4px solid #66bb6a;color:#c8e6c9;box-shadow:0 2px 8px #0009}.hint-box{background:#eef7ff;border-left:4px solid #2196f3;padding:.9rem;margin:1.2rem 0;font-size:.95rem;border-radius:6px;box-shadow:0 2px 6px #0000001a;transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}body.dark .hint-box{background:#1a2533;border-left:4px solid #64b5f6;color:#bbdefb;box-shadow:0 2px 8px #0009}.hint-toggle{cursor:pointer;color:#1565c0;font-weight:600}body.dark .hint-toggle{color:#90caf9}.intro-box{display:flex;align-items:flex-start;gap:.6rem;background:#fff3cd;border-left:4px solid #ff9800;padding:.8rem;margin:1rem 0;font-size:.95rem;border-radius:6px;box-shadow:0 2px 6px #0000001a;transition:background-color .4s ease-in-out .1s,color .3s ease-in-out,border-color .3s ease-in-out .1s,box-shadow .3s ease-in-out,transform .3s ease-in-out,font-weight .3s ease-in-out}.intro-animate{animation:fadeSlideIn .6s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-box:hover{transform:translateY(-2px) scale(1.02) rotate(0);border-left:4px solid transparent;background:linear-gradient(180deg,#fff8dc,#fff3cd);color:#000;font-weight:500;animation:pulseShadow 1.5s ease-in-out infinite;animation-delay:.2s;background-clip:padding-box}@keyframes pulseShadow{0%{box-shadow:0 4px 10px #00000026,0 0 #ff980000;opacity:1;background:linear-gradient(180deg,#fff8dc,#fff3cd);border-image:linear-gradient(180deg,#ff9800,#ffb74d) 1;transform:translateY(-2px) scale(1.02) rotate(0)}30%{transform:translateY(-2px) scale(1.02) rotate(1.5deg)}60%{box-shadow:0 6px 14px #00000040,0 0 12px #ff980066;opacity:.95;background:linear-gradient(180deg,#ffe082,#fff8dc);border-image:linear-gradient(180deg,#ffb74d,#ffc107) 1;transform:translateY(-2px) scale(1.02) rotate(0)}90%{transform:translateY(-2px) scale(1.02) rotate(-1.5deg)}to{box-shadow:0 4px 10px #00000026,0 0 #ff980000;opacity:1;background:linear-gradient(180deg,#fff8dc,#fff3cd);border-image:linear-gradient(180deg,#ff9800,#ffb74d) 1;transform:translateY(-2px) scale(1.02) rotate(0)}}.intro-box:hover .intro-text{animation:textPulse 1.5s ease-in-out infinite;animation-delay:.25s}@keyframes textPulse{0%{font-weight:500;opacity:1;color:#000}60%{font-weight:600;opacity:.95;color:#ff9800}to{font-weight:500;opacity:1;color:#000}}.intro-box:hover .intro-icon{animation:iconPulse 1.5s ease-in-out infinite;animation-delay:.3s}@keyframes iconPulse{0%{transform:scale(1);opacity:1}60%{transform:scale(1.08);opacity:.95}to{transform:scale(1);opacity:1}}body.dark .intro-box{background:#2a1f0f;border-left:4px solid #ffb74d;color:#ffe082;box-shadow:0 2px 8px #0009}body.dark .intro-box:hover{transform:translateY(-2px) scale(1.02) rotate(0);border-left:4px solid transparent;background:linear-gradient(180deg,#3a2815,#2a1f0f);color:#fff176;font-weight:500;animation:pulseShadowDark 1.5s ease-in-out infinite;animation-delay:.2s;background-clip:padding-box}@keyframes pulseShadowDark{0%{box-shadow:0 4px 12px #ffb74d33,0 0 #ffc10700;opacity:1;background:linear-gradient(180deg,#3a2815,#2a1f0f);border-image:linear-gradient(180deg,#ffb74d,#ffc107) 1;transform:translateY(-2px) scale(1.02) rotate(0)}30%{transform:translateY(-2px) scale(1.02) rotate(1.5deg)}60%{box-shadow:0 6px 16px #ffb74d59,0 0 14px #ffc10780;opacity:.95;background:linear-gradient(180deg,#4a3218,#3a2815);border-image:linear-gradient(180deg,#ffc107,#ffd54f) 1;transform:translateY(-2px) scale(1.02) rotate(0)}90%{transform:translateY(-2px) scale(1.02) rotate(-1.5deg)}to{box-shadow:0 4px 12px #ffb74d33,0 0 #ffc10700;opacity:1;background:linear-gradient(180deg,#3a2815,#2a1f0f);border-image:linear-gradient(180deg,#ffb74d,#ffc107) 1;transform:translateY(-2px) scale(1.02) rotate(0)}}body.dark .intro-box:hover .intro-text{animation:textPulseDark 1.5s ease-in-out infinite;animation-delay:.25s}@keyframes textPulseDark{0%{font-weight:500;opacity:1;color:#fff176}60%{font-weight:600;opacity:.95;color:#ffc107}to{font-weight:500;opacity:1;color:#fff176}}body.dark .intro-box:hover .intro-icon{animation:iconPulseDark 1.5s ease-in-out infinite;animation-delay:.3s}@keyframes iconPulseDark{0%{transform:scale(1);opacity:1}60%{transform:scale(1.08);opacity:.95}to{transform:scale(1);opacity:1}}body.dark .intro-icon{color:#ffb74d}
