*{margin:0;padding:0;box-sizing:border-box}body{background:#1a1a2e;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popover{padding:10px}h2{font-size:12px;color:#f0c040;margin-bottom:8px;text-align:center}.real-clock{text-align:center;font-size:10px;color:#9aa0b5;margin-bottom:8px}.real-clock span{color:#cdd3e8;font-variant-numeric:tabular-nums}.elapsed-display{text-align:center;margin-bottom:6px}.elapsed-value{font-size:40px;font-weight:700;color:#2ecc71;font-variant-numeric:tabular-nums}.elapsed-label{display:block;font-size:10px;color:#9aa0b5;margin-top:2px}.time-display{text-align:center;margin-bottom:12px}.clock{font-size:26px;font-weight:700;color:#f0c040;display:block;font-variant-numeric:tabular-nums}.date{font-size:10px;color:#777}.progress-container{margin-bottom:10px}.progress-bar{height:6px;background:#2d3748;border-radius:3px;overflow:hidden;margin-bottom:4px}.progress-fill{height:100%;background:#27ae60;transition:width .3s}.progress-text{font-size:9px;color:#777;text-align:center;display:block}.inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:6px}.inputs label{display:flex;flex-direction:column;font-size:8px;color:#9aa0b5;gap:3px;text-align:center}.inputs input{width:100%;padding:4px;border:1px solid #2d3748;border-radius:4px;background:#0f0f1e;color:#e0e0e0;font-size:12px;text-align:center}.inputs input:focus{outline:none;border-color:#27ae60}.ratio{font-size:9px;color:#6b7290;text-align:center;margin-bottom:8px}.controls{display:flex;gap:6px}button{flex:1;padding:6px;border:none;border-radius:4px;background:#2d3748;color:#e0e0e0;cursor:pointer;font-size:11px;transition:background .15s}button:hover{background:#4a5568}.alert-container{position:fixed;right:10px;bottom:10px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.alert-card{position:relative;width:200px;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#06281a;box-shadow:0 8px 24px #00000073;pointer-events:auto;animation:alert-in .35s ease-out;overflow:hidden}.alert-card.leaving{animation:alert-out .3s ease-in forwards}@keyframes alert-in{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes alert-out{0%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.alert-title{font-size:13px;font-weight:700;margin-bottom:4px}.alert-clock{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.alert-close{position:absolute;top:4px;right:6px;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:#0000002e;color:#06281a;font-size:14px;line-height:1;cursor:pointer;flex:none}.alert-close:hover{background:#00000052}