:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--card-border-width: 1px;--f-clock-xl: 68px;--f-clock-lg: 48px;--f-h1: 22px;--f-h2: 16px;--f-body: 14px;--f-meta: 13px;--f-aux: 12px;--z-content: 1;--z-widget-menu: 20;--z-drawer: 60;--z-modal: 70;--z-toast: 80;--z-tip: 90;--t-fast: .12s;--t-base: .2s;--t-slow: .32s;--ease: cubic-bezier(.2, .8, .24, 1);--font: -apple-system, "SF Pro Text", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--nav-w: 160px;--nav-w-folded: 56px;--grid-gap: 16px;--cell-w: 100px;--cell-h: 104px;--cols: 12;--panel-blur: 20px;--panel-saturate: 170%;--blur: 20px;--hover-transform: none;--active-transform: none}:root[data-theme=light]{--text-1: #14161a;--text-2: #4e545e;--text-3: #858c97;--text-inv: #ffffff;--surface-0: transparent;--surface-1: rgba(255, 255, 255, .16);--surface-2: rgba(255, 255, 255, .22);--surface-3: rgba(255, 255, 255, .86);--hair: rgba(20, 22, 26, .1);--hair-strong: rgba(20, 22, 26, .18);--accent: #1f7a5c;--accent-soft: rgba(31, 122, 92, .12);--lime: #6fae2e;--danger: #c8324a;--danger-soft: rgba(200, 50, 74, .1);--warn: #a5680c;--warn-soft: rgba(165, 104, 12, .12);--scrim: rgba(20, 22, 26, .42);--shadow-1: 0 1px 2px rgba(20, 22, 26, .06), 0 4px 16px rgba(20, 22, 26, .06);--shadow-2: 0 8px 28px rgba(20, 22, 26, .14);--surface-veil: #ffffff;--veil: 32;--text-shadow: 0 1px 2px rgba(255, 255, 255, .35)}:root[data-theme=dark]{--text-1: #f3f5f8;--text-2: #b3bac6;--text-3: #828a97;--text-inv: #0e1013;--surface-1: rgba(20, 23, 28, .18);--surface-2: rgba(24, 27, 33, .26);--surface-3: rgba(30, 34, 41, .9);--hair: rgba(255, 255, 255, .12);--hair-strong: rgba(255, 255, 255, .2);--accent: #6fd3a8;--accent-soft: rgba(111, 211, 168, .16);--lime: #a3d75e;--danger: #ff8fa3;--danger-soft: rgba(255, 143, 163, .14);--warn: #f0b429;--warn-soft: rgba(240, 180, 41, .14);--scrim: rgba(6, 8, 11, .6);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 18px rgba(0, 0, 0, .24);--shadow-2: 0 10px 34px rgba(0, 0, 0, .44);--surface-veil: #0b0d10;--veil: 32;--text-shadow: 0 1px 2px rgba(0, 0, 0, .35)}:root[data-theme=ghibli]{--text-1: #3a3226;--text-2: #5a4f42;--text-3: #8a7a6a;--text-inv: #fbf7ee;--surface-0: linear-gradient(180deg, #dceef5 0%, #eaf3e3 46%, #f4e4bc 100%);--surface-1: #f4e4bcf2;--surface-2: #faf5ebfa;--surface-3: #fffdf8;--hair: rgba(124, 185, 168, .4);--hair-strong: rgba(124, 185, 168, .6);--accent: #2f6b58;--accent-line: #4f8f7c;--accent-fill: #7cb9a8;--lime: #8fb996;--coral: #e8a87c;--rose: #c38d94;--sky: #85cdca;--danger: #8f333b;--warn: #8a5e0f;--warn-soft: rgba(138, 94, 15, .12);--r-sm: 12px;--r-md: 16px;--r-lg: 16px;--shadow-1: 0 2px 8px rgba(124, 185, 168, .15);--shadow-2: 0 8px 32px rgba(124, 185, 168, .25);--t-fast: .3s;--t-base: .5s;--t-slow: .7s;--ease: cubic-bezier(.37, 0, .63, 1);--hover-transform: scale(1.02);--active-transform: scale(.98);--panel-blur: 0px;--panel-saturate: 100%;--blur: 0;--veil: 0;--text-shadow: none}:root[data-theme=paper]{--text-1: #2d2d2d;--text-2: #666666;--text-3: #8c8474;--text-inv: #fffdf9;--surface-0: #fdf6ee;--surface-1: #fffdf9;--surface-2: #fffdf9;--surface-3: #ffffff;--hair: #e0d8cc;--hair-strong: #2d2d2d;--accent: #c0394f;--accent-fill: #e85d75;--teal: #5cb8a5;--yellow: #f5c040;--blue: #6b7fb5;--danger: #c0394f;--warn: #8a5e0f;--warn-soft: rgba(138, 94, 15, .12);--r-sm: 12px;--r-md: 12px;--r-lg: 16px;--card-border-width: 2px;--shadow-1: 2px 2px 0 rgba(0, 0, 0, .06);--shadow-2: 4px 4px 0 rgba(0, 0, 0, .08);--shadow-3: 6px 6px 0 rgba(0, 0, 0, .1);--t-fast: .2s;--t-base: .3s;--ease: cubic-bezier(0, 0, .2, 1);--hover-transform: translateY(-2px);--hover-shadow: 5px 5px 0 rgba(0, 0, 0, .12);--active-transform: translateY(2px);--active-shadow: 1px 1px 0 rgba(0, 0, 0, .06);--panel-blur: 0px;--panel-saturate: 100%;--blur: 0;--veil: 0;--text-shadow: none}@media(prefers-reduced-motion:reduce){:root{--t-fast: 0ms;--t-base: 0ms;--t-slow: 0ms}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--f-body);line-height:22px;color:var(--text-1);background:var(--surface-0);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:flex;height:100%;overflow:hidden}.nav{position:relative;flex:none;width:var(--nav-w);display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-2);background:var(--surface-1);backdrop-filter:blur(var(--blur)) saturate(var(--panel-saturate));border-right:1px solid var(--hair);transition:width var(--t-base) var(--ease)}.nav--folded{width:var(--nav-w-folded)}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.grp{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-2);text-align:left;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.grp:hover{background:var(--surface-2);color:var(--text-1)}.grp[aria-current=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.grp__name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--f-body)}.grp__count{font-size:var(--f-aux);color:var(--text-3);font-variant-numeric:tabular-nums}.nav--folded .grp__name,.nav--folded .grp__count{display:none}.nav--folded .grp{justify-content:center;padding:var(--sp-2)}.nav__fold{margin-top:var(--sp-2);height:28px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);display:flex;align-items:center;justify-content:center}.nav__fold:hover{background:var(--surface-2);color:var(--text-1)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{flex:none;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5)}.search{position:relative;flex:1;max-width:720px;margin:0 auto;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--surface-1);backdrop-filter:blur(var(--blur)) saturate(var(--panel-saturate));border:1px solid var(--hair)}.search__icon{color:var(--text-3);flex:none}.search__field{flex:1;border:0;background:transparent;outline:none;font-size:var(--f-body)}.search__field::placeholder{color:var(--text-3)}.sug{position:absolute;top:calc(100% + var(--sp-1));left:0;right:0;margin:0;padding:var(--sp-1);list-style:none;background:var(--surface-2);backdrop-filter:blur(var(--blur)) saturate(var(--panel-saturate));border:1px solid var(--hair);border-radius:var(--r-md);box-shadow:var(--shadow-2);z-index:var(--z-widget-menu);max-height:320px;overflow-y:auto}.sug__item{width:100%;display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:0;border-radius:var(--r-sm);background:transparent;text-align:left}.sug__item:hover{background:var(--surface-3)}.sug__label{color:var(--text-1)}.sug__hint{color:var(--text-3);font-size:var(--f-aux);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__comps{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-2);transition:all var(--t-fast) var(--ease)}.topbar__comps:hover{color:var(--text-1);background:var(--surface-2)}.topbar__comps.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.topbar__edit{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-2);transition:all var(--t-fast) var(--ease)}.topbar__edit:hover{color:var(--text-1);background:var(--surface-2)}.topbar__edit.is-on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.topbar__gear{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-2);transition:all var(--t-fast) var(--ease)}.topbar__gear:hover{color:var(--text-1);background:var(--surface-2)}.topbar__right{flex:none;display:flex;align-items:center;gap:var(--sp-3)}.theme-select{height:32px;padding:0 var(--sp-2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-2);font-size:var(--f-aux)}.sync-dot{color:var(--accent);display:flex}.editbar{flex:none;display:flex;align-items:center;gap:var(--sp-2);margin:0 var(--sp-5) var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px dashed var(--accent);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--text-2);font-size:var(--f-meta)}.editbar__spacer{flex:1}.content{flex:1;min-height:0;display:flex;flex-direction:column}.gridwrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 var(--sp-5) var(--sp-6);display:flex;justify-content:center}.gridwrap--widgets{flex:none;padding-top:var(--sp-5);padding-bottom:var(--sp-6);overflow:visible}.grid{width:100%;max-width:calc(var(--cell-w) * var(--cols) + var(--grid-gap) * (var(--cols) - 1));display:grid;grid-template-columns:repeat(var(--cols),var(--cell-w));grid-auto-rows:var(--cell-h);gap:var(--grid-gap);align-content:start;justify-content:start}.cell{display:flex}.tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);text-decoration:none;color:inherit}.tile__plate{width:clamp(56px,calc(var(--cell-w) - 24px),88px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:#fff;border:var(--card-border-width) solid var(--hair);box-shadow:var(--shadow-1);overflow:hidden;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.tile:hover .tile__plate{transform:var(--hover-transform);box-shadow:var(--hover-shadow, var(--shadow-1))}.tile:active .tile__plate{transform:var(--active-transform)}.tile__icon{width:68%;height:68%;object-fit:contain}.tile__initial{font-size:24px;font-weight:600;color:var(--text-2)}.tile__name{max-width:var(--cell-w);font-size:var(--f-aux);line-height:16px;color:var(--text-2);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-grid{position:relative;max-width:100%}.comp{position:absolute;border-radius:var(--r-lg);touch-action:none}.comp--editing .card{outline:1px dashed var(--accent);outline-offset:3px}.comp--dragging{opacity:.92;transform:scale(.98);z-index:var(--z-widget-menu)}.comp--atmax .card{outline:1px dashed var(--text-3);outline-offset:3px}.comp__rz{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:3px;background:var(--accent);cursor:nwse-resize}.comp__chips{position:absolute;top:calc(100% + var(--sp-1));left:0;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--hair);box-shadow:var(--shadow-1);z-index:var(--z-widget-menu)}.comp__size{font-size:var(--f-aux);color:var(--text-3);font-variant-numeric:tabular-nums;padding:0 var(--sp-1)}.comp__tier{border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-2);font-size:var(--f-aux);padding:2px var(--sp-2)}.comp__tier:hover{color:var(--accent);border-color:var(--accent)}.card{width:100%;height:100%;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--surface-1);backdrop-filter:blur(var(--panel-blur)) saturate(var(--panel-saturate));border:var(--card-border-width) solid var(--hair);box-shadow:var(--shadow-1);overflow:hidden}.card__hd{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4) 0}.card__title{font-size:var(--f-meta);line-height:18px;letter-spacing:.02em;font-weight:500;color:var(--text-2)}.widget__body{flex:1;min-height:0;padding:var(--sp-2) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);overflow:hidden}.widget__body--clock{flex-direction:row;align-items:center;gap:var(--sp-4)}.clock-side{flex:1;min-width:0}.clock-greet{margin:0;font-size:var(--f-body);color:var(--text-1)}.clock-date{margin:0;font-size:var(--f-aux);color:var(--text-2)}.clock-lunar{margin:0;font-size:var(--f-aux);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock-time{margin:0;flex:none;font-size:var(--f-clock-lg);line-height:1;font-weight:300;font-variant-numeric:tabular-nums;color:var(--text-1)}.widget__body--clock[data-size=lg] .clock-time{font-size:var(--f-clock-xl)}.clock-colon{opacity:.4;margin:0 2px}.clock-secs{font-size:.42em;color:var(--text-3);margin-left:2px}.cal-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.cal-title{font-size:var(--f-meta);color:var(--text-1)}.cal-nav{width:24px;height:24px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-3);font-size:16px;line-height:1}.cal-nav:hover{background:var(--surface-3);color:var(--text-1)}.cal-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:1px}.cal-wd{font-size:var(--f-aux);color:var(--text-3);text-align:center}.cal-cell{display:flex;align-items:center;justify-content:center;font-size:var(--f-aux);color:var(--text-2);border-radius:var(--r-sm);font-variant-numeric:tabular-nums}.cal-cell--out{color:var(--text-3);opacity:.45}.cal-cell--rest{color:var(--text-3)}.cal-cell--holiday{color:var(--danger)}.cal-cell--today{background:var(--accent-soft);color:var(--accent);font-weight:600}.cal-legend{display:flex;gap:var(--sp-3);margin:0;font-size:var(--f-aux);color:var(--text-2);flex:none}.cal-legend b{color:var(--danger)}.todo-input{flex:none;position:relative}.todo-input__field{width:100%;border:0;border-bottom:1px solid var(--hair);background:transparent;outline:none;padding:var(--sp-1) 0;font-size:var(--f-body)}.todo-input__field:focus{border-bottom-color:var(--accent)}.todo-input__preview{position:absolute;right:0;top:calc(100% + 2px);font-size:var(--f-aux);color:var(--accent)}.todo-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}.todo-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0}.todo-item__main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sp-2);cursor:pointer}.todo-item__title{font-size:var(--f-body);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-item--done .todo-item__title{text-decoration:line-through;color:var(--text-3)}.todo-item__due{flex:none;font-size:var(--f-aux);color:var(--text-3)}.todo-item__flag{flex:none;font-size:var(--f-aux);color:var(--danger);background:var(--danger-soft);border-radius:var(--r-pill);padding:0 var(--sp-2)}.todo-empty,.note-empty,.wx-loading,.wx-error{margin:0;font-size:var(--f-aux);color:var(--text-3)}.note-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:0}.note-item{width:100%;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) 0;border:0;border-bottom:1px solid var(--hair);background:transparent;text-align:left}.note-item:hover{background:var(--surface-2)}.note-item__title{font-size:var(--f-body);color:var(--text-1);display:flex;align-items:center;gap:var(--sp-1)}.note-item__pin{color:var(--accent);font-size:10px}.note-item__meta{font-size:var(--f-aux);color:var(--text-3)}.wx-now{flex:none;display:flex;align-items:center;gap:var(--sp-3)}.wx-glyph{font-size:36px;line-height:1}.wx-temp{margin:0;font-size:28px;line-height:1.1;font-weight:300;color:var(--text-1);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:var(--sp-2)}.wx-cond{font-size:var(--f-body);color:var(--text-2);font-weight:400}.wx-place{margin:0;font-size:var(--f-aux);color:var(--text-3)}.wx-stale{margin-left:var(--sp-2);padding:0 6px;border-radius:var(--r-pill);background:var(--warn-soft);color:var(--warn);font-size:var(--f-aux);white-space:nowrap}.wx-facts{flex:none;display:flex;gap:var(--sp-4);list-style:none;margin:0;padding:0}.wx-fact{display:flex;flex-direction:column}.wx-fact__label{font-size:var(--f-aux);color:var(--text-3)}.wx-fact__value{font-size:var(--f-body);color:var(--text-1);font-variant-numeric:tabular-nums}.wx-rain{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--sp-1)}.wx-rain-hd{flex:none;margin:0;font-size:var(--f-aux);color:var(--text-2)}.rain{flex:none;position:relative;display:flex;align-items:flex-end;gap:2px;height:26px}.rain-bar{flex:1;min-height:2px;border-radius:2px 2px 0 0;background:var(--accent);opacity:.75}.rain-ax{flex:none;display:flex;justify-content:space-between;font-size:var(--f-aux);color:var(--text-2);margin:0}.wx-days{flex:0 0 auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.wx-day{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--f-aux);color:var(--text-2)}.wx-day__date{flex:none;width:34px;color:var(--text-3)}.wx-day__icon{flex:none}.wx-day__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wx-day__temp{flex:none;font-variant-numeric:tabular-nums;color:var(--text-1)}.empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);color:var(--text-2);text-align:center}.empty p{margin:0;max-width:420px}.btn{height:36px;padding:0 14px;display:inline-flex;align-items:center;gap:var(--sp-1);border:1px solid transparent;border-radius:var(--r-sm);font-size:var(--f-body);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn--sm{height:32px}.btn--primary{background:var(--accent);color:var(--text-inv)}.btn--primary:hover{filter:brightness(1.06)}.btn--ghost{background:transparent;color:var(--text-2);border-color:var(--hair)}.btn--ghost:hover{color:var(--text-1);background:var(--surface-2)}.btn--danger{background:var(--danger);color:var(--text-inv)}.btn--danger:hover{filter:brightness(1.06)}.btn:disabled{opacity:.4;cursor:not-allowed}.toast{position:fixed;right:var(--sp-5);bottom:var(--sp-5);z-index:var(--z-toast);display:flex;align-items:center;gap:var(--sp-3);max-width:380px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);backdrop-filter:blur(var(--blur)) saturate(var(--panel-saturate));border:1px solid var(--hair);box-shadow:var(--shadow-2);font-size:var(--f-body);color:var(--text-1)}.toast--err{border-color:var(--danger);color:var(--danger)}.toast__action{border:0;background:transparent;color:var(--accent);font-size:var(--f-aux)}@media(max-width:899px){.nav{display:none}.topbar{padding:var(--sp-3) var(--sp-4)}.gridwrap{padding:0 var(--sp-4) var(--sp-5)}.toast{right:var(--sp-4);left:var(--sp-4);bottom:var(--sp-4);max-width:none}}.login{display:flex;align-items:center;justify-content:center;min-height:100%;padding:var(--sp-5);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-veil) calc(var(--veil) * 1%),transparent),color-mix(in srgb,var(--surface-veil) calc(var(--veil) * 1%),transparent)),var(--surface-0)}.login__panel{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);padding:var(--sp-6) var(--sp-5);border:var(--card-border-width) solid var(--hair);border-radius:var(--r-lg);background:var(--surface-1);backdrop-filter:blur(var(--panel-blur)) saturate(var(--panel-saturate));box-shadow:var(--shadow-2);text-align:center}.login__clock{display:flex;flex-direction:column;gap:var(--sp-1)}.login__time{font-size:var(--f-clock-xl);line-height:1.05;font-weight:300;letter-spacing:.02em;color:var(--text-1);text-shadow:var(--text-shadow);font-variant-numeric:tabular-nums}.login__date{font-size:var(--f-body);color:var(--text-2);text-shadow:var(--text-shadow)}.login__cta{height:44px;padding:0 var(--sp-5);font-size:var(--f-h2);border-radius:var(--r-pill)}.login__token{width:100%;display:flex;flex-direction:column;gap:var(--sp-3);align-items:stretch}.login__hint{margin:0;font-size:var(--f-meta);line-height:20px;color:var(--text-2);text-align:left}.login__hint code{font-family:var(--font-mono);font-size:var(--f-aux);padding:1px 4px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-1)}.login__field{height:40px;padding:0 var(--sp-3);border:var(--card-border-width) solid var(--hair-strong);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-1);font-family:var(--font-mono);font-size:var(--f-body)}.login__error{display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--f-meta);line-height:20px}.login__retry{border:0;background:transparent;color:var(--danger);font-size:var(--f-meta);text-decoration:underline;padding:0}.login__foot{margin:0;font-size:var(--f-aux);color:var(--text-3);text-shadow:var(--text-shadow)}.skeleton{border-radius:var(--r-sm);background:var(--surface-1);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--hair),transparent);animation:skeleton-sweep 1.2s var(--ease) infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton--clock{width:100%;max-width:260px;height:96px}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal__scrim{position:absolute;inset:0;background:var(--scrim)}.modal__panel{position:relative;z-index:1;width:100%;max-width:460px;max-height:80vh;overflow:auto;padding:var(--sp-5);border:var(--card-border-width) solid var(--hair);border-radius:var(--r-lg);background:var(--surface-2);backdrop-filter:blur(var(--panel-blur)) saturate(var(--panel-saturate));box-shadow:var(--shadow-2)}.devmgr{max-width:520px}.devmgr__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.devmgr__title{font-size:var(--f-title);font-weight:600;color:var(--text-1)}.devmgr__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.devmgr__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1)}.devmgr__main{min-width:0;flex:1}.devmgr__name{display:block;font-size:var(--f-body);font-weight:600;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.devmgr__edit{width:100%;height:32px;padding:0 var(--sp-2);border:1px solid var(--accent);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-1);font-size:var(--f-body)}.devmgr__meta{margin:var(--sp-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--sp-3)}.devmgr__meta div{display:flex;flex-direction:column}.devmgr__meta dt{font-size:var(--f-aux);color:var(--text-3)}.devmgr__meta dd{margin:2px 0 0;font-size:var(--f-aux);color:var(--text-2)}.devmgr__acts{flex:none;display:flex;gap:var(--sp-2)}.devmgr__foot{margin:var(--sp-4) 0 0;font-size:var(--f-aux);color:var(--text-3);line-height:1.5}.confirm{max-width:440px}.confirm__title{font-size:var(--f-title);font-weight:600;color:var(--text-1);margin-bottom:var(--sp-3)}.confirm__body{font-size:var(--f-body);color:var(--text-2);line-height:1.6;margin-bottom:var(--sp-4)}.confirm__warn{display:block;margin-top:var(--sp-2);padding:var(--sp-3);border:1px solid var(--danger);border-radius:var(--r-sm);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-weight:600}.confirm__warn code{font-family:var(--f-mono);background:color-mix(in srgb,var(--danger) 18%,transparent);padding:0 4px;border-radius:4px}.confirm__acts{display:flex;justify-content:flex-end;gap:var(--sp-3)}.hist{max-width:560px}.hist__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.hist__title{font-size:var(--f-title);font-weight:600;color:var(--text-1)}.hist__filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.hist__chip{border:1px solid var(--hair);border-radius:999px;background:var(--surface-1);color:var(--text-2);font-size:var(--f-aux);padding:3px 10px;cursor:pointer}.hist__chip--on{border-color:var(--accent);background:var(--accent-soft);color:var(--text-1);font-weight:600}.hist__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);max-height:50vh;overflow-y:auto}.hist__item{border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1)}.hist__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3)}.hist__head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);min-width:0;flex:1;border:none;background:none;padding:0;cursor:pointer;text-align:left;font:inherit}.hist__kind{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:var(--f-aux);font-weight:600;color:var(--text-2)}.hist__kind--delete{color:var(--danger)}.hist__module{flex:none;font-size:var(--f-body);font-weight:600;color:var(--text-1)}.hist__rec{flex:none;font-family:var(--f-mono);font-size:var(--f-aux);color:var(--text-3)}.hist__hits{flex:none;font-size:var(--f-aux);color:var(--text-2);background:var(--accent-soft);border-radius:999px;padding:1px 8px}.hist__time{flex:none;margin-left:auto;font-size:var(--f-aux);color:var(--text-3)}.hist__revert{flex:none}.hist__diff{margin:0;padding:var(--sp-2) var(--sp-3) var(--sp-3);border-top:1px dashed var(--hair);display:flex;flex-direction:column;gap:var(--sp-2)}.hist__field{display:flex;flex-direction:column;gap:2px}.hist__fname{font-size:var(--f-aux);color:var(--text-3)}.hist__fvals{margin:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--f-aux);min-width:0}.hist__old,.hist__new{font-family:var(--f-mono);border-radius:4px;padding:1px 6px;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;text-decoration:none}.hist__old{color:var(--text-3);background:var(--danger-soft);text-decoration:line-through}.hist__new{color:var(--text-1);background:var(--accent-soft)}.hist__none,.hist__arrow{color:var(--text-3)}.hist__more{margin:var(--sp-3) auto 0;display:block}.hist__foot{margin:var(--sp-3) 0 0;font-size:var(--f-aux);color:var(--text-3);line-height:1.5}.bmnew{max-width:480px}.bmnew__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.bmnew__title{font-size:var(--f-title);font-weight:600;color:var(--text-1)}.bmnew__label{display:block;margin:var(--sp-3) 0 var(--sp-1);font-size:var(--f-aux);color:var(--text-2)}.bmnew__field{width:100%;height:36px;padding:0 var(--sp-2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-1);font-size:var(--f-body)}.bmnew__field[aria-invalid=true]{border-color:var(--danger)}.bmnew__hint{margin:var(--sp-1) 0 0;font-size:var(--f-aux);color:var(--text-3)}.bmnew__hint b{color:var(--text-2);overflow-wrap:anywhere}.bmnew__dup{margin:var(--sp-2) 0 0;padding:var(--sp-2);border-radius:var(--r-sm);background:var(--danger-soft);color:var(--danger);font-size:var(--f-aux)}.bmnew__acts{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-4)}.toast__count{flex:none;font-size:var(--f-aux);font-weight:600;color:var(--text-2)}.shortcut{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-4)}.shortcut__title{margin:0;font-size:var(--f-h2);font-weight:600;color:var(--text-1)}.shortcut__list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-5)}.shortcut__row{display:flex;align-items:center;gap:var(--sp-2);margin:0}.shortcut__row dt{flex:none;margin:0}.shortcut__row dd{margin:0;font-size:var(--f-meta);color:var(--text-2)}kbd{display:inline-block;min-width:22px;padding:1px 6px;border:var(--card-border-width) solid var(--hair-strong);border-radius:var(--r-sm);background:var(--surface-3);color:var(--text-1);font-family:var(--font-mono);font-size:var(--f-aux);text-align:center}@media(max-width:639px){.shortcut__list{grid-template-columns:1fr}}.tile--pickable{cursor:pointer;border:1px solid transparent;border-radius:var(--r-md);background:none;padding:var(--sp-1);font:inherit;color:inherit;position:relative}.tile--pickable:hover{background:var(--surface-2)}.tile--pickable.is-selected{border-color:var(--accent);background:var(--accent-soft)}.tile__check{position:absolute;top:2px;right:6px;min-width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--text-inv);font-size:12px;line-height:18px;text-align:center;font-weight:700}.celllist__title{margin:0 0 var(--sp-2);font-size:var(--f-title);font-weight:700}.celllist__help{margin:0 0 var(--sp-3);font-size:var(--f-aux);color:var(--text-2);line-height:1.5}.celllist__list{margin:0;padding:0;list-style:none;max-height:50vh;overflow-y:auto}.celllist__group{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--f-aux);font-weight:700;color:var(--text-2);padding:var(--sp-2) var(--sp-1) var(--sp-1);border-bottom:1px solid var(--hair)}.celllist__groupkind{font-weight:400;color:var(--text-3)}.celllist__sub{margin:0;padding:var(--sp-1) 0;list-style:none}.celllist__row{width:100%;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);background:none;border:1px solid transparent;border-radius:var(--r-sm);font:inherit;color:inherit;cursor:pointer;text-align:left}.celllist__row:hover{background:var(--surface-2)}.celllist__row.is-focus{border-color:var(--accent);background:var(--accent-soft);outline:none}.celllist__name{flex:1;display:flex;align-items:center;gap:var(--sp-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celllist__pos{font-size:var(--f-aux);font-variant-numeric:tabular-nums;color:var(--text-2)}.celllist__pos.is-moved{color:var(--accent);font-weight:700}.celllist__tier{font-size:var(--f-aux);color:var(--text-2);min-width:3ch;text-align:right}.celllist__tier--dim{color:var(--text-3)}.celllist__hint{margin:var(--sp-2) 0 0;font-size:var(--f-aux);color:var(--text-3)}.celllist__acts{display:flex;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-3)}.noteedit{width:min(1080px,94vw);max-height:90vh;display:flex;flex-direction:column;gap:var(--sp-3);overflow:hidden}.noteedit__hd{display:flex;align-items:center;gap:var(--sp-3)}.noteedit__title{flex:1;min-width:0;font-size:var(--f-title);font-weight:700;padding:var(--sp-1) var(--sp-2);border:1px solid transparent;border-radius:var(--r-sm);background:none;color:var(--text-1)}.noteedit__title:hover,.noteedit__title:focus{border-color:var(--hair);background:var(--surface-2);outline:none}.noteedit__state{font-size:var(--f-aux);color:var(--text-3);white-space:nowrap}.noteedit__state--saved{color:var(--ok, #2e7d32)}.noteedit__state--error{color:var(--danger)}.noteedit__limit{margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--danger-soft);color:var(--text-1);font-size:var(--f-aux)}.noteedit__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);min-height:0;flex:1}@media(max-width:767px){.noteedit{width:100vw;max-height:100vh;height:100vh;border-radius:0}.noteedit__cols{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.noteedit__input{width:100%;height:100%;min-height:300px;resize:none;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--surface-1);color:var(--text-1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--f-aux);line-height:1.6;padding:var(--sp-3)}.noteedit__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.noteedit__preview{overflow-y:auto;border:1px solid var(--hair);border-radius:var(--r-md);background:var(--surface-1);padding:var(--sp-3)}.noteedit__ft{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--f-aux);color:var(--text-2)}.noteedit__ftdim{color:var(--text-3)}.mdview h1,.mdview h2,.mdview h3{margin:var(--sp-3) 0 var(--sp-2);line-height:1.3}.mdview h1{font-size:var(--f-title)}.mdview h2{font-size:1.1em}.mdview h3{font-size:1em}.mdview p{margin:0 0 var(--sp-2);line-height:1.7}.mdview blockquote{margin:0 0 var(--sp-2);padding:var(--sp-1) var(--sp-3);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text-2)}.mdview ul,.mdview ol{margin:0 0 var(--sp-2);padding-left:1.4em;line-height:1.7}.mdview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--surface-2);border-radius:var(--r-xs, 3px);padding:.1em .35em}.mdview pre{margin:0 0 var(--sp-2);padding:var(--sp-3);background:var(--surface-2);border-radius:var(--r-sm);overflow-x:auto}.mdview pre code{background:none;padding:0}.mdview a{color:var(--accent)}.mdview__empty{color:var(--text-3);font-size:var(--f-aux)}.wall{position:fixed;inset:0;z-index:0;pointer-events:none}.wall:after{content:"";position:absolute;inset:0;background:var(--bg-app, #f6f7f5);opacity:var(--wall-mask, .35)}.app>*:not(.wall){position:relative;z-index:1}.settings{width:min(860px,94vw);max-height:88vh;display:flex;flex-direction:column}.settings__tabs{display:flex;align-items:center;gap:var(--sp-1);border-bottom:1px solid var(--hair);padding-bottom:var(--sp-2);margin-bottom:var(--sp-3)}.settings__tab{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:none;border:1px solid transparent;font:inherit;color:var(--text-2);cursor:pointer}.settings__tab:hover{background:var(--surface-2);color:var(--text-1)}.settings__tab.is-active{background:var(--accent-soft);color:var(--text-1);border-color:var(--accent);font-weight:700}.settings__spacer{flex:1}.settings__body{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--sp-3)}.settings__h{margin:var(--sp-2) 0 0;font-size:var(--f-aux);font-weight:700;color:var(--text-2);text-transform:none}.settings__note{margin:0;font-size:var(--f-aux);color:var(--text-3);line-height:1.6}.settings__themes{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}@media(max-width:639px){.settings__themes{grid-template-columns:repeat(2,1fr)}}.settings__theme{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-1);cursor:pointer;font:inherit}.settings__theme:hover{border-color:var(--accent)}.settings__theme.is-active{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.settings__theme-swatch{width:100%;height:34px;border-radius:var(--r-xs, 4px);background:var(--surface-2);border:1px solid var(--hair)}.settings__theme[data-theme=dark] .settings__theme-swatch{background:#1a1d21}.settings__theme[data-theme=ghibli] .settings__theme-swatch{background:#7fa05f}.settings__theme[data-theme=paper] .settings__theme-swatch{background:#efe9dc}.settings__theme-name{font-weight:700}.settings__theme-hint{font-size:var(--f-aux);color:var(--text-3)}.settings__wall-acts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.settings__url{flex:1;min-width:200px;padding:var(--sp-1) var(--sp-2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-1);font-size:var(--f-aux)}.settings__color{width:34px;height:30px;padding:0;border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);cursor:pointer}.settings__sliders{display:flex;flex-direction:column;gap:var(--sp-2)}.settings__slider{display:grid;grid-template-columns:110px 1fr 20px;align-items:center;gap:var(--sp-2);font-size:var(--f-aux);color:var(--text-2)}.settings__slider b{color:var(--text-1);font-variant-numeric:tabular-nums}.settings__i{color:var(--text-3);cursor:help}.settings__gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-2)}.settings__thumb{border:2px solid transparent;border-radius:var(--r-sm);overflow:hidden;padding:0;cursor:pointer;background:var(--surface-2);aspect-ratio:16 / 10}.settings__thumb img{width:100%;height:100%;object-fit:cover;display:block}.settings__thumb.is-active{border-color:var(--accent)}.settings__danger{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--danger);border-radius:var(--r-md);background:var(--danger-soft)}.settings__select{padding:var(--sp-1) var(--sp-2);border:1px solid var(--hair);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-1);font:inherit}.devmgr--embedded{display:block}