:root{color:#18202f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}.app-shell{color:#18202f;background:linear-gradient(#fff8e7d9,#f8fafceb 32%),#f8fafc;min-height:100svh;padding:24px}.toolbar,.status-band,.grid,footer{max-width:1440px;margin:0 auto}.toolbar{justify-content:space-between;align-items:center;gap:18px;padding-bottom:22px;display:flex}.identity{align-items:center;gap:14px;display:flex}.mark{color:#ffcf5a;background:#162236;border-radius:8px;place-items:center;width:54px;height:54px;font-weight:800;display:grid}h1,h2,p{margin:0}h1{color:#121827;font-size:28px;font-weight:760;line-height:1.08}.identity p,footer,.status-band p{color:#647084;font-size:14px}.controls{align-items:center;gap:12px;display:flex}.clock,.segmented{background:#ffffffc7;border:1px solid #d9dee8;min-height:42px;box-shadow:0 12px 32px #11182714}.clock{color:#273244;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-weight:650;display:inline-flex}.segmented{border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}button{font:inherit;border:0}.segmented button{color:#516071;cursor:pointer;background:0 0;border-radius:6px;min-height:32px;padding:0 12px;font-weight:700}.segmented button.active{color:#fff;background:#0f766e}.status-band{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;margin-bottom:18px;display:grid}.status-band>div{background:#ffffffd1;border:1px solid #dce2ec;border-radius:8px;padding:18px}.status-band strong{color:#111827;margin:6px 0 2px;font-size:22px;line-height:1.2;display:block}.next-now{background:#fff8e5;border-color:#f2be4e}.eyebrow{color:#8a5a12;letter-spacing:0;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.graha-card{background:#ffffffe6;border:1px solid #dde4ee;border-radius:8px;flex-direction:column;min-height:390px;display:flex;overflow:hidden;box-shadow:0 18px 42px #0f172a12}.graha-card header{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;display:flex}h2{color:#111827;font-size:22px;line-height:1.1}.graha-card header span,.placement span,.event-row span{color:#66758a;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:750}.graha-card header b{color:#0f766e;font-variant-numeric:tabular-nums;white-space:nowrap}.placement{border-bottom:1px solid #e8edf4;grid-template-columns:.82fr 1.18fr .58fr;display:grid}.placement div{border-right:1px solid #e8edf4;min-width:0;padding:14px 16px}.placement div:last-child{border-right:0}.placement strong{color:#1c2533;overflow-wrap:anywhere;font-size:17px;line-height:1.2;display:block}.events{flex-direction:column;flex:1;display:flex}.event-row{border-bottom:1px solid #e8edf4;grid-template-columns:minmax(0,1fr) minmax(154px,.7fr);align-items:center;gap:14px;min-height:82px;padding:14px 16px;display:grid}.event-row:last-child{border-bottom:0}.event-row strong{color:#1f2937;line-height:1.25;display:block}.event-row>div:last-child{text-align:right}.event-row b{color:#b45309;font-variant-numeric:tabular-nums;font-size:16px;display:block}.event-row time{color:#6b7280;font-size:12px;line-height:1.25;display:block}footer{align-items:center;gap:8px;padding:20px 0 6px;display:flex}@media (width<=1120px){.toolbar,.controls{flex-direction:column;align-items:stretch}.toolbar{align-items:stretch}.clock,.segmented{box-sizing:border-box;width:100%}.segmented button{flex:1}.status-band,.grid{grid-template-columns:1fr}.graha-card{min-height:auto}}@media (width<=620px){.app-shell{padding:14px}.identity{align-items:flex-start}.mark{width:46px;height:46px}h1{font-size:23px}.placement,.event-row{grid-template-columns:1fr}.placement div{border-bottom:1px solid #e8edf4;border-right:0}.placement div:last-child{border-bottom:0}.event-row>div:last-child{text-align:left}}