: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}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh;padding:20px}.calculator-container{max-width:1400px;margin:0 auto;background:#fffffff2;border-radius:20px;box-shadow:0 15px 30px #0003;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculator-header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;padding:30px;text-align:center}.calculator-header h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.calculator-header p{font-size:1.1rem;opacity:.9}.input-section{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;gap:20px}.number-input,.operation-selector{flex:1;min-width:300px;background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.number-input:hover,.operation-selector:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.number-input h3,.operation-selector h3{color:#4facfe;margin-bottom:20px;font-size:1.3rem;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:600;color:#555}.input-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.input-group input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe33}.angle-mode-selector{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #4facfe}.angle-mode-selector label{display:block;margin-bottom:10px;font-weight:600;color:#555}.angle-buttons{display:flex;gap:10px}.angle-btn{flex:1;padding:10px;background:#e9ecef;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.angle-btn:hover{background:#dee2e6}.angle-btn.active{background:#4facfe;color:#fff;border-color:#4facfe}.operation-categories{display:flex;flex-direction:column;gap:20px}.category h4{color:#6c757d;margin-bottom:10px;font-size:1rem;font-weight:600}.operation-buttons{display:flex;flex-wrap:wrap;gap:8px}.operation-btn{padding:12px 16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:.9rem;flex:1;min-width:60px;text-align:center}.operation-btn:hover{background:#e9ecef;transform:scale(1.05)}.operation-btn.active{background:#4facfe;color:#fff;border-color:#4facfe;box-shadow:0 5px 15px #4facfe4d}.result-section{padding:30px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;margin:20px;border-radius:15px;box-shadow:0 10px 20px #0000001a}.result-section h2{text-align:center;margin-bottom:20px;font-size:1.8rem}.calculation-expression{text-align:center;font-size:1.5rem;margin-bottom:30px;font-weight:600;background:#fff3;padding:10px 20px;border-radius:10px;display:inline-block}.result-cards{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.result-card{flex:1;min-width:200px;background:#ffffffe6;color:#333;border-radius:15px;padding:20px;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.result-card:hover{transform:translateY(-5px)}.result-card h4{color:#f5576c;margin-bottom:15px;font-size:1.2rem}.result-value{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#333;word-break:break-all}.final-result{text-align:center;background:#fff3;padding:20px;border-radius:15px}.final-result h3{margin-bottom:15px;font-size:1.5rem}.final-value{font-size:2rem;font-weight:700;margin-bottom:10px}.final-relative{font-size:1.2rem;opacity:.9}.info-section{padding:30px}.info-section h3{text-align:center;margin-bottom:30px;font-size:1.8rem;color:#4facfe}.theory-cards{display:flex;flex-wrap:wrap;gap:20px}.theory-card{flex:1;min-width:250px;background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.theory-card:hover{transform:translateY(-5px)}.theory-card h4{color:#4facfe;margin-bottom:15px;font-size:1.3rem}.theory-card p,.theory-card ul{color:#555;line-height:1.6}.theory-card ul{padding-left:20px}.theory-card li{margin-bottom:8px;font-size:.9rem}.minimal-signature{background:#2c3e50;color:#fff;padding:15px 20px;text-align:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:40px}.minimal-content{max-width:1200px;margin:0 auto;font-size:.9rem;opacity:.9}.minimal-content strong{color:#3498db;font-weight:600}.minimal-content a{color:#f39c12;text-decoration:none;transition:color .3s ease}.minimal-content a:hover{color:#e74c3c;text-decoration:underline}@media(max-width:768px){.input-section,.result-cards,.theory-cards{flex-direction:column}.calculator-header h1{font-size:2rem}.operation-buttons{justify-content:center}.operation-btn{min-width:70px;padding:10px 12px;font-size:.8rem}}