.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:#080a1457;backdrop-filter:blur(6px) saturate(.9);animation:fade-in var(--dur-base) var(--ease-out)}.modal{max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;color:var(--fg-on-glass);animation:modal-in var(--dur-base) var(--ease-spring)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--glass-stroke)}.modal-head h2{margin:0;font-size:15.5px;font-weight:500;letter-spacing:-.01em;text-shadow:var(--text-shadow-on-glass)}.modal-close{width:26px;height:26px;border-radius:var(--r-full);display:grid;place-items:center;font-size:18px;line-height:1;color:var(--fg-on-glass-secondary);background:#ffffff14;transition:all var(--dur-fast) var(--ease-out)}.modal-close:hover{background:#ffffff2e;color:var(--fg-on-glass)}.modal-body{padding:var(--sp-4) var(--sp-5);overflow:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.modal-foot{padding:var(--sp-3) var(--sp-5) var(--sp-4);display:flex;justify-content:flex-end;gap:var(--sp-2);border-top:1px solid var(--glass-stroke)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-label{display:flex;align-items:baseline;gap:var(--sp-2);font-size:13px;font-weight:500;color:var(--fg-on-glass);text-shadow:var(--text-shadow-on-glass)}.field-hint{font-size:11px;font-weight:400;color:var(--fg-on-glass-secondary)}.input,.textarea{width:100%;padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--glass-stroke);background:#ffffff0f;color:var(--fg-on-glass);font-size:13px;transition:all var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--fg-on-glass-secondary)}.input:focus,.textarea:focus{outline:none;border-color:#7aaaff8c;background:#ffffff1a;box-shadow:0 0 0 3px #7aaaff24}.slider-row{display:flex;align-items:center;gap:var(--sp-3)}.slider{flex:1;accent-color:var(--accent)}.slider-value{min-width:48px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;color:var(--fg-on-glass-secondary)}.segmented{display:flex;gap:2px;padding:2px;border-radius:var(--r-sm);background:#ffffff0f}.segmented button{flex:1;padding:6px 10px;border-radius:calc(var(--r-sm) - 3px);font-size:12px;color:var(--fg-on-glass-secondary);transition:all var(--dur-fast) var(--ease-out)}.segmented button[data-active]{background:#ffffff29;color:var(--fg-on-glass);font-weight:500;box-shadow:0 1px 3px #060a1a2e,inset 0 1px #ffffff38}.switch{display:flex;align-items:center;gap:var(--sp-3);font-size:13px;color:var(--fg-on-glass)}.switch-track{width:40px;height:24px;border-radius:var(--r-full);background:#ffffff24;padding:2px;box-shadow:inset 0 1px 3px #060a1a2e;transition:background var(--dur-fast) var(--ease-out);flex:none}.switch[data-on] .switch-track{background:var(--accent)}.switch-knob{display:block;width:20px;height:20px;border-radius:var(--r-full);background:#fff;box-shadow:0 1px 4px #060a1a47;transition:transform var(--dur-fast) var(--ease-out)}.switch[data-on] .switch-knob{transform:translate(16px)}.btn{padding:7px 16px;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--fg-on-glass);background:#ffffff17;border:1px solid var(--glass-stroke);box-shadow:inset 0 1px #ffffff29;transition:all var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){background:#ffffff2b;border-color:var(--glass-stroke-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[data-variant=primary]{background:var(--accent);border-color:transparent;color:#fff}.btn[data-variant=primary]:hover:not(:disabled){filter:brightness(1.1)}.btn[data-variant=danger]{background:var(--danger);border-color:transparent;color:#fff}.toast-host{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:10px 16px;border-radius:var(--r-full);background:#1a1c26d1;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(1.4);color:#fff;font-size:13px;box-shadow:var(--glass-shadow);pointer-events:auto;animation:toast-in var(--dur-base) var(--ease-spring)}.toast[data-tone=success]{box-shadow:var(--glass-shadow),inset 0 0 0 1px #34c75999}.toast[data-tone=danger]{box-shadow:var(--glass-shadow),inset 0 0 0 1px #ff453a99}.toast-action{color:var(--accent);font-weight:600;font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.w{width:100%;height:100%;color:var(--fg-on-glass);text-shadow:var(--text-shadow-on-glass);--w-gap: calc(8px * var(--w-scale, 1));--w-pad: calc(12px * var(--w-scale, 1));--w-text: calc(13px * var(--w-scale, 1));--w-label: calc(12px * var(--w-scale, 1))}.w-pad{padding:var(--w-pad)}.w-title{font-size:var(--w-label);font-weight:500;color:var(--fg-on-glass-secondary);letter-spacing:.02em}.w-empty{display:grid;place-items:center;height:100%;font-size:var(--w-label);color:var(--fg-on-glass-secondary);text-align:center;line-height:1.6}.clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3px * var(--w-scale, 1));height:100%;padding:var(--w-pad);container-type:size}.clock-time{font-size:min(calc(34px * var(--w-scale, 1)),26cqw,46cqh);font-weight:250;line-height:1;letter-spacing:-.028em;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.1em;white-space:nowrap}.clock-seconds{font-size:.44em;font-weight:400;color:var(--fg-on-glass-secondary)}.clock-meridiem{font-size:.34em;font-weight:500;color:var(--fg-on-glass-secondary)}.clock-date{font-size:min(calc(9px * var(--w-scale, 1)),6cqw,11cqh);color:var(--fg-on-glass-secondary);white-space:nowrap}.clock-progress{width:62%;height:calc(3px * var(--w-scale, 1));margin-top:calc(6px * var(--w-scale, 1));border-radius:var(--r-full);background:var(--glass-stroke);overflow:hidden}.clock-progress span{display:block;height:100%;background:var(--fg-on-glass-secondary);transform-origin:left;transition:transform 1s linear}.clock-analog{position:relative;aspect-ratio:1;flex:0 1 auto;min-height:0;height:min(100cqh,100cqw);border-radius:var(--r-full);box-shadow:inset 0 0 0 2px var(--glass-stroke)}.clock-hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:var(--r-full);background:currentColor}.clock-hand[data-hand=h]{width:4px;height:26%;margin-left:-2px}.clock-hand[data-hand=m]{width:3px;height:36%;margin-left:-1.5px}.clock-hand[data-hand=s]{width:1.5px;height:40%;margin-left:-.75px;color:var(--danger)}.clock-pivot{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:var(--r-full);background:currentColor}.search{display:flex;align-items:center;gap:var(--w-gap);height:100%;padding:0 var(--w-pad)}.search-engine{display:flex;align-items:center;gap:6px;padding:calc(5px * var(--w-scale, 1)) calc(10px * var(--w-scale, 1));border-radius:var(--r-full);background:#ffffff17;font-size:var(--w-label);font-weight:500;flex:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out)}.search-engine[data-compact]{padding:calc(5px * var(--w-scale, 1))}.search-engine:hover{background:#ffffff2e}.search-input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:calc(15px * var(--w-scale, 1));color:var(--fg-on-glass)}.search-input::placeholder{color:var(--fg-on-glass-secondary)}.search-go{flex:none;width:calc(30px * var(--w-scale, 1));height:calc(30px * var(--w-scale, 1));border-radius:var(--r-full);display:grid;place-items:center;background:var(--accent);color:#fff;font-size:calc(14px * var(--w-scale, 1));box-shadow:0 2px 8px #0a84ff52,inset 0 1px #ffffff47;transition:filter var(--dur-fast) var(--ease-out)}.search-go:hover{filter:brightness(1.08)}.search-menu{position:absolute;top:calc(100% + 6px);left:8px;z-index:var(--z-panel);min-width:130px;padding:4px;border-radius:var(--r-md);background:#242428f0;backdrop-filter:blur(16px);box-shadow:var(--glass-shadow-lifted)}.search-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:var(--r-xs);font-size:13px;color:#fff}.search-menu button:hover{background:#ffffff24}.search-menu button[data-active]{color:var(--accent);font-weight:600}.note-area{width:100%;height:100%;resize:none;border:none;outline:none;background:none;color:var(--fg-on-glass);font-size:var(--w-text);line-height:1.75;padding:var(--w-pad);font-family:inherit}.note-area::placeholder{color:var(--fg-on-glass-secondary)}.todo{display:flex;flex-direction:column;height:100%;padding:var(--w-pad);gap:var(--w-gap)}.todo-head{display:flex;align-items:center;justify-content:space-between;gap:var(--w-gap)}.todo-glance{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;container-type:size}.todo-glance-num{font-size:min(52cqh,46cqw);font-weight:250;line-height:1;font-variant-numeric:tabular-nums}.todo-glance-label{font-size:min(16cqh,20cqw);color:var(--fg-on-glass-secondary);white-space:nowrap}.todo-progress{height:calc(3px * var(--w-scale, 1));border-radius:var(--r-full);background:var(--glass-stroke);overflow:hidden;flex:none}.todo-progress span{display:block;height:100%;background:#ffffff80;transition:width var(--dur-base) var(--ease-out)}.todo-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:calc(2px * var(--w-scale, 1));margin:0 calc(var(--w-gap) * -1);padding:0 var(--w-gap)}.todo-item{display:flex;align-items:center;gap:var(--w-gap);padding:calc(4px * var(--w-scale, 1)) calc(6px * var(--w-scale, 1));border-radius:var(--r-xs);font-size:var(--w-text)}.todo-item:hover{background:#ffffff12}.todo-check{flex:none;width:calc(17px * var(--w-scale, 1));height:calc(17px * var(--w-scale, 1));border-radius:var(--r-full);border:1.5px solid rgba(255,255,255,.38);display:grid;place-items:center;font-size:calc(10px * var(--w-scale, 1));color:transparent}.todo-item[data-done] .todo-check{background:var(--accent);border-color:var(--accent);color:#fff}.todo-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-item[data-done] .todo-text{text-decoration:line-through;color:var(--fg-on-glass-secondary)}.todo-del{flex:none;opacity:0;color:var(--fg-on-glass-secondary);font-size:calc(14px * var(--w-scale, 1))}.todo-item:hover .todo-del{opacity:1}.todo-del:hover{color:var(--danger)}.todo-new{width:100%;flex:none;border:none;outline:none;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--glass-stroke);border-radius:var(--r-xs);padding:calc(7px * var(--w-scale, 1)) calc(9px * var(--w-scale, 1));transition:background var(--dur-fast) var(--ease-out);font-size:var(--w-text);color:var(--fg-on-glass)}.todo-new::placeholder{color:var(--fg-on-glass-secondary)}.folder{display:flex;flex-direction:column;height:100%;padding:var(--w-pad);gap:var(--w-gap)}.folder-head{display:flex;align-items:center;justify-content:space-between;gap:var(--w-gap);flex:none}.folder-add{width:calc(22px * var(--w-scale, 1));height:calc(22px * var(--w-scale, 1));border-radius:var(--r-full);display:grid;place-items:center;background:#ffffff1a;font-size:calc(15px * var(--w-scale, 1));line-height:1;color:var(--fg-on-glass-secondary);flex:none;transition:all var(--dur-fast) var(--ease-out)}.folder-add:hover{background:#fff3;color:var(--fg-on-glass)}.folder-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(58px * var(--w-scale, 1)),1fr));gap:var(--w-gap);align-content:start}.folder-grid[data-list]{grid-template-columns:1fr}.folder-grid[data-list] .entry{flex-direction:row;justify-content:flex-start;gap:var(--w-gap);padding:calc(3px * var(--w-scale, 1)) calc(5px * var(--w-scale, 1))}.folder-grid[data-list] .entry-label{text-align:left}.entry{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(4px * var(--w-scale, 1));padding:calc(4px * var(--w-scale, 1)) calc(2px * var(--w-scale, 1));border-radius:var(--r-sm);text-decoration:none;color:inherit}.entry:hover{background:#ffffff14}.entry-label{width:100%;font-size:calc(10.5px * var(--w-scale, 1));text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-on-glass-secondary)}.entry-actions{position:absolute;top:-4px;right:-2px;display:flex;gap:2px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.entry:hover .entry-actions{opacity:1}.entry-actions button{width:18px;height:18px;border-radius:var(--r-full);display:grid;place-items:center;font-size:11px;line-height:1;background:#161822c7;border:1px solid rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px);transition:background var(--dur-fast) var(--ease-out)}.entry-actions button:hover{background:var(--accent)}.entry-actions button[data-danger]:hover{background:var(--danger)}.site-icon{width:var(--icon-size, 34px);height:var(--icon-size, 34px);border-radius:calc(var(--icon-size, 34px) * .26);display:grid;place-items:center;overflow:hidden;background:hsl(var(--icon-hue, 210) 55% 54%);color:#fff;font-size:calc(var(--icon-size, 34px) * .42);font-weight:500;flex:none;box-shadow:0 2px 6px #060a1a38,inset 0 1px #ffffff38;transition:transform var(--dur-base) var(--ease-out)}.site-icon img{width:100%;height:100%;object-fit:cover}.shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6px * var(--w-scale, 1));height:100%;padding:calc(8px * var(--w-scale, 1));text-decoration:none;color:inherit;min-width:0}.shortcut[data-wide]{flex-direction:row;justify-content:flex-start;gap:calc(10px * var(--w-scale, 1))}.shortcut[data-wide] .shortcut-label{text-align:left}.shortcut-label{width:100%;min-width:0;font-size:calc(11px * var(--w-scale, 1));text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut-host{display:block;font-style:normal;font-size:.85em;color:var(--fg-on-glass-secondary);overflow:hidden;text-overflow:ellipsis}.shortcut[data-broken=true]{color:var(--fg-on-glass-secondary)}.shortcut-broken-icon{width:calc(34px * var(--w-scale, 1));height:calc(34px * var(--w-scale, 1));border-radius:var(--r-xs);display:grid;place-items:center;background:#ffffff24;font-size:calc(16px * var(--w-scale, 1));flex:none}.entry:hover .site-icon,.shortcut:hover .site-icon{transform:scale(1.06)}.liquid-glass{position:relative;border-radius:var(--lg-radius);background:var(--lg-tint);border:1px solid var(--glass-stroke);box-shadow:var(--glass-shadow);isolation:isolate;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(132deg,var(--glass-sheen) 0%,transparent 44%);opacity:.62;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);z-index:1}.liquid-glass>*{position:relative;z-index:2}.liquid-glass[data-elevation=flat]{box-shadow:var(--glass-shadow-flat)}.liquid-glass[data-elevation=lifted]{box-shadow:var(--glass-shadow-lifted);border-color:var(--glass-stroke-strong)}.liquid-glass[data-elevation=lifted]:before{opacity:.85}.liquid-glass[data-interactive=true]{cursor:pointer}.liquid-glass[data-interactive=true]:hover{background:var(--glass-tint-strong);border-color:var(--glass-stroke-strong);box-shadow:var(--glass-shadow-lifted);transform:translateY(-2px)}.liquid-glass[data-interactive=true]:hover:before{opacity:.9}.liquid-glass[data-interactive=true]:active{transform:translateY(0) scale(.99);transition-duration:var(--dur-fast)}.liquid-glass[data-tier=solid]{background:var(--glass-solid);backdrop-filter:none}.liquid-glass[data-tier=solid]:before{opacity:.3}.board-stage{position:absolute;inset:0;overflow:auto}.board{position:relative;width:100%;height:100%;min-width:min-content;min-height:min-content}.board-surface{position:absolute;inset:0;border-radius:inherit}.board-content{position:absolute;overflow:visible}.board-grid-hint{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--dur-base) var(--ease-out);border-radius:var(--r-sm)}.board[data-editing=true] .board-grid-hint{opacity:1}.board-cell{position:absolute;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--board-border)}.board-ghost{position:absolute;border-radius:var(--r-md);pointer-events:none;z-index:2;background:var(--ghost-fill);box-shadow:inset 0 0 0 1px var(--ghost-line),0 0 0 1px #0000000f;transition:transform .15s var(--ease-out),width .15s var(--ease-out),height .15s var(--ease-out),background var(--dur-fast) linear,box-shadow var(--dur-fast) linear;animation:ghost-in var(--dur-base) var(--ease-out);--ghost-fill: rgba(255, 255, 255, .13);--ghost-line: rgba(255, 255, 255, .34);--ghost-corner: rgba(255, 255, 255, .75)}.board-ghost:before{content:"";position:absolute;inset:6px;border-radius:calc(var(--r-md) - 6px);background:linear-gradient(var(--ghost-corner),var(--ghost-corner)) top left / 12px 2px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) top left / 2px 12px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) top right / 12px 2px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) top right / 2px 12px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) bottom left / 12px 2px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) bottom left / 2px 12px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) bottom right / 12px 2px no-repeat,linear-gradient(var(--ghost-corner),var(--ghost-corner)) bottom right / 2px 12px no-repeat;opacity:.9}.board-ghost[data-state=capped]{--ghost-fill: rgba(255, 214, 10, .14);--ghost-line: rgba(255, 214, 10, .45);--ghost-corner: rgba(255, 224, 92, .9)}.board-ghost[data-state=invalid]{--ghost-fill: rgba(255, 69, 58, .14);--ghost-line: rgba(255, 69, 58, .45);--ghost-corner: rgba(255, 130, 122, .9)}@keyframes ghost-in{0%{opacity:0;transform:scale(.96)}}.widget[data-displaced=true] .widget-body{border-color:var(--glass-stroke-strong)}.widget{position:absolute;top:0;left:0;transition:transform var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out),height var(--dur-base) var(--ease-out);z-index:3}.widget[data-dragging=true]{z-index:var(--z-widget-drag);transition:none;cursor:grabbing}.widget-body{width:100%;height:100%;overflow:hidden}.widget-body[data-bare=true]{background:none;box-shadow:none;backdrop-filter:none}.widget-body[data-bare=true]:before,.widget-body[data-bare=true]:after{display:none}.widget-slot{width:100%;height:100%}.widget[data-editing=true] .widget-body{cursor:grab;animation:widget-jiggle 3.6s var(--ease-out) infinite}.widget[data-editing=true][data-dragging=true] .widget-body{animation:none}.widget[data-editing=true] .widget-slot{pointer-events:none}@keyframes widget-jiggle{0%,to{transform:rotate(-.15deg)}50%{transform:rotate(.15deg)}}.widget[data-editing=true] .widget-remove,.widget[data-editing=true] .widget-settings,.widget[data-editing=true] .widget-resize{opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.widget[data-editing=true]:hover .widget-remove,.widget[data-editing=true]:hover .widget-settings,.widget[data-editing=true]:hover .widget-resize,.widget[data-editing=true][data-dragging=true] .widget-remove,.widget[data-editing=true][data-dragging=true] .widget-settings{opacity:1;pointer-events:auto}.widget-remove,.widget-settings{position:absolute;top:6px;width:21px;height:21px;display:grid;place-items:center;border-radius:var(--r-full);color:#fff;font-size:12px;line-height:1;border:1px solid rgba(255,255,255,.24);box-shadow:0 3px 10px #060a1a57;backdrop-filter:blur(8px);transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out);z-index:6}.widget-remove{left:6px;background:#ff5a52e6;font-size:14px}.widget-settings{right:6px;background:#3c3e4ad1}.widget-remove:hover,.widget-settings:hover{transform:scale(1.1)}.widget-remove:hover{background:var(--danger)}.widget-settings:hover{background:#505260f0}.widget-resize{position:absolute;right:5px;bottom:5px;width:18px;height:18px;border-radius:var(--r-full);background:#ffffffeb;box-shadow:inset 0 0 0 2px var(--accent),0 3px 10px #060a1a4d;cursor:nwse-resize;z-index:6;touch-action:none;transition:transform var(--dur-fast) var(--ease-out)}.widget-resize:hover{transform:scale(1.14)}.widget-unknown{display:grid;place-items:center;height:100%;padding:var(--sp-3);text-align:center;color:var(--fg-on-glass-secondary);font-size:12px;line-height:1.5}.wallpaper{position:fixed;inset:0;z-index:0;overflow:hidden;background:#0b0d16}.wallpaper-image{position:absolute;inset:0;transition:filter var(--dur-slow) var(--ease-out);transform-origin:center}.wallpaper-image[data-drift]{animation:wallpaper-drift 40s var(--ease-out) infinite alternate}@keyframes wallpaper-drift{0%{transform:scale(1.08) translate3d(-1.5%,-1%,0)}to{transform:scale(1.14) translate3d(1.5%,1.5%,0)}}.wallpaper-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 120% at 50% 0%,transparent 52%,rgba(6,9,20,.42) 100%),linear-gradient(to top,rgba(6,9,20,.22),transparent 32%)}.wallpaper-dim{position:absolute;inset:0;background:#05070f;transition:opacity var(--dur-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.wallpaper-image[data-drift]{animation:none}}.app-root{position:relative;z-index:1;height:100%}.dock{position:fixed;right:20px;bottom:20px;z-index:var(--z-panel);display:flex;align-items:center;gap:4px;padding:5px}.dock-btn{width:38px;height:38px;border-radius:var(--r-full);display:grid;place-items:center;font-size:15px;color:var(--fg-on-glass-secondary);transition:all var(--dur-fast) var(--ease-out)}.dock-btn:hover{background:#ffffff21;color:var(--fg-on-glass)}.dock-btn[data-active=true]{background:var(--accent);color:#fff;box-shadow:0 3px 12px #0a84ff66,inset 0 1px #ffffff4d}.dock-sep{width:1px;height:20px;background:var(--glass-stroke);margin:0 2px}.widget-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-2)}.picker-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:#ffffff0f;border:1px solid var(--glass-stroke);text-align:left;transition:all var(--dur-base) var(--ease-out)}.picker-card:hover{background:#ffffff24;border-color:var(--glass-stroke-strong);transform:translateY(-2px);box-shadow:0 8px 20px #060a1a38}.picker-icon{font-size:22px;line-height:1;flex:none}.picker-meta{min-width:0}.picker-name{font-size:13px;font-weight:500;color:var(--fg-on-glass)}.picker-desc{font-size:11px;color:var(--fg-on-glass-secondary);line-height:1.4}.settings-tabs{display:flex;gap:2px;padding:3px;border-radius:var(--r-sm);background:#ffffff0f;margin-bottom:var(--sp-2)}.settings-tabs button{flex:1;padding:6px;border-radius:calc(var(--r-sm) - 3px);font-size:12px;color:var(--fg-on-glass-secondary)}.settings-tabs button[data-active]{background:#ffffff29;color:var(--fg-on-glass);font-weight:500;box-shadow:0 1px 3px #060a1a2e,inset 0 1px #ffffff38}.settings-note{font-size:11.5px;line-height:1.6;color:var(--fg-on-glass-secondary);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:#ffffff0d;border:1px solid var(--glass-stroke)}.gradient-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--sp-2)}.gradient-swatch{height:40px;border-radius:var(--r-sm);border:2px solid transparent;transition:transform var(--dur-fast) var(--ease-out)}.gradient-swatch:hover{transform:scale(1.06)}.gradient-swatch[data-active]{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.data-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.app-footer{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-panel) - 1);display:flex;justify-content:center;padding:0 0 10px;pointer-events:none}.footer-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--r-full);font-size:11px;line-height:1;color:var(--fg-on-glass-secondary);text-shadow:var(--text-shadow-on-glass);pointer-events:auto;opacity:.45;transition:opacity var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.footer-chip:hover,.footer-chip:focus-visible{opacity:1;background:#ffffff1f;color:var(--fg-on-glass)}.footer-version{font-variant-numeric:tabular-nums}.footer-sep{opacity:.6}.footer-hash{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.02em}.footer-dirty{padding:1px 5px;border-radius:var(--r-full);background:#ffd60a3d;color:#ffd60a;font-size:9.5px;font-weight:600;letter-spacing:.04em}.footer-copied{max-width:0;overflow:hidden;white-space:nowrap;color:var(--accent);font-weight:600;transition:max-width var(--dur-base) var(--ease-out)}.footer-copied[data-show]{max-width:60px}.board-empty-hint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:var(--fg-on-glass-secondary);font-size:13px;text-align:center;line-height:1.8;text-shadow:var(--text-shadow-on-glass)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--r-xs: 10px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-xl: 36px;--r-full: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--ease-out: cubic-bezier(.32, .94, .28, 1);--ease-spring: cubic-bezier(.34, 1.28, .5, 1);--dur-fast: .18s;--dur-base: .3s;--dur-slow: .5s;--z-board: 1;--z-widget-drag: 50;--z-panel: 100;--z-modal: 200;--z-toast: 300;--glass-tint: rgba(255, 255, 255, .12);--glass-tint-strong: rgba(255, 255, 255, .18);--glass-solid: rgba(38, 40, 52, .94);--glass-blur: 18px;--glass-saturate: 1.35;--glass-brightness: 1.01;--glass-stroke: rgba(255, 255, 255, .2);--glass-stroke-strong: rgba(255, 255, 255, .32);--glass-sheen: rgba(255, 255, 255, .14);--glass-shadow: 0 8px 28px rgba(6, 10, 26, .26), 0 2px 6px rgba(6, 10, 26, .12), inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -14px 26px rgba(255, 255, 255, .04);--glass-shadow-flat: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -14px 30px rgba(255, 255, 255, .03);--glass-shadow-lifted: 0 22px 52px rgba(6, 10, 26, .4), 0 6px 14px rgba(6, 10, 26, .2), inset 0 1px 0 rgba(255, 255, 255, .42), inset 0 -14px 26px rgba(255, 255, 255, .06);--fg: rgba(28, 28, 30, .96);--fg-secondary: rgba(28, 28, 30, .62);--fg-tertiary: rgba(28, 28, 30, .38);--fg-on-glass: rgba(255, 255, 255, .94);--fg-on-glass-secondary: rgba(255, 255, 255, .62);--text-shadow-on-glass: 0 1px 3px rgba(0, 0, 0, .22);--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .18);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .18);--board-tint: rgba(255, 255, 255, .05);--board-border: rgba(255, 255, 255, .14);--board-blur: 3px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--glass-tint: rgba(255, 255, 255, .08);--glass-tint-strong: rgba(255, 255, 255, .14);--glass-solid: rgba(24, 25, 34, .95);--glass-brightness: 1;--glass-stroke: rgba(255, 255, 255, .12);--glass-stroke-strong: rgba(255, 255, 255, .22);--glass-sheen: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 28px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -14px 26px rgba(255, 255, 255, .03);--glass-shadow-lifted: 0 22px 52px rgba(0, 0, 0, .58), 0 6px 14px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -14px 26px rgba(255, 255, 255, .05);--fg: rgba(255, 255, 255, .94);--fg-secondary: rgba(255, 255, 255, .58);--fg-tertiary: rgba(255, 255, 255, .34);--board-tint: rgba(255, 255, 255, .03);--board-border: rgba(255, 255, 255, .07)}}:root[data-theme=dark]{--glass-tint: rgba(255, 255, 255, .08);--glass-tint-strong: rgba(255, 255, 255, .14);--glass-solid: rgba(24, 25, 34, .95);--glass-brightness: 1;--glass-stroke: rgba(255, 255, 255, .12);--glass-stroke-strong: rgba(255, 255, 255, .22);--glass-sheen: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 28px rgba(0, 0, 0, .42), 0 2px 6px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -14px 26px rgba(255, 255, 255, .03);--glass-shadow-lifted: 0 22px 52px rgba(0, 0, 0, .58), 0 6px 14px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -14px 26px rgba(255, 255, 255, .05);--fg: rgba(255, 255, 255, .94);--fg-secondary: rgba(255, 255, 255, .58);--fg-tertiary: rgba(255, 255, 255, .34);--board-tint: rgba(255, 255, 255, .03);--board-border: rgba(255, 255, 255, .07)}@media(prefers-reduced-transparency:reduce){:root{--glass-tint: var(--glass-solid);--glass-tint-strong: var(--glass-solid);--glass-blur: 0px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--fg);background:#101014;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body[data-dragging=true]{user-select:none;cursor:grabbing}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808059;border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:#8080808c}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}