@font-face{font-family:BarlowCondensed;src:url('/lumina-la-sase/assets/BarlowCondensed.6553a31e71bb.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:SourceSerif;src:url('/lumina-la-sase/assets/SourceSerif.a0cd390d0172.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PlexSans;src:url('/lumina-la-sase/assets/PlexSans.ae1d854fefa1.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--night:#11172a;--deep:#293b67;--nautical:#4c5d84;--civil:#9a7594;--sun:#ffd97a;--ember:#f05a45;--paper:#f7f0df;--ink:#181725;--line:rgba(24,23,37,.18);--display:BarlowCondensed,Impact,sans-serif;--body:SourceSerif,Georgia,serif;--utility:PlexSans,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.45}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}button,input{font:inherit}button{cursor:pointer}.skip{position:fixed;left:12px;top:12px;z-index:50;padding:.6rem .9rem;background:var(--paper);border:2px solid var(--ink);transform:translateY(-160%)}.skip:focus{transform:none}main{min-height:100vh}.masthead{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,64px);border-bottom:1px solid var(--line);font-family:var(--utility);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;text-decoration:none}.mast-meta{display:flex;gap:24px;align-items:center}.language{padding:.45rem .55rem;border:1px solid currentColor;text-decoration:none}.opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:clamp(24px,5vw,90px);align-items:end;padding:clamp(38px,7vh,78px) clamp(20px,4vw,64px) 28px}.eyebrow{margin:0;font-family:var(--utility);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.opening .eyebrow{grid-column:1/-1}.opening h1{margin:0;max-width:900px;font-family:var(--display);font-size:clamp(5.1rem,13.4vw,13.5rem);line-height:.73;letter-spacing:-.045em;text-transform:uppercase}.deck{margin:0 0 .45rem;max-width:31rem;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.25}.result{padding:18px clamp(20px,4vw,64px) 34px}.result p{margin:0;max-width:1240px;font-family:var(--display);font-size:clamp(2rem,5vw,5.7rem);line-height:.94;text-transform:uppercase}.result p:focus{outline:3px solid var(--ember);outline-offset:6px}.sky-stage{position:relative;background:var(--night);color:var(--paper);padding:0 clamp(10px,3vw,44px) 22px;overflow:hidden}.sky-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 16%,rgba(255,217,122,.12),transparent 34%);pointer-events:none}.sky-stage svg{position:relative;display:block;width:100%;height:auto;max-height:64vh;min-height:330px}.sky-backdrop{fill:var(--night)}.horizon-line{stroke:rgba(255,255,255,.8);stroke-width:1.4}.sun-dot{fill:var(--sun)}.sun-dot.below{fill:rgba(247,240,223,.52)}.month-tick line{stroke:rgba(247,240,223,.25)}.month-tick text,.horizon-label{fill:rgba(247,240,223,.66);font-family:var(--utility);font-size:16px;text-transform:uppercase}.day-marker line{stroke:var(--ember);stroke-width:2}.day-marker path{fill:var(--ember)}.day-marker text{fill:var(--paper);font-family:var(--utility);font-size:14px}.day-readout{position:absolute;left:clamp(20px,5vw,80px);top:24px;display:grid;width:min(250px,42vw);padding:14px 16px;border:1px solid rgba(255,255,255,.3);background:rgba(17,23,42,.76);backdrop-filter:blur(8px);font-family:var(--utility)}.day-readout>span:first-child,.day-readout small{font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:rgba(247,240,223,.65)}.day-readout strong{font-family:var(--display);font-size:2.25rem;line-height:1;text-transform:uppercase}.day-readout>span:nth-child(3){font-size:.82rem}.visual-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.timezone-note{position:relative;margin:2px 0 0;font-family:var(--utility);font-size:.68rem;color:rgba(247,240,223,.62)}.controls{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(260px,.75fr) minmax(280px,1fr);gap:clamp(24px,4vw,60px);padding:30px clamp(20px,4vw,64px) 38px;border-bottom:1px solid var(--line);font-family:var(--utility)}.city-search label,.time-control>span,.legend-title{display:block;margin-bottom:10px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.city-search>div:first-of-type{display:flex}.city-search input{min-width:0;flex:1;padding:.75rem .85rem;border:1px solid var(--ink);border-radius:0;background:transparent;color:var(--ink)}.city-search>div button{padding:.75rem 1rem;border:1px solid var(--ink);border-left:0;background:var(--ink);color:var(--paper);font-family:var(--utility)}.city-search small{display:block;margin-top:8px;font-size:.62rem;color:rgba(24,23,37,.58)}.search-status{min-height:1.5em;margin-top:7px;font-size:.75rem}.search-results{position:absolute;z-index:15;width:min(520px,calc(100vw - 40px));margin:2px 0 0;padding:0;background:var(--paper);border:1px solid var(--ink);list-style:none;box-shadow:0 16px 40px rgba(17,23,42,.18)}.search-results:empty{display:none}.search-results button{display:grid;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.search-results button:hover,.search-results button:focus-visible{background:var(--sun)}.search-results strong{font-size:.86rem}.search-results span{font-size:.62rem;color:rgba(24,23,37,.64)}.time-control{display:grid;grid-template-columns:1fr auto;align-content:start}.time-control output{font-family:var(--display);font-size:3.4rem;line-height:.8}.time-control input{grid-column:1/-1;width:100%;margin-top:24px;accent-color:var(--ember)}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;align-content:start;font-size:.66rem}.legend-title{grid-column:1/-1}.legend>span:not(.legend-title){display:flex;gap:7px;align-items:center}.swatch{display:inline-block;width:18px;height:9px}.state-night{background:var(--night)}.state-astronomical{background:var(--deep)}.state-nautical{background:var(--nautical)}.state-civil{background:var(--civil)}.state-daylight{background:var(--sun);border:1px solid rgba(24,23,37,.15)}.method{border-bottom:1px solid var(--line)}.method summary{display:flex;justify-content:space-between;align-items:center;padding:26px clamp(20px,4vw,64px);font-family:var(--display);font-size:clamp(1.8rem,4vw,3.5rem);text-transform:uppercase;cursor:pointer;list-style:none}.method summary::-webkit-details-marker{display:none}.method[open] summary span{transform:rotate(45deg)}.method-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1fr);gap:clamp(30px,7vw,110px);padding:10px clamp(20px,4vw,64px) 60px}.method-body h2{margin:.4rem 0;font-family:var(--display);font-size:clamp(2.7rem,6vw,6rem);line-height:.9;text-transform:uppercase}.method-body p{max-width:43rem}.method-body ol{margin:0;padding:0;list-style:none}.method-body li+li{border-top:1px solid var(--line)}.method-body li a{display:grid;gap:5px;padding:18px 0;text-decoration:none}.method-body li span,.method-body li small{font-family:var(--utility);font-size:.66rem}.method-body li strong{font-family:var(--body);font-size:1.2rem}.updated{font-family:var(--utility);font-size:.68rem;color:rgba(24,23,37,.62)}.no-js{margin:0;padding:16px clamp(20px,4vw,64px);background:var(--sun);font-family:var(--utility);font-size:.76rem}footer{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:24px clamp(20px,4vw,64px);font-family:var(--utility);font-size:.7rem;text-transform:uppercase}footer p{margin:0}.top-link.enhanced{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:20;display:none;place-items:center;width:48px;height:48px;background:var(--ember);color:white;text-decoration:none}.top-link.enhanced span{position:absolute;width:1px;height:1px;overflow:hidden}.top-link.enhanced.visible{display:grid}:focus-visible{outline:3px solid var(--ember);outline-offset:3px}@media (max-width:900px){.opening{grid-template-columns:1fr}.opening h1{font-size:clamp(5rem,20vw,9rem)}.deck{max-width:37rem}.controls{grid-template-columns:1fr 1fr}.legend{grid-column:1/-1}.method-body{grid-template-columns:1fr}.sky-stage svg{min-height:290px}.day-readout{top:14px}.result p{font-size:clamp(2.4rem,8vw,4.8rem)}}@media (max-width:560px){body{font-size:16px}.masthead{padding:14px 18px}.mast-meta>span{display:none}.opening{padding:34px 18px 18px}.opening h1{font-size:clamp(4.8rem,24vw,7.2rem);line-height:.75}.result{padding:12px 18px 22px}.sky-stage{padding:0 0 16px}.sky-stage svg{width:155%;max-width:none;transform:translateX(-17%);min-height:315px}.day-readout{left:14px;top:12px;width:52vw;padding:10px 12px}.day-readout strong{font-size:1.65rem}.timezone-note{padding:0 16px}.controls{grid-template-columns:1fr;padding:24px 18px}.legend{grid-column:auto}.method summary{padding:22px 18px}.method-body{padding:8px 18px 45px}footer{grid-template-columns:1fr auto;padding:20px 18px}footer p{grid-column:1/-1;grid-row:2}.top-link:not(.enhanced){grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media (min-width: 901px) {
  .opening {
    padding: clamp(32px, 5vh, 52px) clamp(20px, 4vw, 64px) 22px;
  }

  .opening h1 {
    font-size: clamp(5rem, 10.8vw, 10.8rem);
    line-height: .74;
  }

  .result {
    padding: 12px clamp(20px, 4vw, 64px) 24px;
  }

  .result p {
    font-size: clamp(2rem, 3.35vw, 4rem);
  }
}

.sun-dot.above {
  fill: var(--night);
}