@font-face{font-family:Vollkorn;font-weight:400 900;font-display:swap;font-style:normal;font-optical-sizing:auto;src:url(Vollkorn-VariableFont_wght.81dc0437.ttf)}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;font-style:normal;font-optical-sizing:auto;src:url(Inter-Variable.25edf01c.ttf)}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1f3c;--bg-card:#161b33;--accent-teal:#4ecdc4;--accent-purple:#9c88ff;--accent-purple-dim:#9c88ff80;--accent-coral:#ff6b6b;--text-white:#fff;--text-gray:#a0a8c0;--border-color:#2a3050}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-white);justify-content:center;align-items:center;padding:20px;font-family:Inter,sans-serif;line-height:1.6;display:flex}.container{width:100%;max-width:650px}.calculator-card{background-color:var(--bg-card);border-radius:24px;padding:40px;box-shadow:0 20px 60px #0006}.header{text-align:center;margin-bottom:32px}.header h1{margin-bottom:8px;font-family:Vollkorn,serif;font-size:3rem;font-weight:800}.subtitle{color:var(--text-gray);font-size:1rem}.form-group{margin-bottom:24px}.form-group label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}select{border:2px solid var(--border-color);background-color:var(--bg-primary);width:100%;color:var(--text-white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234ECDC4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border-radius:12px;padding:14px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--accent-teal);outline:none;box-shadow:0 0 0 3px #4ecdc433}select option{background-color:var(--bg-card);color:var(--text-white)}.mode-toggle{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-btn{border:2px solid var(--border-color);color:var(--text-white);cursor:pointer;background-color:#0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.mode-btn svg{flex-shrink:0}.mode-btn:hover{border-color:var(--accent-teal);color:var(--text-white)}.mode-btn.active{border-color:var(--accent-teal);color:var(--accent-teal);background-color:#4ecdc41a}.time-inputs{align-items:center;gap:8px;display:flex}.time-inputs select{text-align:center;flex:1}.time-separator{color:var(--accent-teal);font-size:1.5rem;font-weight:700}.ampm-toggle{flex-direction:row;margin-left:12px;display:flex}.ampm-btn{border:2px solid var(--border-color);color:var(--text-gray);cursor:pointer;background-color:#0000;padding:14px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.ampm-btn:first-child{border-radius:10px 0 0 10px}.ampm-btn:last-child{border-left:none;border-radius:0 10px 10px 0}.ampm-btn.active{border-color:var(--accent-teal);background-color:var(--accent-teal);color:var(--bg-primary)}.calculate-btn{text-transform:uppercase;letter-spacing:1px;background:var(--accent-teal);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:12px;padding:18px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.calculate-btn:hover{background:linear-gradient(135deg, var(--accent-purple), var(--accent-teal) 90%);transform:translateY(-2px);box-shadow:0 8px 24px #4ecdc466}.calculate-btn:active{transform:translateY(0)}.results{border-top:1px solid var(--border-color);margin-top:32px;padding-top:32px}.results.hidden{display:none}.results-header{text-align:center;margin-bottom:24px}.results-header p{color:var(--text-gray);font-size:1rem;line-height:1.6}.results-header strong{color:var(--accent-teal)}.results-list{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.result-item{background-color:var(--bg-primary);border:2px solid #0000;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:20px;display:grid}.result-item.recommended{border:2px solid var(--accent-purple-dim);position:relative}.suggested-label{text-transform:uppercase;letter-spacing:-.25px;border:1px solid var(--accent-purple);color:var(--accent-purple);background-color:var(--bg-primary);white-space:nowrap;cursor:help;z-index:1;border-radius:50px;padding:3px 6px;font-size:9px;font-weight:700;position:absolute;top:22px;left:50%;transform:translate(-50%)}.suggested-label .tooltip{visibility:hidden;background-color:var(--bg-primary);border:1px solid var(--accent-purple);text-transform:none;letter-spacing:0;color:var(--text-white);white-space:normal;text-align:center;opacity:0;z-index:10;border-radius:8px;width:165px;margin-bottom:10px;padding:8px 12px;font-size:11px;font-weight:400;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.suggested-label .tooltip a{color:var(--accent-purple);text-decoration:underline}.suggested-label:hover .tooltip{visibility:visible;opacity:1}.result-icon-stack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.result-right{justify-content:flex-end;align-items:center;display:flex}.result-icon-small{align-items:center;display:flex}.result-icon-small svg{width:24px;height:24px}.result-label{color:var(--accent-purple);margin-top:4px;font-size:.9rem;line-height:.875rem}.result-time{color:var(--accent-teal);margin-top:-2px;font-size:1.875rem;font-weight:700}.sleep-circle-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.circle-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hours-text{color:var(--text-gray);font-size:1rem;font-weight:700;line-height:1;display:block}.hours-label{color:var(--text-gray);margin-top:0;font-size:.8rem;display:block}.result-info{text-align:center;border-top:1px solid var(--border-color);color:var(--text-gray);grid-column:1/-1;padding-top:12px;font-size:.8rem}.reset-btn{border:2px solid var(--border-color);width:100%;color:var(--text-gray);cursor:pointer;background-color:#0000;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.reset-btn:hover{border-color:var(--accent-coral);color:var(--accent-coral)}@media (width<=480px){.calculator-card{padding:24px}.header h1{font-size:1.5rem}.mode-btn{padding:12px 8px;font-size:.85rem}.time-inputs{flex-wrap:wrap}.ampm-toggle{flex-direction:row;width:100%}.ampm-btn{flex:1;padding:12px 16px}.ampm-btn:first-child{border-right:none;border-radius:8px 0 0 8px}.ampm-btn:last-child{border-radius:0 8px 8px 0}.result-item{text-align:center;grid-template-columns:1fr;gap:12px}.result-right{justify-content:center}}.legal-card{background-color:var(--bg-card);color:var(--text-white);border-radius:24px;margin:20px 0;padding:40px;line-height:1.7;box-shadow:0 20px 60px #0006}.back-home{margin-bottom:24px;display:inline-block}.back-home:hover{opacity:.8}.legal-card h1,.legal-card h2{color:var(--accent-purple);margin-top:24px;margin-bottom:16px}.legal-card h3,.legal-card h4{color:var(--accent-purple);margin-top:20px;margin-bottom:12px}.legal-card p{margin-bottom:16px}.legal-card ul{margin-bottom:16px;padding-left:24px}.legal-card ol{margin-top:8px;padding-left:24px;list-style-type:decimal}.legal-card li{margin-bottom:8px}.legal-card hr{border:none;border-top:1px solid var(--border-color);margin:24px 0}.legal-card a{color:var(--text-white);text-decoration:underline}.legal-card a:hover{opacity:.8}.footer{clear:both;text-align:center;color:var(--text-gray);margin-top:24px;padding:24px 16px;font-size:14px;display:block}.footer p{margin:0}.footer a{color:var(--text-gray);text-decoration:none}.footer a:hover{cursor:pointer;text-decoration:underline}