: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}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#6a00ff,#00c3ff);color:#fff;margin:0;padding:2rem;text-shadow:0 0 5px rgba(0,0,0,.7)}.container{max-width:680px;margin:0 auto;background:linear-gradient(145deg,#1e004f,#320080);padding:2rem 2.5rem;border-radius:16px;box-shadow:0 0 20px #8a00ffcc,inset 0 0 40px #05f}h1{font-size:2.8rem;font-weight:900;color:#ffd500;text-align:center;margin-bottom:2rem;text-shadow:2px 2px 6px #2a0055,0 0 20px #ffcc00;letter-spacing:.06em}.input-group{display:flex;gap:1.2rem;margin-bottom:2.5rem;justify-content:space-between}.input-group label{flex:1 1 0;font-weight:700;font-size:1.1rem;color:#c5e0ff;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}input[type=number]{margin-top:.4rem;padding:.5rem .8rem;font-size:1.15rem;font-weight:700;border:3px solid #ffcc00;border-radius:10px;background:#2a0044;color:#fff1b8;box-shadow:inset 0 0 10px #fc05;transition:border-color .25s ease,box-shadow .25s ease;text-align:center}input[type=number]:focus{border-color:#ffff7f;box-shadow:0 0 15px #ffff7f,inset 0 0 18px #ffff7faa;outline:none}.steps{font-size:1rem;line-height:1.45;color:#f9e969;background:linear-gradient(90deg,#2a0055cc,#408c);padding:1.5rem 2rem;border-radius:16px;box-shadow:inset 0 0 20px #a088ff88;-webkit-user-select:text;user-select:text}.step-title{font-weight:800;font-size:1.3rem;margin-top:1.6rem;margin-bottom:.6rem;border-bottom:3px solid #ffd500;padding-bottom:.25rem;color:#ffe066;text-shadow:0 0 5px #331a66}.value{font-weight:700;color:#fff;background:#fb0d;padding:0 8px;border-radius:6px;text-shadow:0 0 3px #663300}.number{font-weight:700;color:#fff;background:#fc4c;padding:0 8px;border-radius:6px;text-shadow:0 0 3px #664400;font-family:monospace}.calculation{font-family:monospace;font-weight:700;background:#306c;color:#ffe066;padding:.3rem .5rem;border-radius:8px;display:inline-block;box-shadow:0 0 10px #fc0a;-webkit-user-select:text;user-select:text}.term{font-style:italic;color:#fd8c;text-shadow:0 0 3px #552200cc}.anchor-reason{font-style:italic;font-size:.9rem;color:#ffd87dcc;text-shadow:0 0 2px #441100cc;margin-top:.2rem;-webkit-user-select:text;user-select:text}.result{margin-top:3rem;font-size:1.6rem;font-weight:900;padding:1rem 2.2rem;background:#fb0;border-radius:20px;border:4px solid #662f00;color:#3a1a00;text-align:center;text-shadow:0 0 10px #aa7700;box-shadow:0 0 35px #fc3;-webkit-user-select:none;user-select:none}ul{margin-top:.3rem;margin-bottom:1.1rem;padding-left:1.3rem;color:#ffe77dcc;-webkit-user-select:text;user-select:text}li{margin-bottom:.45rem;font-weight:600;text-shadow:0 0 2px #332200}@media (max-width: 600px){.input-group{flex-direction:column;gap:1rem}.input-group label{text-align:left}}.randomise-button{padding:.7rem 1.2rem;font-size:1.1rem;font-weight:800;border:3px solid #ffcc00;border-radius:12px;background:linear-gradient(145deg,#fd3,#fa0);color:#3a1a00;box-shadow:0 0 20px #fc3a,inset 0 0 12px #fff00066;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .1s ease;text-shadow:0 1px 2px #fff9}.randomise-button:hover{background:linear-gradient(145deg,#fe6,#fb3);box-shadow:0 0 25px #ff6a,inset 0 0 14px #fff8;transform:scale(1.03)}.randomise-button:active{transform:scale(.97);box-shadow:0 0 18px #fc0a,inset 0 0 10px #fa0a}