:root{--bg: #000000;--card: #1c1c1e;--text: #ffffff;--text2: rgba(235, 235, 245, .6);--text3: rgba(235, 235, 245, .3);--sep: rgba(84, 84, 88, .55);--fill: #2c2c2e;--red: #ff453a;--blue: #0a84ff;--cyan: #64d2ff;--green: #30d158;--cloud: #f2f2f7;--cloud-dark: #aeaeb2;--bar-from: #64d2ff;--bar-to: #ff9f0a}body.theme-light{--bg: #f2f2f7;--card: #ffffff;--text: #000000;--text2: rgba(60, 60, 67, .6);--text3: rgba(60, 60, 67, .3);--sep: rgba(60, 60, 67, .2);--fill: #e5e5ea;--red: #ff3b30;--blue: #007aff;--cyan: #32ade6;--green: #34c759;--cloud: #c7c7cc;--cloud-dark: #8e8e93}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans CJK JP,Roboto,Segoe UI,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}#stage{position:fixed;inset:0;display:flex;padding:4vmin;transition:transform 3s ease}.pane{display:flex;flex-direction:column;min-width:0;min-height:0}.pane-main{flex:1 1 auto;margin-right:3vmin}.pane-side{flex:0 0 38%}.card{background:var(--card);border-radius:3vmin;padding:2.6vmin 3vmin}.card-label{font-size:1.9vmin;font-weight:600;color:var(--text2);margin-bottom:1vmin}.clock-area{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:0 1vmin 3vmin}.clock{white-space:nowrap;line-height:1;letter-spacing:-.02em}.clock-hm{font-size:25vmin;font-weight:300}.clock-sec{font-size:6vmin;font-weight:400;color:var(--text2);margin-left:1.5vmin;letter-spacing:0}.clock-ampm{font-size:5vmin;font-weight:500;color:var(--text2);margin-right:1.5vmin;letter-spacing:0}body.no-seconds .clock-sec{display:none}.date{font-size:4.6vmin;font-weight:500;margin-top:1.4vmin;padding-left:.6vmin}.holiday{font-size:3vmin;font-weight:500;color:var(--red);margin-top:.8vmin;padding-left:.6vmin;min-height:3.6vmin}.weather{flex:0 0 auto}.weather-msg{font-size:2.4vmin;color:var(--text2);padding:4vmin 0;text-align:center}.wx-top{display:flex;align-items:center}.wx-icon{width:11vmin;height:11vmin;flex:0 0 auto}.wx-temp{font-size:10vmin;font-weight:200;line-height:1;margin:0 2.4vmin 0 1.6vmin;white-space:nowrap}.wx-info{flex:1 1 auto;min-width:0}.wx-desc{font-size:3.2vmin;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-sub{display:flex;font-size:2.2vmin;color:var(--text2);margin-top:.6vmin;white-space:nowrap}.wx-loc{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;margin-right:1.2vmin}.wx-hilo{flex:0 0 auto}.wx-updated{align-self:flex-start;font-size:1.7vmin;color:var(--text3);white-space:nowrap;margin-left:1vmin}.wx-details{display:flex;margin-top:2vmin;padding-top:1.6vmin;border-top:1px solid var(--sep)}.wx-detail{flex:1 1 0;min-width:0;text-align:center}.wx-detail-label{font-size:1.7vmin;color:var(--text2);white-space:nowrap}.wx-detail-value{font-size:2.6vmin;font-weight:500;margin-top:.4vmin;white-space:nowrap}.wx-hourly{display:flex;margin-top:1.6vmin;padding-top:1.6vmin;border-top:1px solid var(--sep)}.wx-hour{flex:1 1 0;min-width:0;text-align:center}.wx-hour-time{font-size:2vmin;color:var(--text2)}.wx-hour .wx-icon-s{width:6vmin;height:6vmin;display:block;margin:.6vmin auto 0}.wx-hour-pop{font-size:1.6vmin;color:var(--cyan);height:2vmin;line-height:2vmin;font-weight:600}.wx-hour-temp{font-size:2.6vmin;font-weight:500}.calendar{flex:0 0 auto;margin-bottom:3vmin}.cal-title{font-size:3vmin;font-weight:700;color:var(--red);margin-bottom:1vmin;padding-left:.4vmin}.cal-table{width:100%;border-collapse:collapse;table-layout:fixed}.cal-table th{font-size:1.8vmin;font-weight:600;color:var(--text2);padding-bottom:.8vmin}.cal-table td{text-align:center;height:5vmin;padding:0;font-size:2.4vmin;font-weight:500}.cal-table th.sun,.cal-table td.sun,.cal-table td.holiday{color:var(--red)}.cal-table th.sat,.cal-table td.sat{color:var(--blue)}.cal-table td.past{opacity:.45}.cal-day{display:inline-block;width:4.4vmin;height:4.4vmin;line-height:4.4vmin;border-radius:50%}.cal-table td.today .cal-day{background:var(--red);color:#fff;font-weight:700}.cal-next{font-size:1.9vmin;color:var(--text2);margin-top:1.2vmin;padding-top:1.2vmin;border-top:1px solid var(--sep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-next b{color:var(--text);font-weight:600}.weekly{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.weekly-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.wk-row{flex:1 1 0;min-height:0;display:flex;align-items:center;border-top:1px solid var(--sep);font-size:2.3vmin;overflow:hidden}.wk-row:first-child{border-top:none}.wk-day{width:6vmin;flex:0 0 auto;font-weight:600}.wk-day.sun{color:var(--red)}.wk-day.sat{color:var(--blue)}.wk-row .wx-icon-s{width:4.4vmin;height:4.4vmin;flex:0 0 auto}.wk-pop{width:5.6vmin;flex:0 0 auto;font-size:1.7vmin;color:var(--cyan);font-weight:600;text-align:center}.wk-min,.wk-max{width:5vmin;flex:0 0 auto;text-align:right}.wk-min{color:var(--text2)}.wk-bar{flex:1 1 auto;height:.8vmin;margin:0 1.4vmin;border-radius:.4vmin;background:var(--fill);position:relative}.wk-bar span{position:absolute;top:0;bottom:0;border-radius:.4vmin;background:linear-gradient(to right,var(--bar-from),var(--bar-to))}.toolbar{position:fixed;top:2vmin;right:2vmin;display:flex;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:20}body.ui-visible .toolbar{opacity:1;pointer-events:auto}.tool-btn{width:7vmin;height:7vmin;min-width:44px;min-height:44px;margin-left:1.5vmin;border:none;border-radius:50%;background:#7878805c;color:var(--text);padding:0;display:flex;align-items:center;justify-content:center}.tool-btn svg{width:50%;height:50%}body.pwa #btn-fullscreen{display:none}#dim{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 2s ease;z-index:10}body.night #dim{opacity:.6}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.modal[hidden]{display:none}.sheet{width:100%;max-width:540px;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);border-radius:14px;padding:8px 16px 16px;font-size:16px;-webkit-user-select:text;user-select:text}body:not(.theme-light) .sheet{background:#111113}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.sheet-head h2{margin:0;font-size:20px;font-weight:700}.group-title{font-size:13px;color:var(--text2);margin:16px 0 6px 16px}.group{background:var(--card);border-radius:10px;overflow:hidden}.row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:6px 16px;border-top:1px solid var(--sep)}.group>.row:first-child{border-top:none}.row .value{color:var(--text2);text-align:right;margin-left:12px}.row .nowrap{flex:0 0 auto;white-space:nowrap}.row input[type=text]{flex:1 1 auto;min-width:0;border:none;background:var(--fill);border-radius:8px;padding:8px 10px;margin-right:8px;outline:none}.row select{border:none;background:var(--fill);border-radius:8px;padding:6px 8px}.link-btn{border:none;background:none;color:var(--blue);padding:4px 0;font-size:17px}.pill-btn{border:none;background:var(--blue);color:#fff;border-radius:8px;padding:8px 14px;font-weight:600}.loc-item{display:block;width:100%;text-align:left;border:none;border-top:1px solid var(--sep);background:none;padding:10px 16px}.loc-item small{color:var(--text2);margin-left:6px}.loc-msg{padding:10px 16px;color:var(--text2);border-top:1px solid var(--sep);font-size:14px}.switch{-webkit-appearance:none;appearance:none;position:relative;flex:0 0 auto;width:51px;height:31px;margin:0 0 0 12px;border-radius:16px;background:var(--fill);transition:background .2s ease;outline:none;cursor:pointer}.switch:before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .2s ease}.switch:checked{background:var(--green)}.switch:checked:before{transform:translate(20px)}.sheet-foot{font-size:12px;color:var(--text3);text-align:center;margin:16px 0 0}.sheet-foot.copyright{margin-top:8px}@media(orientation:portrait){#stage{flex-direction:column}.pane-main{flex:1 1 auto;margin-right:0;margin-bottom:3vmin}.pane-side{flex:0 0 auto;flex-direction:row}.clock-hm{font-size:27vmin}.calendar{flex:1 1 50%;min-width:0;margin-bottom:0;margin-right:3vmin}.weekly{flex:1 1 50%;min-width:0}.cal-next{white-space:normal}}