*,: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}footer{color:#40435a;text-align:center;margin-top:24px;font-size:.8rem}