: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{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#f5f7ff,#eef2ff);display:flex;justify-content:center;align-items:center;height:100vh}.container{width:420px;background:#fff;border-radius:24px;padding:40px 30px;box-shadow:0 20px 60px #00000014;text-align:center}h1{font-weight:600;margin-bottom:10px}.target{font-size:14px;color:#666;margin-bottom:5px}.target span{display:block;font-size:42px;font-weight:700;color:#111;margin-top:5px}.tiles,.operators{display:flex;justify-content:center;flex-wrap:wrap;margin:12px 0}.tiles button,.operators button{width:55px;height:55px;margin:6px;font-size:20px;border-radius:14px;border:none;background:#dce3ff;color:#111;font-weight:600;cursor:pointer;transition:all .2s ease}.tiles button:hover,.operators button:hover{transform:translateY(-3px);background:#c9d4ff}.tiles button.used{background:#f0f0f0;color:#aaa;cursor:not-allowed;transform:none}.delete{background:#ffe0e0!important;display:flex;align-items:center;justify-content:center;font-size:20px;padding:0}.expression{margin:25px 0;min-height:50px;padding:12px;border-radius:12px;background:#f7f9ff;font-size:18px;letter-spacing:1px;color:#333;display:flex;align-items:center;justify-content:center}.actions{margin-top:20px;display:flex;justify-content:center;gap:12px}.actions button{padding:10px 18px;border-radius:12px;border:none;font-weight:600;font-size:14px;cursor:pointer;background:#4c6ef5;color:#fff;transition:all .2s ease}.actions button:hover{background:#3b5bdb;transform:translateY(-2px)}.actions button:disabled{background:#c5d0ff;cursor:not-allowed}.message{margin-top:18px;font-weight:600;font-size:16px;min-height:24px;transition:all .3s ease}.message.success{color:#2f9e44}.message.error{color:#e03131}.streak{font-size:14px;margin-bottom:15px;color:#ff922b;font-weight:600}.puzzle-number{font-size:14px;color:#666;margin-bottom:8px}.tabs{display:flex;gap:10px;justify-content:center;margin:14px 0 18px}.tab{padding:8px 14px;border-radius:999px;border:none;cursor:pointer;font-weight:700;font-size:13px;background:#eef2ff;color:#3b5bdb;transition:.2s ease}.tab:hover{transform:translateY(-1px)}.tab.active{background:#4c6ef5;color:#fff}.countdown{margin-top:10px;font-size:14px;color:#666;font-weight:600}.countdown span{color:#111;font-variant-numeric:tabular-nums}
