:root{--black: #050506;--white: #f2f2f0;--gray: #8c8c8f;--panel: #0e0e0f;--alert: #e5322d;--line: rgba(242, 242, 240, .16);--line-strong: rgba(242, 242, 240, .55);--sans: "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--num: "Barlow Condensed", "IBM Plex Sans JP", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--black);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--white);outline-offset:3px}.app{position:relative;height:100%;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.sky-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.gear{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:18px;z-index:3;font-size:12px;font-weight:600;color:var(--gray);padding:8px 4px}.gear:hover{color:var(--white)}.screen{position:relative;z-index:2;height:calc(100% - 60px);overflow-y:auto;padding:0 24px}.status-bar{display:flex;align-items:center;gap:10px;width:100%;padding:0 0 10px;border-bottom:1px solid var(--line-strong);font-size:14px;font-weight:700}.status-spacer{flex:1}.status-date{margin-right:52px;font-size:12px;font-weight:400;color:var(--gray)}.led{width:8px;height:8px;border-radius:50%;background:var(--white)}.led.alert{background:var(--alert)}.sky-body{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:52px 0 24px;max-width:460px;margin:0 auto}.dial-wrap{width:min(80vw,340px);aspect-ratio:1;margin:22px 0 10px}.dial-canvas{width:100%;height:100%;display:block}.sky-line{margin:8px 0 0;width:100%;font-size:18px;font-weight:700;line-height:1.6}.sky-stale{margin:4px 0 0;width:100%;font-size:12px;font-weight:600;color:var(--alert)}.readouts{width:100%;margin:16px 0 0;border-top:1px solid var(--line-strong)}.readout{display:grid;grid-template-columns:56px minmax(96px,auto) 1fr;align-items:baseline;column-gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.readout dt{font-size:12px;font-weight:600;color:var(--gray)}.readout dd{margin:0}.readout-value{font-family:var(--num);font-weight:300;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.readout-unit{margin-left:4px;font-family:var(--sans);font-size:12px;font-weight:400;color:var(--gray)}.readout-note{font-size:13px;color:var(--gray);text-align:right}.readout.alert .readout-value,.readout.alert .readout-unit{color:var(--alert)}.diary-body{max-width:460px;margin:0 auto;padding:52px 0 24px}.diary-title{margin:20px 0 6px;font-size:22px;font-weight:700}.diary-note{margin:0 0 14px;font-size:15px;font-weight:600}.diary-list{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid var(--line-strong)}.diary-row{display:grid;grid-template-columns:30px 44px 1fr 38px 10px;align-items:center;gap:10px;height:30px;border-bottom:1px solid var(--line)}.diary-no,.diary-date,.diary-temp{font-family:var(--num);font-size:15px;font-variant-numeric:tabular-nums;color:var(--gray)}.diary-temp{text-align:right;color:var(--white)}.diary-band{height:8px;border:1px solid var(--line)}.diary-flag{width:7px;height:7px;border-radius:50%}.diary-flag.on{background:var(--alert)}.tabs{position:absolute;z-index:3;left:0;right:0;bottom:env(safe-area-inset-bottom);height:60px;display:flex;justify-content:center;align-items:stretch;border-top:1px solid var(--line-strong);background:var(--black)}.tab{flex:1;max-width:230px;font-size:14px;font-weight:600;color:var(--gray);border-top:3px solid transparent;margin-top:-1px}.tab.on{color:var(--white);border-top-color:var(--white)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#050506bf;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;background:var(--panel);border-top:2px solid var(--white);padding:22px 24px calc(22px + env(safe-area-inset-bottom))}.sheet-title{margin:0 0 4px;font-size:18px;font-weight:700}.field-label{margin:20px 0 8px;font-size:12px;font-weight:600;color:var(--gray)}.field{width:100%;font:inherit;font-size:16px;color:var(--white);background:var(--black);border:1px solid var(--line-strong);padding:10px 12px}.field::placeholder{color:var(--gray)}.field-note{margin:8px 0 0;font-size:12px;color:var(--alert)}.hit-list{list-style:none;margin:0;padding:0}.hit{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid var(--line)}.hit-sub{margin-left:10px;font-size:12px;color:var(--gray)}.link-btn{margin-top:12px;font-size:13px;font-weight:600;padding:8px 0;border-bottom:1px solid var(--white)}.segment{display:flex;gap:8px}.seg{flex:1;padding:12px 0;font-size:14px;border:1px solid var(--line-strong);color:var(--gray)}.seg.on{background:var(--white);border-color:var(--white);color:var(--black);font-weight:700}.close{display:block;margin:22px 0 0 auto;font-size:13px;font-weight:600;color:var(--gray);padding:8px 0}.guide{margin-top:22px;width:100%;padding:14px 0 0;border-top:1px solid var(--line-strong)}.guide-title{margin:0 0 8px;font-size:14px;font-weight:700}.guide-steps{list-style:none;margin:0;padding:0;font-size:14px;line-height:2;color:var(--gray)}.step-no{display:inline-block;width:22px;font-family:var(--num);font-size:18px;color:var(--white)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}