:root{--black: #000;--white: #fff;--red: #e4001b;--yellow: #ffd500;--orange: #f26b0e;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--white);color:var(--black);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}.app{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--white)}.stage{position:relative;flex:1 1 auto;background:var(--black);overflow:hidden}.live{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.12)}.live.hidden{visibility:hidden}.live-overlay{position:absolute;inset:0;cursor:pointer}.flash{position:absolute;inset:0;background:var(--white);animation:flash .18s linear forwards}@keyframes flash{to{opacity:0}}.shot{position:absolute;inset:0}.shot-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hint{position:absolute;left:13px;top:calc(var(--safe-top) + 13px);max-width:calc(100% - 26px);padding:8px 13px 10px;background:var(--white);color:var(--black);pointer-events:none;animation:hint-in .25s ease-out}.hint b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}.hint span{display:block;margin-top:3px;max-width:21em;font-size:13px;line-height:1.3}.hint.error{background:var(--red);color:var(--white)}@keyframes hint-in{0%{transform:translateY(-8px);opacity:0}}.shutter{position:absolute;left:50%;bottom:21px;width:68px;height:68px;margin-left:-34px;pointer-events:none}.shutter svg{display:block}.shutter.ready svg circle:last-child{animation:ready-in .35s cubic-bezier(.3,1.6,.5,1);transform-origin:34px 34px}@keyframes ready-in{0%{transform:scale(.3)}}.shutter.waiting svg,.shutter.loading svg{opacity:.95}.shutter-spin{animation:spin 1s linear infinite;transform-origin:34px 34px}@keyframes spin{to{transform:rotate(360deg)}}.shutter-pct{position:absolute;inset:0;display:grid;place-items:center;color:var(--white);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.working{position:absolute;left:0;right:0;bottom:0;padding:13px;background:var(--black);color:var(--white);font-size:13px;font-weight:700;pointer-events:none}.working.error{background:var(--red)}.working-text{display:flex;justify-content:space-between;gap:13px;font-variant-numeric:tabular-nums}.working-bar{position:relative;height:3px;margin-top:8px;overflow:hidden}.working-fill{position:absolute;left:0;top:0;bottom:0;background:var(--red);transition:width .3s linear}.working-run{position:absolute;top:0;bottom:0;width:21%;background:var(--white);animation:run 1.2s linear infinite}@keyframes run{0%{transform:translate(-100%)}to{transform:translate(480%)}}.notice{position:absolute;left:0;right:0;top:var(--safe-top);padding:8px 13px;background:var(--black);color:var(--white);font-size:13px;font-weight:700}.panel{position:relative;flex:none;padding:8px 13px calc(var(--safe-bottom) + 8px);background:var(--white)}.panel-empty{display:flex;align-items:center;gap:13px;min-height:89px}.panel-empty b{font-size:34px;font-weight:700;letter-spacing:-.04em}.panel-empty span{max-width:21em;font-size:13px;line-height:1.3}.slider-head{display:flex;align-items:flex-end;justify-content:space-between;gap:13px}.slider-time{display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums}.clock{font-size:34px;font-weight:700;letter-spacing:-.04em;line-height:.9}.ampm{font-size:13px;font-weight:700}.weather{display:flex;flex-direction:column;align-items:flex-end;min-width:0;font-size:11px;font-weight:700;line-height:1.3;text-align:right}.weather-main{display:flex;align-items:center;gap:5px}.weather .temp{font-size:21px;letter-spacing:-.02em;line-height:1}.weather>span{font-weight:400;white-space:nowrap}.sky-icon{display:block}.slider{position:relative;height:44px;margin-top:5px;touch-action:none;cursor:pointer}.slider:focus-visible{outline:none}.slider-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.slider-line{position:absolute;left:0;right:0;height:2px;background:var(--black)}.slider-day{position:absolute;height:6px;background:var(--black)}.slider-cloud{position:absolute;top:36px;height:6px;margin-left:1px;outline:1px solid var(--black);outline-offset:-1px}.slider-cloud.half:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--black)}.slider-cloud.full{background:var(--black)}.slider-knob{position:absolute;top:0;width:3px;height:44px;margin-left:-1.5px;background:var(--red)}.slider-sun{position:absolute;width:13px;height:13px;margin:-6.5px 0 0 -6.5px;border-radius:50%;background:var(--red)}.slider-ends{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.legend{display:flex;align-items:center;gap:4px;font-weight:400}.legend.off{visibility:hidden}.key{display:inline-block;width:8px;height:8px;margin-left:5px}.key.photo{background:var(--red)}.key.map{background:var(--yellow)}.key.both{background:var(--orange)}.intro{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto 1.618fr auto;padding:calc(var(--safe-top) + 34px) 21px calc(var(--safe-bottom) + 34px);background:var(--white);color:var(--black);cursor:pointer}.intro-mark{width:89px;height:55px}.intro-title{grid-row:3}.intro h1{margin:0;font-size:min(89px,21vw);font-weight:700;letter-spacing:-.045em;line-height:.88}.intro p{margin:21px 0 0;max-width:21em;font-size:17px;line-height:1.3}.intro-tap{grid-row:5;justify-self:start;padding-bottom:5px;border-bottom:3px solid var(--red);font-size:21px;font-weight:700}