:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-gold: #fbbf24;--accent-blue: #38bdf8;--accent-orange: #fb923c;--accent-silver: #e2e8f0;--glass-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(251,191,36,.1) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center}.calculator-container{width:100%;max-width:480px;padding:20px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000080}.card-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(to right,var(--accent-blue),var(--accent-gold));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}label{display:flex;flex-direction:column;gap:8px}.label-header{display:flex;align-items:center;gap:8px}.label-text{font-size:.875rem;color:var(--text-secondary);font-weight:500}.input-field{background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:1rem;transition:all .2s}.input-field:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #38bdf833}.mode-selector{display:flex;gap:12px;margin-bottom:24px}.mode-btn{flex:1;background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);padding:16px 12px;border-radius:14px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;opacity:.5}.mode-btn:hover{opacity:.8;border-color:#fff3}.mode-btn.active{background:linear-gradient(135deg,#38bdf826,#fbbf241a);border-color:var(--accent-blue);color:var(--text-primary);opacity:1;box-shadow:0 0 20px #38bdf833}.turn-control{margin-bottom:32px}.turn-header{display:flex;justify-content:space-between;margin-bottom:12px}.turn-value{font-weight:700;color:var(--accent-blue)}.slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;appearance:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent-gold);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #fbbf2480;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-item{background:#ffffff08;padding:16px;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.result-item.full-width{grid-column:span 2}.result-item.highlight-blue{background:#38bdf81a;border:1px solid rgba(56,189,248,.2)}.result-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:1.5rem;font-weight:800}.sub-text{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.text-orange{color:var(--accent-orange)}.text-yellow{color:var(--accent-gold)}.text-silver{color:var(--accent-silver)}.text-blue{color:var(--accent-blue)}.menu-grid{display:flex;flex-direction:column;gap:16px}.menu-item{display:flex;flex-direction:column;gap:8px;padding:20px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;text-decoration:none;transition:all .3s ease}.menu-item:hover{background:#38bdf81a;border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 8px 25px #38bdf826}.menu-icon{font-size:2rem}.menu-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.menu-desc{font-size:.85rem;color:var(--text-secondary)}.site-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--glass-border);text-align:center;font-size:.8rem;color:var(--text-secondary)}.app-nav{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:8px;background:#0003;border-radius:12px}.nav-home{font-size:1.2rem;text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .2s}.nav-home:hover{background:#ffffff1a}.nav-links{display:flex;gap:4px;flex:1}.nav-link{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s}.nav-link:hover{background:#ffffff1a;color:var(--text-primary)}.nav-link.active{background:var(--accent-blue);color:#000}.glass-panel .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.glass-panel .grid label{display:flex;flex-direction:column;gap:8px}.glass-panel .grid .label-text,.glass-panel .grid label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.glass-panel select{background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-size:1rem;transition:all .2s;width:100%}.glass-panel select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #38bdf833}.glass-panel .checkbox{display:flex;gap:10px;align-items:center;margin:16px 0;font-size:.9rem;color:var(--text-secondary)}.glass-panel .checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-blue)}.glass-panel button{width:100%;padding:12px;border:none;border-radius:12px;background:var(--accent-blue);color:#000;font-weight:600;cursor:pointer;margin-top:10px;transition:all .2s}.glass-panel button:hover{opacity:.9;transform:translateY(-1px)}.glass-panel button.secondary{background:#6366f1;color:#fff}.glass-panel button.green{background:#22c55e;color:#fff}.glass-panel .result{margin-top:16px;padding:16px;background:#ffffff08;border-radius:16px;border:1px solid var(--glass-border)}.glass-panel .result>div{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:8px;color:var(--text-primary)}.glass-panel .result h4{margin:16px 0 8px;color:var(--accent-gold);font-size:.9rem}.glass-panel .tier-row{display:flex;justify-content:space-between;font-size:.8rem;background:#0003;padding:10px 12px;border-radius:10px;margin-top:6px;color:var(--text-secondary)}.glass-panel .center{text-align:center;margin-top:8px;color:var(--text-primary)}.glass-panel .small{font-size:.85rem}.glass-panel .green-text{color:#4ade80}