:root{--panel:#141b15cc;--panel-solid:#161d17;--panel-border:#ece8d61a;--text:#eeeadb;--muted:#aab09c;--accent:#e8c26a;--accent-ink:#2a2110;--leaf:#93b77e;--warn:#f0b45a;--danger:#d9654b;--radius:14px;--gap:8px;--pad:10px;--btn:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;background:#0b1229;height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}#app{position:fixed;inset:0}#app canvas{touch-action:none;cursor:grab;display:block}#app canvas.dragging{cursor:grabbing}body.tool-food #app canvas{cursor:crosshair}#hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + var(--pad)) calc(env(safe-area-inset-right) + var(--pad)) calc(env(safe-area-inset-bottom) + var(--pad)) calc(env(safe-area-inset-left) + var(--pad));box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}#hud [hidden]{display:none!important}.panel{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:0 6px 22px #00000047}.hud-top{justify-content:space-between;align-items:flex-start;gap:var(--gap);display:flex}.clock{min-width:0;padding:8px 14px 10px}.clock-date{color:var(--muted);letter-spacing:.01em;white-space:nowrap;font-size:13px}.clock-row{white-space:nowrap;align-items:baseline;gap:12px;margin-top:2px;display:flex}.clock-time{letter-spacing:.02em;font-size:28px;font-weight:650;line-height:1.1}.clock-phase{color:var(--accent);align-self:center;align-items:center;gap:4px;font-size:14px;display:inline-flex}#hud[data-phase=night] .clock-phase{color:#b9c4ec}#hud[data-phase=twilight] .clock-phase{color:#f0a27a}.clock-phase svg,.stat-icon svg{width:18px;height:18px;display:block}.clock-temp{font-size:18px;font-weight:550}.stats{gap:4px;padding:6px 8px;display:flex}.stat{grid-template-columns:auto auto;grid-template-areas:"icon value""label label";align-items:center;column-gap:6px;min-width:64px;padding:2px 8px;display:grid}.stat+.stat{border-left:1px solid var(--panel-border)}.stat-icon{color:var(--leaf);grid-area:icon}.stat-value{white-space:nowrap;grid-area:value;font-size:18px;font-weight:600}.stat-label{color:var(--muted);white-space:nowrap;grid-area:label;font-size:11.5px}.error-banner{pointer-events:auto;margin-top:var(--gap);color:#ffe6de;background:#5c1c14eb;border-color:#ffa08c59;align-self:center;align-items:center;gap:8px;max-width:min(640px,100%);padding:6px 6px 6px 14px;font-size:14px;display:flex}.error-text{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere;flex:1}.loading{background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:15px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hud-bottom{align-items:center;gap:var(--gap);flex-direction:column;margin-top:auto;display:flex}.pills{justify-content:center;align-items:flex-end;gap:var(--gap);flex-wrap:wrap;display:flex}.pill{pointer-events:none;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:7px 14px;font-size:14px}.hint{color:var(--accent)}.speed-warn{color:var(--warn);border-color:#f0b45a66}.legend{min-width:220px;padding:7px 12px 6px}.legend-title{color:var(--muted);margin-bottom:4px;font-size:12.5px}.legend-bar{background-color:#3a2a1d;border-radius:5px;height:10px;box-shadow:inset 0 0 0 1px #ffffff14}.legend-scale{justify-content:space-between;margin-top:3px;font-size:12px;display:flex}.toolbar{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;max-width:100%;padding:5px;display:flex}.group{align-items:center;gap:2px;display:flex}.group+.group{border-left:1px solid var(--panel-border);margin-left:2px;padding-left:4px}.group-icon{color:var(--muted);padding:0 4px 0 6px;display:flex}.toolbar button,.icon-btn{pointer-events:auto;font:inherit;color:var(--text);min-width:var(--btn);min-height:var(--btn);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:15px;font-weight:560;transition:background-color .12s,color .12s;display:inline-flex}.toolbar button svg,.icon-btn svg{flex:none;width:20px;height:20px}.toolbar button:hover,.icon-btn:hover{background:#ffffff12}.toolbar button:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toolbar button[aria-pressed=true],.icon-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.toolbar button.tool[aria-pressed=true]{background:var(--leaf);color:#172312}.short{display:none}.ant-card{align-self:flex-start;min-width:240px;max-width:320px;padding:6px 6px 8px 12px}.card-head{align-items:center;gap:4px;display:flex}.card-title{flex:1;font-size:15px;font-weight:650}.ant-card .icon-btn{min-width:40px;min-height:40px;font-size:13.5px}.ant-card dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:2px 6px 0 0;font-size:14px;display:grid}.ant-card dt{color:var(--muted)}.ant-card dd{margin:0}@media (max-width:640px){:root{--pad:8px;--gap:6px}.clock{padding:6px 10px 8px}.clock-date{font-size:12px}.clock-row{gap:8px}.clock-time{font-size:24px}.clock-temp{font-size:16px}.clock-phase-label{display:none}.stats{grid-template-columns:18px auto auto;align-items:center;gap:1px 6px;padding:5px 10px;display:grid}.stat{display:contents}.stat-icon,.stat-value,.stat-label{grid-area:auto}.stat-value{text-align:right;font-size:14px}.stat-label{font-size:11px}.long{display:none}.short{display:inline}.toolbar{row-gap:4px;width:100%}.group+.group{border-left:0;margin-left:0;padding-left:0}.toolbar button{padding:0 8px;font-size:14px}.group-icon{display:none}.ant-card{align-self:stretch;max-width:none}}@media (max-width:380px){.toolbar button{min-width:42px;padding:0 6px}}@media (max-height:500px){:root{--pad:6px;--gap:6px}.clock{padding:4px 10px 6px}.clock-time{font-size:20px}.clock-date{font-size:11.5px}.stats{padding:3px 6px}.stat-value{font-size:15px}.stat-label{font-size:10.5px}.toolbar{flex-wrap:nowrap}.long{display:none}.short{display:inline}.group-icon{display:none}.ant-card{left:calc(env(safe-area-inset-left) + var(--pad));bottom:calc(env(safe-area-inset-bottom) + var(--pad) + 62px);position:absolute}}