:root{font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;color:#162230;background:radial-gradient(circle at top left,rgba(214,171,74,.2),transparent 24%),radial-gradient(circle at bottom right,rgba(55,88,125,.18),transparent 26%),linear-gradient(180deg,#f7f1e6,#fbf8f1 48%,#f0e4cd);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,summary{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;overflow-x:clip}.aurora{position:fixed;z-index:0;width:24rem;height:24rem;border-radius:999px;filter:blur(32px);opacity:.34}.aurora-left{top:-10rem;left:-8rem;background:#efcb7f}.aurora-right{right:-10rem;bottom:-10rem;background:#90aec5}.app{position:relative;z-index:1;width:min(100%,62rem);margin:0 auto;padding:1rem;display:grid;gap:.9rem}.hero,.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffbf5d1;border:1px solid rgba(22,34,48,.08);box-shadow:0 18px 42px #26354b14}.hero{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-radius:1.4rem;margin-top:max(.9rem,env(safe-area-inset-top));align-items:start}.hero h1,.panel h2,.panel h3,p{margin-top:0}.eyebrow{margin:0 0 .3rem;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#906421}.tagline{margin:.4rem 0 0;max-width:32rem;color:#506274}.language-switch,.field{display:grid;gap:.35rem}.language-switch select,.field input{border:1px solid rgba(22,34,48,.14);border-radius:.9rem;background:#ffffffeb;padding:.78rem .9rem}.panel{border-radius:1.5rem;padding:1rem}.hero-card{padding:1.1rem;background:radial-gradient(circle at top right,rgba(214,171,74,.18),transparent 28%),linear-gradient(180deg,#fffdf8f2,#f8f2e5e6)}.hero-meta,.panel-header,.search-row,.current-top{display:flex;justify-content:space-between;gap:.85rem;align-items:center}.location-compact{display:grid;gap:.15rem}.location-label,.small,.muted{color:#596d80}.location-label,.small{font-size:.88rem}.hero-main{align-items:end;margin-top:1.15rem}.hero-copy h2{margin:0;font-size:clamp(2.6rem,12vw,5.4rem);line-height:.96;letter-spacing:-.04em}.eyebrow-line{margin-bottom:.45rem}.hero-subline{margin:.8rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem;align-items:baseline;font-size:.95rem}.hero-subline strong{font-size:clamp(1.8rem,8vw,3.8rem);color:#162230;line-height:1}.countdown-block{min-width:min(100%,12rem);display:grid;gap:.35rem;padding:1rem 1.05rem;border-radius:1.25rem;background:#1f3652;color:#fdfbf4;box-shadow:inset 0 1px #ffffff14}.countdown-block span{color:#fdfbf4b8}.countdown-block strong{font-size:clamp(1.6rem,7vw,2.8rem);line-height:1}.hero-support-grid,.details-grid,.coords-grid{display:grid;gap:.75rem}.hero-support-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:1rem 0 .5rem}.stat,.detail-stat{display:grid;gap:.3rem;padding:.95rem 1rem;border-radius:1rem;background:#ffffffad;border:1px solid rgba(22,34,48,.08)}.stat strong,.detail-stat strong{font-size:1.1rem}.button-primary,.button-secondary,.result-item{border-radius:999px;border:0;min-height:2.8rem;padding:.8rem 1rem}.button-primary{background:#1f3652;color:#fff}.button-secondary{background:#e9dbbde6;color:#47351a}.subtle-button{background:#ffffffbd;border:1px solid rgba(22,34,48,.08)}.banner{margin:0;border-radius:1rem;padding:.85rem 1rem}.banner.warning{background:#fff0cf}.banner.error{background:#ffe1dc}.banner.info{background:#ddebfb}.timeline-panel{padding-top:1.1rem}.timeline-header{align-items:start}.timeline-header p{margin:.3rem 0 0}.timeline-legend{display:flex;gap:.45rem;flex-wrap:wrap}.legend-chip{border-radius:999px;padding:.45rem .7rem;font-size:.82rem}.day-chip{background:#f1c35752}.night-chip{background:#5975a029}.visual-timeline{display:grid;gap:.9rem;margin-top:.8rem}.timeline-track{position:relative;display:flex;align-items:stretch;min-height:4.5rem;border-radius:1.4rem;overflow:hidden;background:#ffffff94;border:1px solid rgba(22,34,48,.08)}.segment-block{position:relative;min-width:1.4rem;display:flex;align-items:end;justify-content:center;padding:.65rem .2rem;border-right:1px solid rgba(255,255,255,.5);color:#162230b3;font-size:.72rem;font-weight:700}.segment-block.day{background:linear-gradient(180deg,#f7d98c,#efc460)}.segment-block.night{background:linear-gradient(180deg,#6882a8,#304a6d);color:#fffbf5cc}.segment-block.is-current{z-index:1;box-shadow:inset 0 0 0 2px #fffbf5d9,inset 0 0 0 4px #d97706}.timeline-marker{position:absolute;top:-.1rem;bottom:-.1rem;width:0;pointer-events:none}.timeline-marker:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;top:0;bottom:0;background:#16223059}.timeline-marker span{position:absolute;left:50%;transform:translate(-50%,-115%);white-space:nowrap;font-size:.72rem;background:#ffffffeb;padding:.2rem .45rem;border-radius:999px}.now-marker:before{width:4px;background:#d97706}.now-marker span{background:#d97706;color:#fff8ef}.marker-label-row{position:relative;min-height:3rem}.marker-label-row span{position:absolute;transform:translate(-50%);font-size:.82rem;white-space:nowrap;color:#526578}.marker-label-row .now-readout{top:1.3rem;font-weight:700;color:#8f4b00}.timeline-current-readout{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem 1rem;border-radius:1rem;background:#ffffffa3;border:1px solid rgba(22,34,48,.08)}.location-disclosure summary,.details-panel summary{list-style:none;cursor:pointer;font-weight:700}.location-disclosure summary::-webkit-details-marker,.details-panel summary::-webkit-details-marker{display:none}.location-disclosure summary,.details-panel summary{display:flex;justify-content:space-between;align-items:center}.location-disclosure summary:after,.details-panel summary:after{content:"+";font-size:1.25rem;color:#6d5a39}.location-disclosure[open] summary:after,.details-panel[open] summary:after{content:"−"}.location-picker-body{display:grid;gap:.9rem;padding-top:1rem}.grow{flex:1}.result-list{display:grid;gap:.7rem}.result-item{display:flex;justify-content:space-between;text-align:left;background:#ffffffd1;border:1px solid rgba(22,34,48,.08)}.coords-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-card{display:grid;gap:.2rem;padding:.9rem;border-radius:1rem;background:#ffffffad;border:1px solid rgba(22,34,48,.08)}.details-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1rem 0 1.2rem}.segment-table-wrap h3{margin-bottom:.75rem}.segment-table{width:100%;border-collapse:collapse;font-size:.94rem}.segment-table th,.segment-table td{padding:.8rem .4rem;text-align:left;border-bottom:1px solid rgba(22,34,48,.08)}.segment-table tbody tr.is-current{background:#f1c3572e}.info-panel p:last-child{margin-bottom:0}.error{color:#aa2e25}.tall.center{min-height:12rem;display:grid;place-items:center}@media(max-width:720px){.hero,.hero-meta,.hero-main,.panel-header,.search-row,.timeline-current-readout,.result-item{flex-direction:column;align-items:stretch}.hero-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coords-grid{grid-template-columns:1fr}.timeline-track{min-height:5.4rem}.segment-block{align-items:center;padding-top:1.6rem;padding-bottom:.55rem}.timeline-marker span{transform:translate(-50%,-95%)}.marker-label-row{min-height:4rem}.marker-label-row span{font-size:.75rem}}@media(max-width:480px){.app{padding:.85rem}.hero-support-grid{grid-template-columns:1fr}.hero-copy h2{font-size:clamp(2.4rem,15vw,4rem)}.hero-subline strong,.countdown-block strong{font-size:clamp(1.55rem,10vw,2.5rem)}.timeline-track{min-height:5.8rem}}.timeline-plot{position:relative;padding-top:1.85rem;padding-bottom:2.4rem}.timeline-plot .timeline-track{width:100%}.timeline-plot .timeline-marker{top:1.85rem;bottom:2.4rem}.timeline-marker-label{position:absolute;max-width:min(34vw,9rem);white-space:normal;line-height:1.2;font-size:.74rem;background:#fffffff0;padding:.3rem .45rem;border-radius:.75rem;box-shadow:0 4px 12px #16223014}.timeline-marker-label.top{bottom:calc(100% + .45rem)}.timeline-marker-label.bottom{top:calc(100% + .55rem)}.timeline-marker-label[data-anchor=center]{left:50%;transform:translate(-50%);text-align:center}.timeline-marker-label[data-anchor=start]{left:.4rem;transform:none;text-align:left}.timeline-marker-label[data-anchor=end]{right:.4rem;left:auto;transform:none;text-align:right}.timeline-marker.sunrise-marker:before,.timeline-marker.sunset-marker:before{top:.15rem}.timeline-marker.now-marker:before{top:-.1rem}.location-picker-header{align-items:start}.location-primary-button{flex-shrink:0}@media(max-width:720px){.timeline-plot{padding-top:2rem;padding-bottom:3.1rem}.timeline-plot .timeline-marker{top:2rem;bottom:3.1rem}.timeline-marker-label{max-width:min(40vw,8.5rem);font-size:.7rem}.location-primary-button{width:100%}}@media(max-width:430px){.timeline-plot{padding-top:2.2rem;padding-bottom:3.5rem}.timeline-plot .timeline-marker{top:2.2rem;bottom:3.5rem}.timeline-marker-label{max-width:7.25rem;font-size:.68rem}.timeline-marker-label.top{bottom:calc(100% + .35rem)}.timeline-marker-label.bottom{top:calc(100% + .45rem)}}