:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background-color:#f5f5f5;min-width:320px;min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}:root{--gautrain-blue:#003e7e;--gautrain-blue-light:#06c;--gautrain-gold:#ffb81c;--gautrain-dark:#1a1a1a;--gautrain-gray:#333;--bg-primary:#f5f5f5;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--shadow:0 2px 8px #0000001a;--shadow-hover:0 4px 16px #003e7e33}*{box-sizing:border-box}.app{background:linear-gradient(135deg,#f5f5f5 0%,#e3f2fd 100%);flex-direction:column;min-height:100vh;display:flex}.app-header{background:linear-gradient(135deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 100%);color:#fff;text-align:center;border-bottom:4px solid var(--gautrain-gold);padding:2rem 1rem;box-shadow:0 4px 12px #00000026}.header-content{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.gautrain-logo{object-fit:contain;width:140px;max-width:140px;height:auto}.app-header h1{color:var(--gautrain-gold);text-shadow:0 2px 4px #0003;margin:0;font-size:2rem;font-weight:700}.app-header p{opacity:.95;margin:.5rem 0 0;font-size:1rem}.app-main{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem}.planner-card{box-shadow:var(--shadow);border:1px solid var(--border-color);border-top:3px solid var(--gautrain-gold);background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem}.line-selector{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1.5rem}.line-selector label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.line-select{border:2px solid var(--gautrain-blue);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23003e7e' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border-radius:12px;padding:.875rem 3rem .875rem 1rem;font-size:1rem;font-weight:600;transition:all .2s}.line-select:focus{border-color:var(--gautrain-blue-light);outline:none;box-shadow:0 0 0 3px #003e7e26}.line-select:hover{border-color:var(--gautrain-blue-light);background:linear-gradient(135deg,#bbdefb 0%,#90caf9 100%)}.line-note{border-left:3px solid var(--gautrain-gold);color:var(--text-secondary);background:#fff8e1;border-radius:4px;margin:.75rem 0 0;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.route-selection{align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.station-selector{text-align:left;flex-direction:column;flex:1;gap:.5rem;display:flex}.station-selector label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.station-select{border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right 1rem center no-repeat;border-radius:12px;padding:.875rem 3rem .875rem 1rem;font-size:1rem;transition:all .2s}.station-select:focus{border-color:var(--gautrain-blue);outline:none;box-shadow:0 0 0 3px #003e7e1a}.station-select:hover{border-color:var(--gautrain-blue)}.swap-button{background:linear-gradient(135deg, var(--gautrain-gold) 0%, #f4a600 100%);color:var(--gautrain-dark);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-size:1.5rem;transition:all .3s;box-shadow:0 2px 8px #ffb81c4d}.swap-button:hover{transform:rotate(180deg)scale(1.1);box-shadow:0 4px 12px #ffb81c80}.swap-button:active{transform:rotate(180deg)scale(.95)}.time-selection{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.time-mode{flex-wrap:wrap;gap:1rem;display:flex}.time-mode label{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.time-mode label:hover{border-color:var(--gautrain-blue);background:#e3f2fd}.time-mode input[type=radio]{accent-color:var(--gautrain-blue);cursor:pointer;width:18px;height:18px}.time-mode input[type=radio]:checked+label{border-color:var(--gautrain-blue);color:var(--gautrain-blue);background:#e3f2fd;font-weight:600}.time-mode label:has(input[type=radio]:checked){border-color:var(--gautrain-blue);color:var(--gautrain-blue);background:#e3f2fd;font-weight:600}.time-input{border:2px solid var(--border-color);border-radius:8px;max-width:200px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.time-input:focus{border-color:var(--gautrain-blue);outline:none;box-shadow:0 0 0 3px #003e7e1a}.day-type{gap:1rem;display:flex}.day-type label{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.day-type label:hover{border-color:var(--gautrain-blue);background:#f0fdf4}.day-type input[type=radio]{accent-color:var(--gautrain-blue);cursor:pointer;width:18px;height:18px}.day-type label:has(input[type=radio]:checked){border-color:var(--gautrain-blue);background:var(--gautrain-blue);color:#fff;font-weight:600}.search-button{background:linear-gradient(135deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 100%);color:#fff;cursor:pointer;border:none;border-bottom:3px solid var(--gautrain-gold);border-radius:12px;width:100%;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #003e7e4d}.search-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #003e7e66}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.error-message{color:#c00;background:#fee;border:2px solid #fcc;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500}.results{animation:.5s ease-in fadeIn}.results h2{color:var(--gautrain-blue);margin:0 0 .5rem;font-size:1.5rem}.results-info{color:var(--text-secondary);margin:0 0 1.5rem;font-size:1rem}.itineraries{flex-direction:column;gap:1rem;display:flex}.journey-card{box-shadow:var(--shadow);border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:16px;padding:1.5rem;transition:all .3s}.journey-card:hover{border-color:var(--gautrain-blue);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.journey-header{margin-bottom:1rem}.journey-time{justify-content:space-between;align-items:center;gap:1rem;display:flex}.departure,.arrival{flex-direction:column;gap:.25rem;display:flex}.time{color:var(--gautrain-blue);font-size:1.5rem;font-weight:700}.station{color:var(--text-secondary);font-size:.875rem;font-weight:500}.journey-arrow{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex}.journey-arrow.clickable{cursor:pointer;background:#003e7e05;border:1px solid #0000;border-radius:12px;padding:.75rem;transition:all .3s;position:relative}.journey-arrow.clickable:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#003e7e1a,#ffb81c1a) border-box;border:2px solid #0000;border-radius:12px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.journey-arrow.clickable:hover{background:#003e7e0d;transform:translateY(-2px);box-shadow:0 4px 12px #003e7e1f}.journey-arrow.clickable:hover:before{opacity:1}.journey-arrow.clickable:hover .duration{background:var(--gautrain-gold);color:#fff;transform:scale(1.05);box-shadow:0 2px 8px #ffb81c66}.journey-arrow.clickable:hover .arrow{color:var(--gautrain-gold);transform:scale(1.3)rotate(90deg)}.journey-arrow.clickable:active{transform:translateY(0)}.duration{color:var(--gautrain-gold);white-space:nowrap;background:#fff8e1;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s;box-shadow:0 1px 3px #0000000d}.arrow{color:var(--gautrain-blue);opacity:.7;font-size:1.2rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.stops-count{color:var(--gautrain-blue);opacity:.8;font-size:.75rem;font-weight:500}.arrow{color:var(--gautrain-blue);font-size:1.5rem;transition:all .2s}.journey-details{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;display:flex}.journey-actions{flex-wrap:wrap;gap:.75rem;width:100%;margin-top:1rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:180px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.navigate-btn{background:linear-gradient(135deg, var(--gautrain-blue) 0%, #0056b3 100%);color:#fff}.navigate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #003e7e4d}.calendar-btn{background:linear-gradient(135deg, var(--gautrain-gold) 0%, #e6a816 100%);color:var(--gautrain-dark)}.calendar-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffb81c4d}.countdown,.fare,.data-source{color:var(--text-primary);background:#f8f9fa;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:flex}.countdown{color:#1565c0;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%)}.fare{color:#f57c00;background:linear-gradient(135deg,#fff8e1 0%,#ffecb3 100%)}.data-source{color:var(--text-secondary);background:#f5f5f5}.stops-container{opacity:0;max-height:0;margin-top:1rem;transition:max-height .4s ease-out,opacity .3s ease-out,margin-top .4s ease-out;overflow:hidden}.stops-container.expanded{opacity:1;max-height:1000px;margin-top:1rem}.journey-route{background:linear-gradient(135deg,#f8f9fa 0%,#e3f2fd 100%);border-radius:12px;margin-top:1rem;padding:1.5rem 1rem;position:relative;overflow:hidden}.journey-route:before{content:"";background:linear-gradient(90deg, var(--gautrain-blue) 0%, var(--gautrain-gold) 100%);height:3px;animation:2s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.route-line{background:linear-gradient(180deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 50%, var(--gautrain-blue) 100%);border-radius:2px;width:4px;position:absolute;top:2rem;bottom:2rem;left:2.5rem;box-shadow:0 0 8px #003e7e4d}.route-stop{opacity:0;align-items:center;gap:1rem;margin-left:1rem;padding:.75rem 0;animation:.4s ease-out forwards fadeSlideIn;display:flex;position:relative}.route-stop:nth-child(2){animation-delay:.1s}.route-stop:nth-child(3){animation-delay:.2s}.route-stop:nth-child(4){animation-delay:.3s}.route-stop:nth-child(5){animation-delay:.4s}.route-stop:nth-child(6){animation-delay:.5s}.route-stop:nth-child(7){animation-delay:.6s}.route-stop:nth-child(8){animation-delay:.7s}.route-stop:nth-child(9){animation-delay:.8s}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.stop-marker{flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;position:relative}.stop-dot{border:3px solid var(--gautrain-blue);z-index:2;background:#fff;border-radius:50%;width:1rem;height:1rem;transition:all .3s;box-shadow:0 2px 6px #003e7e4d}.route-stop.origin .stop-dot,.route-stop.destination .stop-dot{background:var(--gautrain-gold);border:4px solid var(--gautrain-blue);width:1.5rem;height:1.5rem;animation:2s infinite pulse;box-shadow:0 3px 10px #ffb81c80,0 0 0 4px #ffb81c33}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.route-stop.intermediate .stop-dot{background:#e3f2fd;border-width:2px;width:.75rem;height:.75rem}.route-stop:hover .stop-dot{transform:scale(1.2);box-shadow:0 4px 12px #003e7e66}.stop-info{background:#fff;border-left:3px solid #0000;border-radius:8px;flex-direction:column;flex:1;gap:.25rem;padding:.75rem 1rem;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000014}.route-stop.origin .stop-info,.route-stop.destination .stop-info{border-left-color:var(--gautrain-gold);background:linear-gradient(135deg,#fffbf0 0%,#fff 100%);font-weight:600}.route-stop.intermediate .stop-info{border-left-color:var(--gautrain-blue-light)}.route-stop:hover .stop-info{transform:translate(4px);box-shadow:0 4px 12px #003e7e26}.stop-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.route-stop.origin .stop-name:before{content:"🚉 "}.route-stop.destination .stop-name:after{content:" 🏁"}.stop-time{color:var(--gautrain-blue);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.app-footer{background:var(--gautrain-dark);color:#fff;text-align:center;margin-top:auto;padding:1.5rem}.app-footer p{text-align:center;margin:0;font-size:.875rem}.footer-links{text-align:center;margin-bottom:.75rem;padding:0 1rem}.footer-disclaimer{color:#fff9;text-align:center;margin:.75rem 0 0;padding:0 1rem;font-size:.75rem;line-height:1.6}.app-footer a{color:var(--gautrain-gold);font-weight:600;text-decoration:none;transition:color .2s}.app-footer a:hover{color:#ffca28;text-decoration:underline}.install-prompt{z-index:1001;max-width:500px;margin:0 auto;animation:.3s ease-out slideUp;position:fixed;bottom:20px;left:20px;right:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.install-content{background:linear-gradient(135deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 100%);box-shadow:0 8px 24px #003e7e66, 0 0 0 3px var(--gautrain-gold);color:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.install-icon{flex-shrink:0;font-size:2rem}.install-text{flex-direction:column;flex:1;gap:.25rem;display:flex}.install-text strong{color:var(--gautrain-gold);font-size:1rem}.install-text span{opacity:.9;font-size:.875rem}.install-actions{flex-shrink:0;gap:.5rem;display:flex}.install-btn{background:var(--gautrain-gold);color:var(--gautrain-dark);cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s}.install-btn:hover{background:#ffc940;transform:translateY(-2px);box-shadow:0 4px 12px #ffb81c66}.dismiss-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;transition:all .2s;display:flex}.dismiss-btn:hover{background:#ffffff4d;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-notification{background:linear-gradient(135deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 100%);color:#fff;box-shadow:0 8px 24px #0000004d, 0 0 0 3px var(--gautrain-gold);z-index:10000;text-align:center;border-radius:12px;max-width:90%;padding:1rem 1.5rem;font-weight:500;animation:.4s ease-out toastSlideDown,.4s ease-in 4.6s forwards toastFadeOut;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes toastSlideDown{0%{opacity:0;transform:translate(-50%)translateY(-100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-50px)}}@media (max-width:640px){.header-content{flex-direction:column;gap:.75rem}.gautrain-logo{width:100px;max-width:100px}.app-header h1{font-size:1.5rem}.app-header p{font-size:.875rem}.app-main{padding:1rem .5rem}.planner-card{border-radius:12px;padding:1.5rem 1rem}.route-selection{flex-direction:column;gap:.75rem}.swap-button{align-self:center;transform:rotate(90deg)}.swap-button:hover{transform:rotate(270deg)scale(1.1)}.time-mode{flex-direction:column}.time-mode label{width:100%}.journey-time{text-align:center;flex-direction:column}.journey-arrow{margin:.5rem 0;transform:rotate(90deg)}.duration{transform:rotate(-90deg)}.journey-details{flex-direction:column;gap:.5rem}.countdown,.fare,.data-source{justify-content:center;width:100%}.action-btn{min-width:100%;padding:.75rem .875rem;font-size:.85rem}.footer-disclaimer{font-size:.7rem}}.departure-board{background:linear-gradient(135deg,#003e7e 0%,#002855 100%);border:3px solid #ffb81c;border-bottom-width:4px;border-radius:8px;width:100%;margin-bottom:1rem;padding:1rem 1.5rem;box-shadow:0 2px 12px #003e7e4d,inset 0 1px #ffb81c33}.departure-board.departed{background:linear-gradient(135deg,#8b0000 0%,#5a0000 100%);border-color:#ff5252}.board-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.board-capacity{letter-spacing:2px;color:#ffb81c;text-transform:uppercase;opacity:.9;background:#0003;border-radius:4px;margin-top:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.train-capacity{background:#0003;border-radius:4px;margin-top:.5rem;padding:.375rem 1rem}.capacity-label{letter-spacing:1.5px;color:#ffb81c;text-transform:uppercase;opacity:.9;font-size:.7rem;font-weight:600}.board-label{letter-spacing:2px;color:#ffb81c;text-transform:uppercase;opacity:.9;font-size:.75rem;font-weight:700}.led-display{justify-content:center;align-items:center;gap:.75rem;display:flex}.led-group{align-items:baseline;gap:.25rem;display:flex}.led-digit{color:#ffb81c;text-shadow:0 0 20px #ffb81ccc,0 0 40px #ffb81c66,0 2px 4px #00000080;filter:brightness(1.1);font-family:Courier New,Consolas,Monaco,monospace;font-size:2.5rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite ledGlow}.led-separator{color:#ffb81c;text-shadow:0 0 20px #ffb81ccc,0 0 40px #ffb81c66;opacity:1;font-family:Courier New,Consolas,Monaco,monospace;font-size:2rem;font-weight:700;animation:1.5s ease-in-out infinite ledBlink}.led-unit{color:#ffb81ccc;letter-spacing:1px;text-transform:uppercase;margin-left:.25rem;font-size:.875rem;font-weight:700}.status-label{letter-spacing:3px;color:#ff5252;text-shadow:0 0 20px #ff5252cc,0 0 40px #ff525266;font-size:1.5rem;font-weight:700;animation:2s ease-in-out infinite statusPulse}@keyframes ledGlow{0%,to{text-shadow:0 0 20px #ffb81ccc,0 0 40px #ffb81c66,0 2px 4px #00000080}50%{text-shadow:0 0 25px #ffb81ce6,0 0 50px #ffb81c80,0 2px 4px #00000080}}@keyframes ledBlink{0%,45%,55%,to{opacity:1}50%{opacity:.4}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:640px){.departure-board{padding:.875rem 1rem}.board-label{letter-spacing:1.5px;font-size:.65rem}.led-display{gap:.5rem}.led-digit{font-size:2rem}.led-separator{font-size:1.5rem}.led-unit{font-size:.75rem}.status-label{letter-spacing:2px;font-size:1.25rem}}.reload-prompt-container{z-index:9999;max-width:400px;margin:0 auto;animation:.4s ease-out slideUp;position:fixed;bottom:20px;left:20px;right:20px}.reload-prompt-content{background:linear-gradient(135deg, var(--gautrain-blue) 0%, var(--gautrain-blue-light) 100%);box-shadow:0 8px 24px #0000004d, 0 0 0 3px var(--gautrain-gold);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;display:flex}.reload-prompt-icon{flex-shrink:0;font-size:2rem;animation:2s infinite pulse}.reload-prompt-text{flex:1;font-size:.9rem;line-height:1.4}.reload-prompt-text strong{color:var(--gautrain-gold);font-size:1rem}.reload-prompt-actions{flex-shrink:0;gap:.5rem;display:flex}.reload-btn{background:var(--gautrain-gold);color:var(--gautrain-blue);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s}.reload-btn:hover{background:#ffc942;transform:scale(1.05);box-shadow:0 4px 12px #ffb81c66}.reload-btn:active{transform:scale(.98)}.close-btn{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:8px;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.close-btn:hover{background:#ffffff1a;border-color:#fffc}@media (max-width:640px){.reload-prompt-container{bottom:10px;left:10px;right:10px}.reload-prompt-content{flex-wrap:wrap;padding:1rem}.reload-prompt-actions{width:100%;margin-top:.5rem}.reload-btn,.close-btn{flex:1}}