*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e8e8e8;background:#0f1117;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.card{background:#1a1d27;border:1px solid #2a2d3a;border-radius:16px;width:100%;max-width:480px;padding:40px 48px}.header{text-align:center;margin-bottom:32px}.header h1{letter-spacing:-.5px;color:#fff;font-size:2rem;font-weight:700}.header .city{color:#7a7f9a;margin-top:6px;font-size:.95rem}.header .coords{color:#44485e;font-variant-numeric:tabular-nums;margin-top:4px;font-size:.78rem}.header .date{color:#555a70;margin-top:4px;font-size:.85rem}.times{flex-direction:column;gap:8px;display:flex}.time-row{background:#22253a;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.time-row.next{background:#2a3060;border:1px solid #3d4480}.time-row .name{color:#b0b4cc;font-size:.95rem}.time-row.next .name{color:#c8ccf0}.time-row .value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.status{text-align:center;color:#555a70;padding:32px 0;font-size:.95rem}.status.error{color:#c0504d}.mazhab-row{border-top:1px solid #2a2d3a;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;display:flex}.mazhab-row label{color:#7a7f9a;font-size:.85rem}.mazhab-row select{color:#e8e8e8;cursor:pointer;background:#22253a;border:1px solid #3a3d50;border-radius:8px;outline:none;max-width:260px;padding:6px 10px;font-size:.85rem}.mazhab-row select:focus{border-color:#5a5f80}.change-coords-btn{color:#7a7f9a;cursor:pointer;background:0 0;border:1px solid #3a3d50;border-radius:8px;margin-top:10px;padding:5px 12px;font-size:.78rem;transition:border-color .15s,color .15s}.change-coords-btn:hover{color:#b0b4cc;border-color:#5a5f80}.coords-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.coords-modal{background:#1a1d27;border:1px solid #2a2d3a;border-radius:14px;flex-direction:column;gap:16px;width:320px;padding:28px 32px;display:flex}.geo-denied-text{color:#7a7f9a;font-size:.88rem;line-height:1.5}.coords-modal h3{color:#fff;font-size:1rem;font-weight:600}.coords-modal label{color:#7a7f9a;flex-direction:column;gap:6px;font-size:.82rem;display:flex}.coords-modal input{color:#e8e8e8;background:#22253a;border:1px solid #3a3d50;border-radius:8px;outline:none;padding:8px 12px;font-size:.95rem}.coords-modal input:focus{border-color:#5a5f80}.coords-modal-actions{gap:10px;margin-top:4px;display:flex}.coords-modal-actions button{cursor:pointer;color:#fff;background:#3d4480;border:none;border-radius:8px;flex:1;padding:9px;font-size:.9rem;transition:background .15s}.coords-modal-actions button:hover{background:#4a52a0}.coords-modal-actions button.secondary{color:#7a7f9a;background:#22253a;border:1px solid #3a3d50}.coords-modal-actions button.secondary:hover{color:#b0b4cc;background:#2a2d3a}footer{color:#40435a;text-align:center;margin-top:24px;font-size:.8rem}