:root{--bg-color: #121212;--card-bg: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent: #10b981;--accent-dark: #059669;--error: #ef4444;--border-radius: 16px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:500px}.container{padding:1rem}.card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.header-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;text-align:center;position:relative}.header-top{display:flex;justify-content:flex-end;margin-bottom:-1rem}.location-btn{font-size:.8rem!important;background:#fff3!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none!important}.header-content h1{font-size:1.8rem;margin-bottom:.2rem}.header-content p{opacity:.9;font-size:.9rem}.prayer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.prayer-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;transition:all .3s ease}.prayer-item span{color:var(--text-secondary);font-size:.9rem}.prayer-item.active{background:#10b98133;border:1px solid var(--accent)}.prayer-item.active span{color:var(--accent);font-weight:600}.btn{background-color:var(--accent);color:#fff;border:none;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.8}select{width:100%;padding:.75rem;margin-bottom:.75rem;border-radius:10px;border:1px solid #333;background-color:#2a2a2a;color:#fff;font-size:1rem}.qibla-compass{width:200px;height:200px;margin:2rem auto;position:relative;border:4px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .1s linear}.qibla-compass.aligned{border-color:var(--accent);box-shadow:0 0 20px #10b98166}.compass-ring{position:absolute;width:100%;height:100%;border:1px dashed #444;border-radius:50%}.qibla-arrow{position:absolute;width:4px;height:80px;background:var(--accent);bottom:50%;transform-origin:bottom center}.qibla-arrow:after{content:"🕋";position:absolute;top:-25px;left:-10px}.status-msg{font-weight:600;margin-top:1rem}.picker-modal h2{color:var(--text-primary)}