:root{color:#08090c;background:#ffd9b3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,system-ui,sans-serif;font-synthesis:none;line-height:1.35;text-rendering:optimizeLegibility;--text: #08090c;--secondary: rgba(8, 9, 12, .58);--tertiary: rgba(8, 9, 12, .42);--hairline: rgba(8, 9, 12, .08);--glass-fill: rgba(255, 255, 255, .52);--glass-border: rgba(255, 255, 255, .64);--glass-shadow: 0 18px 48px rgba(74, 82, 96, .14);--sunrise: #ff9500;--sunset: #ff3b30;--moon: #7394bf;--terrain: #8f6336}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.app-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;padding:24px 18px 54px}.sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;min-height:100%;background:linear-gradient(142deg,#ffd9b3,#faf6ee 45%,#b3d9ff)}.sky:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#ffffff2e,#fff0),linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:auto,100% 116px}.topbar,.events-screen{width:min(100%,1240px);margin-inline:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.brand,.topbar nav,.location-pill,.date-selector,.primary-action{backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.brand,.topbar nav{display:flex;align-items:center;min-height:46px;background:#ffffff94;border:1px solid var(--glass-border);box-shadow:0 14px 34px #433e381c}.brand{gap:10px;padding:6px 14px 6px 8px;font-size:.96rem;font-weight:800;border-radius:999px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;overflow:hidden;background:#fff7e8d1;border:1px solid rgba(255,255,255,.72);border-radius:9px;box-shadow:0 8px 18px #5848361f}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.topbar nav{gap:4px;padding:5px;font-size:.84rem;font-weight:700;color:#08090cad;border-radius:999px}.topbar nav a{padding:8px 10px;border-radius:999px}.topbar nav a:hover{background:#ffffff6b}.events-screen{display:grid;gap:20px}.screen-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:12px}h1{font-size:clamp(3.25rem,13vw,4.7rem);font-weight:850;line-height:.92;letter-spacing:0}.location-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:48px;max-width:48%;padding:0 16px;color:#08090cb8;font-size:.93rem;font-weight:750;background:#ffffff94;border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 16px 36px #433e381c}.location-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-grid,.control-column,.result-column,.celestial-grid{display:grid;gap:16px}.glass-card{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}.date-selector{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;min-height:66px;padding:8px;border-radius:28px}.date-selector button{display:grid;width:42px;height:42px;place-items:center;background:transparent;border:0;border-radius:999px;cursor:pointer}.date-selector button:hover{background:#ffffff75}.date-input{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:42px;color:var(--text);font-size:1.02rem;font-weight:800}.date-input span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.date-input input::-webkit-calendar-picker-indicator{opacity:0}.setup-card{position:relative;padding:18px;overflow:hidden}.card-header,.terrain-status,.combined-header,.event-title{display:flex;align-items:center}.card-header{gap:12px;margin-bottom:16px}.terrain-mark,.header-icon{display:grid;flex:0 0 auto;place-items:center}.terrain-mark{width:42px;height:42px;color:var(--terrain);background:#8f63361f;border-radius:13px}.card-header h2,.terrain-status h2,.combined-header h2{font-size:1.32rem;font-weight:800;line-height:1.05}.card-header p,.terrain-status p,.combined-header p{margin-top:3px;color:var(--secondary);font-size:.95rem;font-weight:650}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.wide{grid-column:1 / -1}.field-grid label{display:grid;gap:6px;color:var(--secondary);font-size:.76rem;font-weight:800;letter-spacing:0}.field-grid input{width:100%;min-height:44px;padding:0 12px;color:var(--text);background:#ffffff8a;border:1px solid rgba(8,9,12,.08);border-radius:13px;outline:none}.field-grid input:focus{border-color:#007aff8a;box-shadow:0 0 0 4px #007aff24}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;color:var(--text);font-weight:820;background:#ffffffa3;border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 16px 36px #433e381c;cursor:pointer}.primary-action svg{color:#007aff}.primary-action:disabled{cursor:wait;opacity:.72}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff40}.error-text{padding-inline:4px;color:#a8201a;font-size:.93rem;font-weight:750}.terrain-status{gap:12px;padding:16px}.terrain-status>svg{flex:0 0 auto;color:var(--terrain)}.terrain-status>div:nth-child(2){min-width:0;flex:1}.status-meta{display:grid;gap:2px;text-align:right;white-space:nowrap}.status-meta span{color:var(--secondary);font-size:.78rem;font-weight:750}.status-meta strong{font-size:.88rem;font-weight:800}.timeline-card{padding:22px 24px}.timeline-track{position:relative;height:64px;overflow:hidden;background:#ffe88ec7;border:1px solid rgba(255,255,255,.38);border-radius:12px}.day-fill{position:absolute;top:0;bottom:0;background:#ffdf71f2}.marker{position:absolute;top:0;bottom:0;width:3px;background:#08090c9e}.timeline-labels{display:flex;justify-content:space-between;margin-top:10px;padding-inline:4px;color:var(--secondary);font-size:.9rem;font-weight:740}.combined-card{width:100%;padding:16px;color:inherit;text-align:left;border:1px solid var(--glass-border);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sun-card{background:linear-gradient(#ff95001a,#ff95001a),var(--glass-fill)}.moon-card{background:linear-gradient(#7394bf1f,#7394bf1f),var(--glass-fill)}.combined-card:disabled{cursor:default}.combined-card:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 22px 56px #4a52602e}.combined-header{gap:14px}.header-icon{width:44px;height:44px;border-radius:14px}.header-icon.sunrise{color:var(--sunrise);background:#ff950021}.header-icon.moon{color:var(--moon);background:#7394bf24}.combined-header>div{min-width:0;flex:1}.card-chevron{color:var(--tertiary)}.event-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline)}.vertical-divider{width:1px;min-height:74px;background:var(--hairline)}.event-column{min-width:0}.event-title{gap:8px;color:var(--secondary);font-size:.94rem;font-weight:710;line-height:1}.event-title svg{display:block}.event-title .sunrise{color:var(--sunrise)}.event-title .sunset{color:var(--sunset)}.event-title .moon{color:var(--moon)}.event-column strong{display:block;margin-top:8px;overflow:hidden;color:var(--text);font-size:clamp(1.45rem,7vw,1.85rem);font-weight:760;line-height:1;text-overflow:ellipsis;white-space:nowrap}.event-column p{margin-top:6px;color:var(--secondary);font-size:.82rem;font-weight:720}.event-column small{display:block;margin-top:5px;overflow:hidden;color:var(--tertiary);font-size:.74rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.detail-screen{gap:18px}.back-pill{display:inline-flex;align-items:center;justify-self:start;gap:8px;min-height:46px;padding:0 16px 0 12px;color:#08090cbd;font-weight:800;background:#fff9;border:1px solid var(--glass-border);border-radius:999px;box-shadow:0 14px 34px #433e381c;cursor:pointer;backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.detail-hero{display:grid;justify-items:center;gap:16px;padding:28px;text-align:center}.detail-hero.sun{background:linear-gradient(#ff95001c,#ff95001c),var(--glass-fill)}.detail-hero.moon{background:linear-gradient(#7394bf24,#7394bf24),var(--glass-fill)}.detail-hero-icon{display:grid;width:112px;height:112px;place-items:center;border-radius:999px;background:#ffffff75}.detail-hero-icon.sunrise{color:var(--sunrise)}.detail-hero-icon.moon{color:var(--moon)}.detail-hero h1{font-size:clamp(3rem,8vw,4.6rem)}.detail-hero p{margin-top:6px;color:var(--secondary);font-size:1.16rem;font-weight:720}.detail-hero-grid,.detail-grid{display:grid;gap:14px}.detail-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-time-card{display:grid;justify-items:center;gap:8px;padding:20px 14px;text-align:center}.detail-time-card.sunrise>span,.detail-time-card.sunrise small{color:var(--sunrise)}.detail-time-card.sunset>span,.detail-time-card.sunset small{color:var(--sunset)}.detail-time-card.moon>span,.detail-time-card.moon small{color:var(--moon)}.detail-time-card p{color:var(--secondary);font-size:.9rem;font-weight:760}.detail-time-card strong{color:var(--text);font-size:clamp(1.8rem,5vw,2.4rem);font-weight:780;line-height:1}.detail-time-card small{font-size:.85rem;font-weight:760}.detail-section{display:grid;gap:8px}.detail-section h2{padding-inline:4px;color:var(--secondary);font-size:1rem;font-weight:800}.detail-table{overflow:hidden;padding:0}.info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:0 18px;border-bottom:1px solid var(--hairline)}.info-row:last-child{border-bottom:0}.info-row span{color:var(--secondary);font-weight:650}.info-row strong{color:var(--text);font-weight:820;text-align:right}@media(min-width:980px){.app-shell{padding:32px clamp(28px,4vw,56px) 70px}.topbar{margin-bottom:36px}.screen-header{margin-top:4px}h1{font-size:clamp(4.5rem,7vw,6rem)}.desktop-grid{grid-template-columns:minmax(340px,390px) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,34px)}.control-column{position:sticky;top:28px;align-self:start}.result-column{gap:18px;padding-top:2px}.timeline-card{padding:24px 26px}.timeline-track{height:92px}.timeline-labels{font-size:.96rem}.celestial-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}.combined-card{min-height:236px}.combined-header{min-height:52px}.event-pair{min-height:126px}.event-column strong{font-size:clamp(1.45rem,2.15vw,2rem)}.detail-screen{width:min(100%,920px)}.detail-hero{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:979px){.topbar,.events-screen{width:min(100%,560px)}}@media(max-width:560px){.app-shell{padding:18px 24px 40px}.topbar{align-items:flex-start}.brand{gap:8px;padding-right:10px;font-size:.9rem}.topbar nav{font-size:.78rem}.topbar nav a{padding:7px}}@media(max-width:430px){.app-shell{padding-inline:18px}.topbar nav a{padding-inline:8px}.screen-header{align-items:flex-start;flex-direction:column-reverse}.location-pill{max-width:100%;align-self:flex-end}.field-grid{grid-template-columns:1fr}.status-meta{display:none}.event-pair{gap:10px}.detail-hero-grid{grid-template-columns:1fr}.info-row{align-items:flex-start;flex-direction:column;gap:4px;padding-block:12px}.info-row strong{text-align:left}}