@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.flex{display:flex}.grid{display:grid}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root,:root[data-theme=light]{--bg-app:#eff1f6;--bg-app-gradient:radial-gradient(120% 90% at 12% -10%, #fbfcfe 0%, #f4f6fb 45%, #edf0f7 100%);--bg-sidebar:#ffffffb8;--bg-sidebar-solid:#fdfdfe;--bg-surface:#fff;--bg-surface-gradient:linear-gradient(180deg, #fff 0%, #fbfcfe 100%);--bg-muted:#eff1f5;--bg-hover:#0e11160d;--bg-selected:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root,:root[data-theme=light]{--bg-selected:color-mix(in srgb, var(--primary) 9%, #fff)}}:root,:root[data-theme=light]{--text-primary:#0e1116;--text-secondary:#49505b;--text-tertiary:#8b929e;--text-success:#0e9f6e;--text-warning:#d97706;--text-danger:#e02424;--primary:#2563eb;--primary-hover:#1d4fc7;--primary-soft:#2563eb17;--primary-glow:#2563eb59;--primary-foreground:#fff;--border:#0e11161a;--border-strong:#0e11162e;--hairline:#ffffffe6;--shadow-card:0 1px 1px #0e111608, 0 1px 2px #0e111608, 0 2px 6px #0e11160a, inset 0 1px 0 #ffffffe6;--shadow-lift:0 2px 6px #0e11160f, 0 22px 44px #0e11161f, inset 0 1px 0 #fffffff2;--shadow-pop:0 8px 24px #0e11161f, 0 28px 72px #0e111629, inset 0 1px 0 #fffffff2;--shadow-glow:0 0 0 1px #2563eb29, 0 1px 2px #2563eb1a, 0 12px 34px #2563eb38, inset 0 1px 0 #ffffffe6;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--radius-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.45s;--font-ui:"DM Sans Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-display:"Space Grotesk Variable", "DM Sans Variable", -apple-system, "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--tracking-title:0;--tracking-label:0;--sidebar-width:252px;--content-padding:28px}:root[data-theme=dark]{--bg-app:#171b24;--bg-app-gradient:linear-gradient(135deg, #2b3444 0%, #202733 44%, #171b24 100%);--bg-sidebar:#1d232eeb;--bg-sidebar-solid:#1d232e;--bg-surface:#242b37;--bg-surface-gradient:linear-gradient(180deg, #2a323f 0%, #222934 100%);--bg-muted:#2d3542;--bg-hover:#ffffff16;--bg-selected:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--bg-selected:color-mix(in srgb, var(--primary) 20%, #252d3a)}}:root[data-theme=dark]{--text-primary:#f4f5f6;--text-secondary:#c1c8d3;--text-tertiary:#8d97a6;--text-success:#2fbf7f;--text-warning:#f59e0b;--text-danger:#f87171;--primary:#67a4ff;--primary-hover:#82b5ff;--primary-soft:#67a4ff29;--primary-glow:#67a4ff57;--primary-foreground:#fff;--border:#ffffff1f;--border-strong:#ffffff38;--hairline:#ffffff14;--shadow-card:0 1px 2px #03071247, 0 5px 14px #0307122e, inset 0 1px 0 #ffffff12;--shadow-lift:0 5px 14px #03071247, 0 18px 38px #03071247, inset 0 1px 0 #ffffff17;--shadow-pop:0 10px 26px #03071257, 0 28px 64px #03071257, inset 0 1px 0 #ffffff17;--shadow-glow:0 0 0 1px #67a4ff4d, 0 5px 18px #0307123d, 0 12px 30px #67a4ff29, inset 0 1px 0 #ffffff14;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--radius-full:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.45s;--tracking-title:-.02em;--tracking-label:.02em}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-app:#171b24;--bg-app-gradient:linear-gradient(135deg, #2b3444 0%, #202733 44%, #171b24 100%);--bg-sidebar:#1d232eeb;--bg-sidebar-solid:#1d232e;--bg-surface:#242b37;--bg-surface-gradient:linear-gradient(180deg, #2a323f 0%, #222934 100%);--bg-muted:#2d3542;--bg-hover:#ffffff16;--bg-selected:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root:not([data-theme]){--bg-selected:color-mix(in srgb, var(--primary) 20%, #252d3a)}}:root:not([data-theme]){--text-primary:#f4f5f6;--text-secondary:#c1c8d3;--text-tertiary:#8d97a6;--text-success:#2fbf7f;--text-warning:#f59e0b;--text-danger:#f87171;--primary:#67a4ff;--primary-hover:#82b5ff;--primary-soft:#67a4ff29;--primary-glow:#67a4ff57;--primary-foreground:#fff;--border:#ffffff1f;--border-strong:#ffffff38;--hairline:#ffffff14;--shadow-card:0 1px 2px #03071247, 0 5px 14px #0307122e, inset 0 1px 0 #ffffff12;--shadow-lift:0 5px 14px #03071247, 0 18px 38px #03071247, inset 0 1px 0 #ffffff17;--shadow-glow:0 0 0 1px #67a4ff4d, 0 5px 18px #0307123d, 0 12px 30px #67a4ff29, inset 0 1px 0 #ffffff14;--shadow-pop:0 10px 26px #03071257, 0 28px 64px #03071257}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--app-bg-color,var(--bg-app));background-image:var(--app-bg-image,var(--bg-app-gradient));color:var(--text-primary);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-position:50%,50%;background-size:cover,auto;background-attachment:fixed,fixed;font-size:14px;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.95;background:radial-gradient(1000px 640px at 88% -12%,#2563eb12,#0000 62%),radial-gradient(800px 520px at -8% 108%,#785af50d,#0000 60%),radial-gradient(900px 600px at 38% 118%,#2563eb09,#0000 55%);position:fixed;inset:0}html[data-theme=dark] body:before{opacity:.8;background:linear-gradient(124deg,#7399d217 0%,#0000 42%),linear-gradient(322deg,#a67ebe0f 0%,#0000 36%)}body:after{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:linear-gradient(#0e111605 1px,#0000 1px),linear-gradient(90deg,#0e111605 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 0,#000 0%,#0000 100%);mask-image:radial-gradient(85% 70% at 50% 0,#000 0%,#0000 100%)}html[data-theme=dark] body:after{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}body[data-custom-bg]:after,body[data-custom-bg]:before{display:none}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-card.enter{animation:rise-in .5s var(--ease-out) both}@keyframes pop-in{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.btn,.nav-item,.site-card,.tag-chip,.site-tag,.cat-act-btn,.site-act-btn,.panel-dot,.input,.modal-card{transition-duration:var(--dur);transition-timing-function:var(--ease-out)}.shell{height:100vh;min-height:0;display:flex}.sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--bg-sidebar-solid) 0%, var(--bg-sidebar-solid) 100%)}@supports (color:color-mix(in lab, red, red)){.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-sidebar-solid) 97%, #fff) 0%, color-mix(in srgb, var(--bg-sidebar-solid) 92%, transparent) 100%)}}.sidebar{-webkit-backdrop-filter:blur(22px)saturate(1.5);border-right:1px solid var(--border);z-index:60;min-height:0;box-shadow:inset -1px 0 0 var(--hairline), 8px 0 28px -18px #0e111640;flex-direction:column;flex-shrink:0;display:flex;position:relative}html[data-theme=dark] .sidebar{box-shadow:inset -1px 0 0 var(--hairline), 8px 0 32px -18px #0009}.sidebar-close{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:none}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-burger,.drawer-mask{display:none}.sidebar-search{padding:2px 14px 10px;position:relative}.search-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--dur) var(--ease-out);position:absolute;top:50%;left:24px;transform:translateY(-50%)}.sidebar-search:focus-within .search-icon{color:var(--primary)}.sidebar-search-clear{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:21px;transform:translateY(-50%)}.sidebar-search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-search .input{padding-right:34px!important}@media (width<=768px){.sidebar{z-index:100;transition:transform .26s var(--ease-out);box-shadow:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:0 0 48px #1018282e}.sidebar-close{display:inline-flex}.sidebar-burger{flex-shrink:0;display:inline-flex}.drawer-mask{z-index:90;background:#08090a6b;animation:.2s mask-in;display:block;position:fixed;inset:0}@keyframes mask-in{0%{opacity:0}to{opacity:1}}}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{min-height:0;padding:4px var(--content-padding) 24px;z-index:1;background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}@media (width<=768px){.content{padding:4px 14px 18px}.scroll-hint{display:none!important}.tag-bar.tag-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin-bottom:10px;padding:8px 12px;overflow-x:auto}.tag-bar::-webkit-scrollbar{display:none}.tag-bar-label,.tag-chip,.tag-clear{flex-shrink:0}.l2d-stage{transform-origin:100% 100%;bottom:44px;right:8px;transform:scale(.6)}.subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:70vw;overflow:hidden}.l2d-stage{display:none}.panel-dots{padding:8px 0 0}}.nav-item{border-radius:var(--radius-sm);height:40px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:calc(100% - 20px);transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;margin:2px 10px;padding:0 12px;font-size:13.5px;display:flex;position:relative}.nav-item:before{content:"";background:var(--primary);width:3px;height:0;transition:height var(--dur-slow) var(--ease-spring);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-10px;translate:0 -50%}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item:active{transform:scale(.985)}.nav-item.active{background:linear-gradient(90deg, var(--bg-selected) 0%, var(--primary-soft) 100%)}@supports (color:color-mix(in lab, red, red)){.nav-item.active{background:linear-gradient(90deg, var(--bg-selected) 0%, color-mix(in srgb, var(--primary-soft) 70%, var(--bg-surface)) 100%)}}.nav-item.active{color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary), inset 0 1px 0 color-mix(in srgb, #fff 55% 40%, transparent);font-weight:600}@supports (color:color-mix(in lab, red, red)){.nav-item.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent), inset 0 1px 0 color-mix(in srgb, #fff 55% 40%, transparent)}}html[data-theme=dark] .nav-item.active{box-shadow:inset 0 0 0 1px var(--primary), 0 2px 12px -2px #4e97ff2e}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .nav-item.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent), 0 2px 12px -2px #4e97ff2e}}.nav-item.active:before{height:22px;box-shadow:0 0 8px var(--primary-glow)}.nav-item .count{color:var(--text-tertiary);background:var(--bg-muted);border-radius:var(--radius-full);text-align:center;min-width:24px;transition:all var(--dur) var(--ease-out);margin-left:auto;padding:2px 8px;font-size:11px}.nav-item.active .count{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.nav-item.active .count{background:color-mix(in srgb, var(--primary) 15%, transparent)}}.nav-item.active .count{color:var(--primary)}.cat-item{gap:6px;position:relative}.cat-item .count{flex-shrink:0;margin-left:0}.cat-actions{flex-shrink:0;gap:3px;display:none}.cat-item:hover .cat-actions{display:inline-flex}.cat-item:hover .count{display:none}.cat-act-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:22px;height:22px;transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.cat-act-btn:hover{background:var(--bg-hover);transform:scale(1.08)}.cat-act-btn.danger:hover{color:var(--text-danger);border-color:var(--text-danger)}.panel-track{scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.panel-page{scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;height:100%;min-height:0;padding:6px 4px 20px;overflow:hidden auto}.panel-page .site-grid.anim,.panel-page .scroll-region.anim{animation:panel-in .4s var(--ease-out) both}.panel-page .site-grid{grid-template-columns:repeat(4,1fr)}@media (width<=1439px){.panel-page .site-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1023px){.panel-page .site-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.panel-page .site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.site-grid>*{min-width:0}.panel-dots{flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:12px 0 2px;display:flex}.panel-counter{color:var(--text-tertiary);letter-spacing:.04em;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;margin-right:6px;font-size:11px;font-weight:600}.panel-dot{border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:6px;height:6px;transition:width .28s var(--ease-out), background .28s var(--ease-out), transform .2s var(--ease-out);border:none;padding:0}.panel-dot:hover{background:var(--text-tertiary);transform:scale(1.35)}.panel-dot.active{background:var(--primary);width:22px}.scroll-hint{color:var(--text-tertiary);pointer-events:none;z-index:5;animation:hint-bounce 2.2s var(--ease-out) infinite;opacity:.75;flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex;position:fixed;bottom:44px;right:36px}@keyframes hint-bounce{0%,to{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.tag-filter-hint{color:var(--primary);margin-left:4px;font-size:13px;font-weight:500}.health-filter-hint{color:var(--text-danger);margin-left:4px;font-size:12px;font-weight:550}.tag-bar{background:linear-gradient(180deg, var(--bg-surface), var(--bg-muted));flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:14px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.tag-bar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 94%, transparent), var(--bg-muted))}}.tag-bar{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card), inset 0 1px 0 var(--hairline)}.tag-bar-label{color:var(--text-secondary);margin-right:2px;font-size:12px;font-weight:600}.tag-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-muted);height:26px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur) var(--ease-out);align-items:center;gap:4px;padding:0 11px;font-size:12px;display:inline-flex}.tag-chip:hover{background:var(--bg-hover);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.tag-chip:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}}.tag-chip:hover{color:var(--text-primary);transform:translateY(-1.5px);box-shadow:0 3px 8px #0e111614}html[data-theme=dark] .tag-chip:hover{box-shadow:0 3px 10px #00000073}.tag-chip:active{transform:scale(.94)}.tag-chip.active{background:var(--bg-selected);border-color:var(--primary);color:var(--primary);animation:pop-in .35s var(--ease-spring);font-weight:550}.tag-count{color:var(--text-tertiary);font-size:10px}.tag-more{border-radius:var(--radius-full);border:1px dashed var(--border-strong);height:26px;color:var(--text-tertiary);cursor:pointer;transition:all var(--dur) var(--ease-out);background:0 0;align-items:center;padding:0 11px;font-size:12px;display:inline-flex}.tag-more:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.tag-clear{border-radius:var(--radius-full);border:1px solid var(--text-danger);height:26px;color:var(--text-danger);cursor:pointer;transition:all var(--dur) var(--ease-out);background:0 0;margin-left:4px;padding:0 11px;font-size:11px}.tag-clear:hover{background:var(--text-danger)}@supports (color:color-mix(in lab, red, red)){.tag-clear:hover{background:color-mix(in srgb, var(--text-danger) 8%, transparent)}}.tag-clear:hover{transform:translateY(-1px)}.site-tags{flex-wrap:wrap;gap:4px;display:flex}.site-card .favicon{transition:background .2s ease, transform .2s var(--ease-out)}.site-card:hover .favicon{background:var(--favicon-bg);transform:scale(1.06)}.favicon.c0{--favicon-bg:#2563eb1a}.favicon.c1{--favicon-bg:#0596691f}.favicon.c2{--favicon-bg:#d977061f}.favicon.c3{--favicon-bg:#db27771a}.favicon.c4{--favicon-bg:#7c3aed1a}.favicon.c5{--favicon-bg:#0891b21f}.favicon.c6{--favicon-bg:#dc262614}.favicon.c7{--favicon-bg:#0d94881f}.site-tag.t0{--tag-c:#2563eb;--tag-bg:#2563eb14}.site-tag.t1{--tag-c:#059669;--tag-bg:#0596691a}.site-tag.t2{--tag-c:#d97706;--tag-bg:#d977061a}.site-tag.t3{--tag-c:#db2777;--tag-bg:#db277714}.site-tag.t4{--tag-c:#7c3aed;--tag-bg:#7c3aed14}.site-tag.t5{--tag-c:#0891b2;--tag-bg:#0891b21a}.site-tag.t6{--tag-c:#dc2626;--tag-bg:#dc262612}.site-tag.t7{--tag-c:#0d9488;--tag-bg:#0d94881a}.site-tag{color:var(--tag-c,var(--primary));background:var(--tag-bg,var(--primary));font-size:10.5px}@supports (color:color-mix(in lab, red, red)){.site-tag{background:var(--tag-bg,color-mix(in srgb, var(--primary) 8%, var(--bg-surface)))}}.site-tag{border:1px solid var(--tag-c,var(--primary))}@supports (color:color-mix(in lab, red, red)){.site-tag{border:1px solid color-mix(in srgb, var(--tag-c,var(--primary)) 22%, transparent)}}.site-tag{border-radius:var(--radius-full);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .16s, transform .16s var(--ease-out);padding:1.5px 8px}.site-tag:hover{background:var(--tag-c,var(--primary))}@supports (color:color-mix(in lab, red, red)){.site-tag:hover{background:color-mix(in srgb, var(--tag-c,var(--primary)) 14%, transparent)}}.site-tag:hover{transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.notes-wall{column-count:4;column-fill:balance;column-gap:14px;padding-bottom:4px}.notes-wall>.note-card{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;width:100%;margin-bottom:14px}@media (width>=1680px){.notes-wall{column-count:5}}@media (width<=1600px){.notes-wall{column-count:4}}@media (width<=1400px){.notes-wall{column-count:3}}@media (width<=1100px){.notes-wall{column-count:2}}@media (width<=560px){.notes-wall{column-count:1}}.note-card{transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out);background:repeating-linear-gradient(transparent 0px, transparent 23px, var(--note-accent,#f59e0b) 24px), linear-gradient(180deg, var(--note-bg,#fff8e1) 0%, var(--note-bg,#fff8e1) 100%);border:none;border-radius:3px 3px 10px 10px;flex-direction:column;padding:0;display:flex;position:relative;overflow:visible;box-shadow:0 1px 2px #1018280f,0 3px 6px #1018280d,0 8px 20px #1018280f}@supports (color:color-mix(in lab, red, red)){.note-card{background:repeating-linear-gradient(transparent 0px, transparent 23px, color-mix(in srgb, var(--note-accent,#f59e0b) 9%, transparent) 24px), linear-gradient(180deg, color-mix(in srgb, var(--note-bg,#fff8e1) 97%, #fff) 0%, var(--note-bg,#fff8e1) 100%)}}.note-card{background-color:var(--note-bg,#fff8e1);transform:rotate(var(--note-tilt,0deg));animation:note-pop .4s var(--ease-out) both;z-index:0}@keyframes note-pop{0%{opacity:0;transform:rotate(var(--note-tilt,0deg)) scale(.86) translateY(8px)}60%{opacity:1;transform:rotate(var(--note-tilt,0deg)) scale(1.03) translateY(-2px)}to{opacity:1;transform:rotate(var(--note-tilt,0deg)) scale(1) translateY(0)}}.note-card:before{content:"";background:linear-gradient(180deg, var(--note-accent,#f59e0b) 0%, var(--note-accent,#f59e0b) 100%);width:92px;height:26px;position:absolute;top:-12px;left:50%}@supports (color:color-mix(in lab, red, red)){.note-card:before{background:linear-gradient(180deg, color-mix(in srgb, var(--note-accent,#f59e0b) 26%, #fff) 0%, color-mix(in srgb, var(--note-accent,#f59e0b) 36%, #fff) 100%)}}.note-card:before{opacity:.75;pointer-events:none;z-index:1;transition:opacity .2s;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 3px #10182814}.note-card .note-tape-l{opacity:.6;pointer-events:none;z-index:1;background:linear-gradient(#ffffff8c,#ffffff4d);width:44px;height:18px;position:absolute;top:-6px;left:8px;transform:rotate(-38deg)}.note-card:hover{transform:rotate(var(--note-tilt,0deg)) translateY(-4px);box-shadow:0 4px 10px #10182814,0 14px 32px #1018281f}.note-card:hover:before{opacity:.9}.note-card.note-dragging{opacity:.55;transform:rotate(var(--note-tilt,0deg)) scale(1.04) rotate(1.5deg);box-shadow:0 10px 28px #10182829}.note-card.note-drag-over{outline:2px dashed var(--note-accent,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.note-card.note-drag-over{outline:2px dashed color-mix(in srgb, var(--note-accent,#f59e0b) 70%, transparent)}}.note-card.note-drag-over{outline-offset:3px;transform:rotate(var(--note-tilt,0deg)) translateY(-3px)}.note-card .note-clip{color:var(--note-text,#374151);position:absolute;bottom:10px;right:12px}@supports (color:color-mix(in lab, red, red)){.note-card .note-clip{color:color-mix(in srgb, var(--note-text,#374151) 40%, transparent)}}.note-card .note-clip{opacity:.55;pointer-events:none;z-index:1}.note-card .note-grip{width:22px;height:22px;color:var(--note-text,#374151);border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}@supports (color:color-mix(in lab, red, red)){.note-card .note-grip{color:color-mix(in srgb, var(--note-text,#374151) 45%, transparent)}}.note-card .note-grip{opacity:0;cursor:grab;z-index:2;touch-action:none;transition:opacity .16s,background .16s}.note-card:hover .note-grip,.note-card.note-dragging .note-grip{opacity:.85}.note-card .note-grip:hover{background:var(--note-accent,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.note-card .note-grip:hover{background:color-mix(in srgb, var(--note-accent,#f59e0b) 14%, transparent)}}.note-card .note-grip:hover{opacity:1}.note-card .note-grip:active{cursor:grabbing}.note-card .note-content,.note-card .note-edit textarea{-webkit-user-select:text;user-select:text}.note-card .note-body{z-index:0;flex-direction:column;flex:1;gap:4px;padding:26px 16px 12px;display:flex;position:relative}.note-card .note-content{color:var(--note-text,#374151);word-break:break-word;white-space:pre-wrap;font-size:13.5px;line-height:1.75}.note-card .note-content.clamped{-webkit-line-clamp:12;cursor:pointer;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card .note-content.clamped.expanded{-webkit-line-clamp:unset;overflow:visible}.note-card .note-expand-hint{color:var(--note-accent,#f59e0b);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.85;align-self:flex-start;margin-top:6px;font-size:11.5px;font-weight:600;transition:opacity .15s}.note-card .note-expand-hint:hover{opacity:1}.note-card .note-foot{border-top:1px dashed var(--note-accent,#f59e0b);justify-content:space-between;align-items:center;margin-top:auto;padding:8px 14px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.note-card .note-foot{border-top:1px dashed color-mix(in srgb, var(--note-accent,#f59e0b) 30%, transparent)}}.note-card .note-foot{z-index:0;position:relative}.note-card .note-time{color:var(--note-text,#374151);font-size:11px}@supports (color:color-mix(in lab, red, red)){.note-card .note-time{color:color-mix(in srgb, var(--note-text,#374151) 60%, transparent)}}.note-card .note-time{align-items:center;display:inline-flex}.note-card .note-edit{flex-direction:column;flex:1;gap:4px;padding:16px 14px 12px;display:flex}.note-card.n0{--note-bg:#fff8e1;--note-accent:#f59e0b;--note-text:#78350f}.note-card.n1{--note-bg:#e3f2fd;--note-accent:#3b82f6;--note-text:#1e3a5f}.note-card.n2{--note-bg:#e8f5e9;--note-accent:#10b981;--note-text:#14532d}.note-card.n3{--note-bg:#fce4ec;--note-accent:#ec4899;--note-text:#831843}.note-card.n4{--note-bg:#f3e8ff;--note-accent:#8b5cf6;--note-text:#4c1d95}.note-card.n5{--note-bg:#e0f7fa;--note-accent:#06b6d4;--note-text:#164e63}.note-card.n6{--note-bg:#ffebee;--note-accent:#ef4444;--note-text:#7f1d1d}.note-card.n7{--note-bg:#e0f2f1;--note-accent:#0d9488;--note-text:#134e4a}[data-theme=dark] .note-card.n0{--note-bg:#2d2816;--note-text:#fde68a}[data-theme=dark] .note-card.n1{--note-bg:#16233d;--note-text:#93c5fd}[data-theme=dark] .note-card.n2{--note-bg:#142a1e;--note-text:#86efac}[data-theme=dark] .note-card.n3{--note-bg:#331b2a;--note-text:#f9a8d4}[data-theme=dark] .note-card.n4{--note-bg:#251b3d;--note-text:#c4b5fd}[data-theme=dark] .note-card.n5{--note-bg:#122b33;--note-text:#67e8f9}[data-theme=dark] .note-card.n6{--note-bg:#351b1d;--note-text:#fca5a5}[data-theme=dark] .note-card.n7{--note-bg:#122b28;--note-text:#5eead4}[data-theme=dark] .note-card{background:repeating-linear-gradient(transparent 0px, transparent 23px, var(--note-accent,#f59e0b) 24px), linear-gradient(180deg, var(--note-bg,#2d2816) 0%, var(--note-bg,#2d2816) 100%)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .note-card{background:repeating-linear-gradient(transparent 0px, transparent 23px, color-mix(in srgb, var(--note-accent,#f59e0b) 5%, transparent) 24px), linear-gradient(180deg, color-mix(in srgb, var(--note-bg,#2d2816) 98%, #fff) 0%, var(--note-bg,#2d2816) 100%)}}[data-theme=dark] .note-card{background-color:var(--note-bg,#2d2816)}[data-theme=dark] .note-card:before{background:linear-gradient(180deg, var(--note-accent,#f59e0b) 0%, var(--note-accent,#f59e0b) 100%)}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .note-card:before{background:linear-gradient(180deg, color-mix(in srgb, var(--note-accent,#f59e0b) 16%, #222) 0%, color-mix(in srgb, var(--note-accent,#f59e0b) 24%, #222) 100%)}}[data-theme=dark] .note-card:before{opacity:.6}[data-theme=dark] .note-card .note-tape-l{background:linear-gradient(#ffffff1f,#ffffff0f)}.note-page-head{flex-shrink:0;align-items:center;gap:8px;padding:10px 0 8px;display:flex}.note-page-ico{color:var(--text-secondary);flex-shrink:0}.note-page-title{font-size:16px;font-weight:650;font-family:var(--font-display);letter-spacing:var(--tracking-title);color:var(--text-primary);flex-shrink:0}.note-page-meta{color:var(--text-tertiary);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.note-page-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.note-filter-bar{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:8px 0 2px;display:flex}.note-chip{height:26px;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;transition:all var(--dur) var(--ease-out);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;display:inline-flex}.note-chip:hover{color:var(--text-primary);border-color:#f59e0b}.note-chip.active{color:#fff;background:#f59e0b;border-color:#f59e0b;font-weight:600}.note-chip.uncat{border-style:dashed}.note-chip.active.uncat{border-style:solid}.note-chip-n{opacity:.7;font-variant-numeric:tabular-nums;font-size:10px}.note-chip.active .note-chip-n{opacity:.9}.note-group{margin-bottom:14px}.note-group:last-child{margin-bottom:0}.note-group-head{align-items:center;gap:7px;margin-bottom:8px;display:flex}.note-group-name{color:var(--text-secondary);letter-spacing:.02em;font-size:12px;font-weight:600}.note-group-name.uncat{color:var(--text-tertiary);font-weight:500}.note-group-n{color:var(--text-tertiary);font-variant-numeric:tabular-nums;background:#1018280d;border-radius:999px;padding:1px 6px;font-size:10px}[data-theme=dark] .note-group-n{background:#ffffff14}.note-card .note-title{color:var(--note-accent,#b45309);border-bottom:1px dashed var(--note-accent,#f59e0b);margin-bottom:5px;padding-bottom:5px;font-size:13.5px;font-weight:700;line-height:1.35}@supports (color:color-mix(in lab, red, red)){.note-card .note-title{border-bottom:1px dashed color-mix(in srgb, var(--note-accent,#f59e0b) 35%, transparent)}}.note-card .note-title{word-break:break-word}.note-card .note-title.is-empty{opacity:.55;border-bottom-color:#0000;font-style:italic;font-weight:500}.spin-anim{animation:.9s linear infinite note-spin}@keyframes note-spin{to{transform:rotate(360deg)}}.site-card{transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background var(--dur) var(--ease-out);cursor:pointer;border-radius:var(--radius-md);background:var(--bg-surface-gradient);border:1px solid var(--border);min-height:96px;box-shadow:var(--shadow-card);flex-direction:column;gap:7px;padding:16px;display:flex;position:relative;overflow:hidden}.site-card:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--hairline) 30%, var(--hairline) 70%, transparent 100%);opacity:.9;pointer-events:none;height:1px;position:absolute;top:0;left:8%;right:8%}.site-card:after{content:"";background:linear-gradient(90deg, var(--primary), transparent);width:70%;height:90%;position:absolute;top:-40%;left:-20%}@supports (color:color-mix(in lab, red, red)){.site-card:after{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 12%, transparent), transparent)}}.site-card:after{opacity:0;transition:opacity var(--dur) var(--ease-out);pointer-events:none;transform:translateY(0)}.site-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.site-card:hover{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.site-card:hover{box-shadow:var(--shadow-lift);background:var(--bg-surface);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.site-card:hover{background:color-mix(in srgb, var(--bg-surface) 90%, var(--primary-soft))}}.site-card:hover:after{opacity:.8}.site-card:active{transition-duration:var(--dur-fast);transform:translateY(-1px)scale(.99)}.site-card .open-arrow{color:var(--primary);opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-spring);pointer-events:none;position:absolute;bottom:10px;right:12px;transform:translate(4px,4px)}.site-card:hover .open-arrow{opacity:1;transform:translate(0)}.site-card__actions{opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);gap:5px;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.site-card:hover .site-card__actions{opacity:1;transform:translateY(0)}.site-act-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:26px;height:26px;box-shadow:var(--shadow-card);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:11px;display:flex}.site-act-btn:hover{background:var(--bg-hover);transform:scale(1.1)}.site-act-btn.danger:hover{color:var(--text-danger);border-color:var(--text-danger)}.site-act-btn.pin-active{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b}.note-card .site-act-btn[title=一键复制全部内容]:hover{color:var(--note-accent,#f59e0b);border-color:var(--note-accent,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.note-card .site-act-btn[title=一键复制全部内容]:hover{border-color:color-mix(in srgb, var(--note-accent,#f59e0b) 55%, transparent)}}.note-card .site-act-btn[title=一键复制全部内容]:hover{background:var(--note-accent,#f59e0b)}@supports (color:color-mix(in lab, red, red)){.note-card .site-act-btn[title=一键复制全部内容]:hover{background:color-mix(in srgb, var(--note-accent,#f59e0b) 12%, transparent)}}.site-card.pinned{box-shadow:inset 3px 0 0 var(--primary), var(--shadow-card)}@supports (color:color-mix(in lab, red, red)){.site-card.pinned{box-shadow:inset 3px 0 0 color-mix(in srgb, var(--primary) 68%, transparent), var(--shadow-card)}}.site-card .title{color:var(--text-primary);align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:550;display:flex}.site-card .desc{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.site-card .meta{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:auto;padding-right:20px;font-size:11px;overflow:hidden}.favicon{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-muted) 100%);border-radius:9px;width:34px;height:34px}@supports (color:color-mix(in lab, red, red)){.favicon{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-surface) 88%, #fff) 0%, var(--bg-muted) 100%)}}.favicon{border:1px solid var(--border);box-shadow:inset 0 0 0 1px var(--hairline), inset 0 -1px 2px #0e11160d;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}html[data-theme=dark] .favicon{box-shadow:inset 0 0 0 1px var(--hairline), inset 0 -1px 2px #00000059}.site-card:hover .favicon{background:var(--favicon-bg,var(--bg-muted))}.favicon img{object-fit:contain;z-index:1;width:24px;height:24px;position:relative}.btn{border-radius:var(--radius-sm);height:34px;letter-spacing:var(--tracking-label);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur) var(--ease-out);align-items:center;gap:6px;padding:0 15px;font-size:13px;display:inline-flex}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px)}.btn:active{transition-duration:var(--dur-fast);transform:scale(.96)}.btn-primary{background:linear-gradient(180deg, var(--primary) 0%, var(--primary) 100%)}@supports (color:color-mix(in lab, red, red)){.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 92%, #fff) 0%, var(--primary) 100%)}}.btn-primary{color:var(--primary-foreground);box-shadow:inset 0 1px 0 #ffffff40, 0 1px 2px var(--primary), 0 4px 14px var(--primary-glow);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.btn-primary{box-shadow:inset 0 1px 0 #ffffff40, 0 1px 2px color-mix(in srgb, var(--primary) 35%, transparent), 0 4px 14px var(--primary-glow)}}.btn-primary:hover{background:linear-gradient(180deg, var(--primary-hover) 0%, var(--primary-hover) 100%)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-hover) 90%, #fff) 0%, var(--primary-hover) 100%)}}.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff47, 0 2px 4px var(--primary), 0 8px 26px var(--primary-glow);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover{box-shadow:inset 0 1px 0 #ffffff47, 0 2px 4px color-mix(in srgb, var(--primary) 45%, transparent), 0 8px 26px var(--primary-glow)}}.btn-primary:hover{transform:translateY(-1px)}html[data-theme=dark] .btn-primary{box-shadow:inset 0 1px 0 #ffffff2e, 0 1px 2px #0000004d, 0 4px 16px var(--primary-glow)}.btn-danger{color:var(--text-danger)}.btn-sm{height:30px;padding:0 11px;font-size:12px}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);height:34px;color:var(--text-primary);width:100%;transition:border-color .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s var(--ease-out);outline:none;padding:0 13px;font-size:13.5px}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary)}@supports (color:color-mix(in lab, red, red)){.input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 13%, transparent)}}.input:focus{background:var(--bg-surface)}.input::placeholder{color:var(--text-tertiary)}.site-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=1280px){.site-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.site-grid{grid-template-columns:repeat(2,1fr)}}.scroll-region{min-height:0;overflow:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.empty{color:var(--text-tertiary);animation:rise-in .5s var(--ease-out) both;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 0;display:flex}.empty>svg{animation:3s ease-in-out infinite float-y}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section-title{font-size:15px;font-weight:600;font-family:var(--font-display);letter-spacing:var(--tracking-title);color:var(--text-primary)}.page-title{font-size:22px;font-weight:650;font-family:var(--font-display);letter-spacing:var(--tracking-title);color:var(--text-primary)}.subtitle{color:var(--text-tertiary);letter-spacing:.01em;font-size:12.5px}@media (width<=768px){body{font-size:15px}.nav-item,.btn{height:44px;font-size:14px}.btn-sm{height:38px}.input{height:44px;font-size:15px}.site-card{min-height:104px;padding:14px}.site-card .title{font-size:14.5px}.site-card .desc{font-size:13px}.tag-chip,.tag-more,.tag-clear{height:32px;font-size:13px}.panel-dot{width:8px;height:8px}.panel-dot.active{width:26px}.site-act-btn,.cat-act-btn{width:32px;height:32px}}.view-root{min-height:0;animation:view-in .26s var(--ease-out) both;flex-direction:column;flex:1;display:flex}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.palette-mask{-webkit-backdrop-filter:blur(4px);z-index:300;background:#08090a73;justify-content:center;align-items:flex-start;padding-top:16vh;display:flex;position:fixed;inset:0}.palette{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,92vw);box-shadow:var(--shadow-pop);animation:palette-in .2s var(--ease-spring);overflow:hidden}@keyframes palette-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.palette-enter-active,.palette-leave-active{transition:opacity .15s ease, transform .15s var(--ease-out)}.palette-enter-from,.palette-leave-to{opacity:0;transform:translateY(-8px)scale(.99)}.palette-input-row{border-bottom:1px solid var(--border);color:var(--text-tertiary);align-items:center;gap:10px;padding:14px 16px;display:flex}.palette-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.palette-input::placeholder{color:var(--text-tertiary)}.palette-kbd{color:var(--text-tertiary);border:1px solid var(--border);background:var(--bg-muted);border-radius:5px;padding:2px 7px;font-family:inherit;font-size:10px}.palette-list{flex-direction:column;gap:2px;max-height:380px;padding:6px;display:flex;overflow-y:auto}.palette-item{border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:background .12s var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.palette-item.active,.palette-item:hover{background:var(--bg-selected)}.palette-item-icon{color:var(--primary);flex-shrink:0;display:inline-flex}.palette-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.palette-item-hint{color:var(--text-tertiary);flex-shrink:0;font-size:11.5px}.palette-item-open{color:var(--text-tertiary);flex-shrink:0}.palette-empty{text-align:center;color:var(--text-tertiary);padding:28px 16px;font-size:13px}.palette-loading{color:var(--text-tertiary);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.palette-item--web{border-top:1px dashed var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);margin-top:2px;padding-top:10px}.palette-item--web+.palette-item--web{border-top:none;margin-top:0;padding-top:9px}.shot-preview{z-index:120;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:320px;box-shadow:var(--shadow-pop);pointer-events:none;animation:rise-in .2s var(--ease-out) both;position:fixed;overflow:hidden}.shot-preview img{object-fit:cover;background:var(--bg-muted);width:100%;height:180px;display:block}.shot-preview-title{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;padding:8px 12px;font-size:12px;overflow:hidden}.shot-preview.pos-top{transform:translateY(-8px)}.bulk-bar{background:var(--bg-selected);border:1px solid var(--primary);align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.bulk-bar{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border))}}.bulk-bar{border-radius:var(--radius-md);animation:rise-in .25s var(--ease-out) both}.bulk-count{color:var(--primary);flex-shrink:0;font-size:13px;font-weight:600}.bulk-cat-select{flex:1;width:auto;min-width:140px;height:32px;font-size:12.5px}.site-card.selecting{cursor:pointer}.site-card.selecting:hover{transform:translateY(-2px)}.site-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), var(--shadow-card)}@supports (color:color-mix(in lab, red, red)){.site-card.selected{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 22%, transparent), var(--shadow-card)}}.select-check{border:1.5px solid var(--border-strong);background:var(--bg-surface);color:#0000;width:22px;height:22px;transition:all .15s var(--ease-out);border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.select-check.on{background:var(--primary);border-color:var(--primary);color:#fff}body[data-density=compact] .site-grid{gap:10px}body[data-density=compact] .site-card{gap:5px;min-height:78px;padding:11px 12px}body[data-density=compact] .site-card .title{font-size:13px}body[data-density=compact] .site-card .desc{-webkit-line-clamp:1;font-size:11.5px}body[data-density=compact] .content{padding-top:2px}.task-page{flex-direction:column;flex:1;min-height:0;display:flex}.task-page-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;padding:18px 2px 16px;display:flex}.task-heading{min-width:0}.task-eyebrow{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:650;line-height:1;display:flex}.task-eyebrow-dot{background:var(--primary);width:7px;height:7px;box-shadow:0 0 0 4px var(--primary);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.task-eyebrow-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent)}}.task-day{border-left:1px solid var(--border);color:var(--text-secondary);letter-spacing:0;text-transform:none;align-items:center;gap:4px;margin-left:3px;padding-left:9px;font-size:10px;font-weight:550;display:inline-flex}.task-heading .page-title{align-items:center;gap:8px;margin-top:9px;font-size:26px;line-height:1.1;display:inline-flex}.task-heading .page-title svg{color:var(--primary)}.task-progress-badge{border:1px solid var(--primary);align-items:center;height:23px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.task-progress-badge{border:1px solid color-mix(in srgb, var(--primary) 24%, var(--border))}}.task-progress-badge{border-radius:var(--radius-full);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.task-progress-badge{background:color-mix(in srgb, var(--primary) 9%, var(--bg-surface))}}.task-progress-badge{color:var(--primary);font-family:var(--font-ui);letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.task-heading .subtitle{margin-top:7px;font-size:11.5px}.task-head-stats{white-space:nowrap;align-items:center;gap:8px;display:flex}.task-stat{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:3px;min-width:70px;padding:8px 11px 7px;display:flex}@supports (color:color-mix(in lab, red, red)){.task-stat{background:color-mix(in srgb, var(--bg-surface) 72%, transparent)}}.task-stat span{color:var(--text-tertiary);font-size:10px;line-height:1}.task-stat strong{color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:16px;line-height:1;display:inline-flex}.task-stat-alert{border-color:var(--text-danger)}@supports (color:color-mix(in lab, red, red)){.task-stat-alert{border-color:color-mix(in srgb, var(--text-danger) 25%, var(--border))}}.task-stat-alert{background:var(--text-danger)}@supports (color:color-mix(in lab, red, red)){.task-stat-alert{background:color-mix(in srgb, var(--text-danger) 5%, var(--bg-surface))}}.task-stat-alert strong,.task-stat-alert svg{color:var(--text-danger)}.task-head-stats>.btn{background:var(--bg-surface);height:36px;margin-left:3px;padding:0 12px}@supports (color:color-mix(in lab, red, red)){.task-head-stats>.btn{background:color-mix(in srgb, var(--bg-surface) 76%, transparent)}}.task-head-stats>.btn{font-size:11px}.task-layout{scrollbar-width:thin;flex:1;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:18px;min-height:0;padding:0 2px 24px;display:grid;overflow-y:auto}.task-board{background:var(--bg-surface);border-radius:20px;flex-direction:column;min-width:0;min-height:360px;padding:0 18px 18px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.task-board{background:color-mix(in srgb, var(--bg-surface) 76%, var(--bg-app))}}.task-board{box-shadow:0 10px 30px var(--text-primary), inset 0 1px 0 var(--hairline)}@supports (color:color-mix(in lab, red, red)){.task-board{box-shadow:0 10px 30px color-mix(in srgb, var(--text-primary) 5%, transparent), inset 0 1px 0 var(--hairline)}}.task-board-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:12px;padding:18px 0 14px;display:flex}.task-section-kicker{color:var(--primary);letter-spacing:.12em;font-size:9px;font-weight:750;line-height:1}.task-board-head h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:var(--tracking-title);margin:7px 0 0;font-size:17px;font-weight:650}.task-board-count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:10.5px}.task-add{border:1px solid var(--border);background:var(--bg-surface);box-shadow:inset 0 1px 0 var(--hairline);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border-radius:14px;grid-template-columns:minmax(0,1fr) 106px 142px auto;align-items:center;gap:7px;margin-top:16px;padding:7px 8px;display:grid}.task-add:focus-within{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.task-add:focus-within{border-color:color-mix(in srgb, var(--primary) 42%, var(--border))}}.task-add:focus-within{box-shadow:0 0 0 4px var(--primary), inset 0 1px 0 var(--hairline)}@supports (color:color-mix(in lab, red, red)){.task-add:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 9%, transparent), inset 0 1px 0 var(--hairline)}}.task-add-main{min-width:0;height:42px;color:var(--primary);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:0 4px;display:flex}.task-add-main:focus-within{box-shadow:none;border-color:#0000}.task-add-input{appearance:none;flex:auto;width:100%;min-width:0;font-size:12.5px;height:40px!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.task-priority,.task-date{background:var(--bg-surface);border-radius:10px;min-width:0;height:42px;padding-left:9px;padding-right:7px;font-size:11px}.task-add-btn{white-space:nowrap;border-radius:10px;height:42px;padding:0 14px}.task-add-btn:disabled{opacity:.55;cursor:not-allowed}.task-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding:0 2px;display:flex}.task-filters{align-items:center;gap:3px;min-width:0;display:inline-flex}.task-filters button{min-height:30px;color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:11px;display:inline-flex}.task-filters button:hover{color:var(--text-primary);background:var(--bg-hover)}.task-filters button.active{color:var(--primary);background:var(--bg-selected);border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.task-filters button.active{border-color:color-mix(in srgb, var(--primary) 24%, var(--border))}}.task-filters button.active{box-shadow:0 2px 8px var(--primary);font-weight:650}@supports (color:color-mix(in lab, red, red)){.task-filters button.active{box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 10%, transparent)}}.task-filters button span{color:inherit;opacity:.72;font-variant-numeric:tabular-nums;font-size:10px}.task-progress-copy{color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px}.task-progress,.task-summary-bar,.focus-progress{border-radius:var(--radius-full);background:var(--text-primary);height:5px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.task-progress,.task-summary-bar,.focus-progress{background:color-mix(in srgb, var(--text-primary) 9%, transparent)}}.task-progress{margin:10px 2px 0}.task-progress span,.task-summary-bar span,.focus-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--primary));height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.task-progress span,.task-summary-bar span,.focus-progress span{background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 65%, #35b99a))}}.task-progress span,.task-summary-bar span,.focus-progress span{transition:width .3s var(--ease-out)}.task-list{flex-direction:column;gap:8px;margin-top:15px;display:flex}.task-item{border:1px solid var(--border);background:var(--bg-surface);border-left:4px solid #0000;border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto 26px;align-items:center;gap:8px;min-width:0;min-height:64px;padding:9px 8px 9px 10px;display:grid}@supports (color:color-mix(in lab, red, red)){.task-item{background:color-mix(in srgb, var(--bg-surface) 88%, transparent)}}.task-item{transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out)}.task-item:hover{background:var(--bg-surface);box-shadow:0 5px 14px var(--text-primary);transform:translate(2px)}@supports (color:color-mix(in lab, red, red)){.task-item:hover{box-shadow:0 5px 14px color-mix(in srgb, var(--text-primary) 6%, transparent)}}.task-item.priority-high{border-left-color:var(--text-danger)}.task-item.priority-normal{border-left-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.task-item.priority-normal{border-left-color:color-mix(in srgb, var(--primary) 42%, transparent)}}.task-item.priority-low{border-left-color:var(--text-tertiary)}.task-item.done{background:var(--bg-muted)}@supports (color:color-mix(in lab, red, red)){.task-item.done{background:color-mix(in srgb, var(--bg-muted) 55%, var(--bg-surface))}}.task-item.done{opacity:.72}.task-check{border:1px solid var(--border-strong);width:24px;height:24px;color:var(--primary-foreground);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-check:hover{border-color:var(--primary)}.task-check.checked{border-color:var(--primary);background:var(--primary)}.task-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.task-copy strong{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.task-item.done .task-copy strong{color:var(--text-tertiary);text-decoration:line-through}.task-due{color:var(--text-tertiary);align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.task-due.today{color:var(--text-warning)}.task-due.overdue{color:var(--text-danger);font-weight:600}.task-priority-label{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-tertiary);white-space:nowrap;padding:3px 7px;font-size:10px}.priority-high .task-priority-label{color:var(--text-danger)}.task-remove{width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--dur-fast), background var(--dur-fast), color var(--dur-fast);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-item:hover .task-remove,.task-remove:focus-visible{opacity:1}.task-remove:hover{color:var(--text-danger);background:var(--text-danger)}@supports (color:color-mix(in lab, red, red)){.task-remove:hover{background:color-mix(in srgb, var(--text-danger) 9%, transparent)}}.task-empty{border:1px dashed var(--border-strong);min-height:240px;color:var(--text-tertiary);text-align:center;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;margin-top:15px;display:flex}.task-empty svg{color:var(--primary);opacity:.75}.task-empty strong{color:var(--text-secondary);font-size:13px;font-weight:600}.task-empty span{font-size:11px}.task-side{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:0}.focus-card,.task-summary{border-radius:20px;padding:18px}.focus-card{background:linear-gradient(145deg, var(--primary) 0%, var(--bg-surface) 72%)}@supports (color:color-mix(in lab, red, red)){.focus-card{background:linear-gradient(145deg, color-mix(in srgb, var(--primary) 10%, var(--bg-surface)) 0%, var(--bg-surface) 72%)}}.focus-card{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-card{border-color:color-mix(in srgb, var(--primary) 20%, var(--border))}}.focus-card{overflow:hidden}.focus-head,.task-summary-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.focus-head>span:first-child,.task-summary-head{align-items:center;gap:5px;display:inline-flex}.focus-head svg,.task-summary-head svg{color:var(--primary)}.focus-mode{color:var(--text-tertiary);font-size:10px;font-weight:500}.focus-timer-shell{background:conic-gradient(var(--primary) var(--focus-progress), var(--primary) 0);border-radius:50%;place-items:center;width:148px;height:148px;margin:20px auto 16px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.focus-timer-shell{background:conic-gradient(var(--primary) var(--focus-progress), color-mix(in srgb, var(--primary) 12%, var(--bg-muted)) 0)}}.focus-timer-shell{transition:background .35s var(--ease-out)}.focus-timer-shell:before{content:"";border-radius:inherit;background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border);position:absolute;inset:7px}.focus-timer-shell.running{box-shadow:0 0 0 5px var(--primary)}@supports (color:color-mix(in lab, red, red)){.focus-timer-shell.running{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 8%, transparent)}}.focus-timer-inner{z-index:1;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.focus-clock{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:31px;font-weight:600;line-height:1}.focus-time-label{color:var(--text-tertiary);font-size:10px}.focus-actions{justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.focus-actions .btn-primary{flex:1;justify-content:center;min-width:0}.focus-actions .btn:not(.btn-primary){justify-content:center;width:40px;padding:0}.focus-hint{color:var(--text-tertiary);text-align:center;margin-top:10px;font-size:10px}.task-summary-head{color:var(--text-tertiary);font-size:11px;font-weight:500}.task-summary{background:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){.task-summary{background:color-mix(in srgb, var(--bg-surface) 82%, var(--bg-app))}}.task-summary-grid{grid-template-columns:repeat(3,1fr);margin:18px 0 16px;display:grid}.task-summary-stat{border-right:1px solid var(--border);flex-direction:column;gap:4px;min-width:0;padding:0 10px;display:flex}.task-summary-stat:first-child{padding-left:0}.task-summary-stat:last-child{border-right:0;padding-right:0}.task-summary-stat strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:650;line-height:1}.task-summary-stat span{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.task-summary-stat.alert strong{color:var(--text-danger)}.task-summary-line{color:var(--text-tertiary);justify-content:space-between;gap:8px;margin:8px 0 6px;font-size:10.5px;display:flex}@media (width<=900px){.task-layout{flex-direction:column;display:flex;overflow-y:auto}.task-board,.task-side{flex:none;width:100%}.task-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}}@media (width<=640px){.task-page-head{flex-direction:column;align-items:flex-start;gap:12px;padding-top:11px}.task-heading .page-title{font-size:23px}.task-head-stats{justify-content:space-between;width:100%}.task-head-stats>.btn{margin-left:auto}.task-stat{min-width:62px;padding-left:9px;padding-right:9px}.task-add{grid-template-columns:minmax(0,1fr) auto}.task-add-main{grid-column:1/-1}.task-priority,.task-date{width:100%}.task-add-btn{grid-column:1/-1;width:100%;min-width:82px;padding-left:10px;padding-right:10px}.task-board{border-radius:16px;padding-left:13px;padding-right:13px}.task-board-head{padding-top:15px}.task-side{grid-template-columns:1fr}.task-item{grid-template-columns:28px minmax(0,1fr) 26px}.task-priority-label{display:none}.task-remove{opacity:1}}@media (width<=380px){.task-head-stats{gap:5px}.task-stat{min-width:56px;padding-left:7px;padding-right:7px}.task-head-stats>.btn{padding:0 8px}.task-add{gap:6px}}.planner-page{flex-direction:column;flex:1;min-height:0;display:flex}.planner-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:16px 2px 15px;display:flex}.planner-heading{align-items:center;gap:14px;min-width:0;display:flex}.planner-date-mark{border:1px solid var(--primary);flex-direction:column;flex:0 0 58px;justify-content:center;align-items:center;width:58px;height:58px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.planner-date-mark{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border))}}.planner-date-mark{background:var(--bg-surface);box-shadow:0 7px 20px var(--text-primary), inset 0 1px 0 var(--hairline);border-radius:14px}@supports (color:color-mix(in lab, red, red)){.planner-date-mark{box-shadow:0 7px 20px color-mix(in srgb, var(--text-primary) 6%, transparent), inset 0 1px 0 var(--hairline)}}.planner-date-mark strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:23px;font-weight:700;line-height:1}.planner-date-mark span{color:var(--primary);margin-top:4px;font-size:9px;font-weight:700}.planner-kicker{color:var(--text-tertiary);letter-spacing:.08em;align-items:center;gap:6px;font-size:9.5px;font-weight:700;display:flex}.planner-kicker span{background:var(--text-success);width:6px;height:6px;box-shadow:0 0 0 3px var(--text-success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.planner-kicker span{box-shadow:0 0 0 3px color-mix(in srgb, var(--text-success) 12%, transparent)}}.planner-title-row{align-items:baseline;gap:8px;margin-top:5px;display:flex}.planner-title-row h1{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin:0;font-size:25px;font-weight:680;line-height:1.08}.planner-title-row>span{color:var(--text-tertiary);font-size:12px;font-weight:550}.planner-heading p{color:var(--text-tertiary);margin:6px 0 0;font-size:11px}.planner-date-nav{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-shrink:0;align-items:center;gap:5px;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.planner-date-nav{background:color-mix(in srgb, var(--bg-surface) 84%, transparent)}}.planner-date-nav{box-shadow:inset 0 1px 0 var(--hairline)}.planner-date-nav button,.planner-date-picker{height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:inline-flex;position:relative}.planner-date-nav>button{width:32px;padding:0}.planner-date-nav button:hover,.planner-date-picker:hover{background:var(--bg-hover);color:var(--text-primary)}.planner-date-picker{background:var(--bg-surface);min-width:96px;box-shadow:0 1px 4px var(--text-primary);gap:6px;padding:0 11px}@supports (color:color-mix(in lab, red, red)){.planner-date-picker{box-shadow:0 1px 4px color-mix(in srgb, var(--text-primary) 7%, transparent)}}.planner-date-picker svg{color:var(--primary)}.planner-date-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.planner-date-nav .planner-today-btn{width:auto;color:var(--primary);padding:0 10px;font-weight:600}.planner-sheet{border:1px solid var(--border);background:var(--bg-surface);min-height:0;box-shadow:0 18px 45px var(--text-primary), inset 0 1px 0 var(--hairline);border-radius:18px;flex:1;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);display:grid;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.planner-sheet{box-shadow:0 18px 45px color-mix(in srgb, var(--text-primary) 7%, transparent), inset 0 1px 0 var(--hairline)}}.planner-sheet{scrollbar-width:thin}.planner-tasks{min-width:0;padding:24px 26px 28px}.planner-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.planner-section-label{color:var(--primary);letter-spacing:.08em;font-size:9px;font-weight:750}.planner-section-head h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin:5px 0 0;font-size:18px;font-weight:650}.planner-progress-dial{background:conic-gradient(var(--primary) var(--task-progress), var(--text-primary) 0);border-radius:50%;flex:0 0 54px;place-items:center;width:54px;height:54px;display:grid}@supports (color:color-mix(in lab, red, red)){.planner-progress-dial{background:conic-gradient(var(--primary) var(--task-progress), color-mix(in srgb, var(--text-primary) 9%, transparent) 0)}}.planner-progress-dial>div{background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:baseline;width:44px;height:44px;display:flex}.planner-progress-dial strong{color:var(--text-primary);font-variant-numeric:tabular-nums;align-self:center;font-size:14px}.planner-progress-dial span{color:var(--text-tertiary);font-variant-numeric:tabular-nums;align-self:center;margin-left:2px;font-size:8px}.planner-compose{border:1px solid var(--border);background:var(--bg-muted);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:18px;padding:6px;display:grid}@supports (color:color-mix(in lab, red, red)){.planner-compose{background:color-mix(in srgb, var(--bg-muted) 52%, var(--bg-surface))}}.planner-compose{transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}@supports (color:color-mix(in lab, red, red)){.planner-compose:focus-within{border-color:color-mix(in srgb, var(--primary) 48%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 9%, transparent)}}.planner-compose-input{min-width:0;height:40px;color:var(--primary);align-items:center;gap:9px;padding:0 8px;display:flex}.planner-compose-input input{appearance:none;width:100%;min-width:0;height:100%;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:13px}.planner-compose-input input::placeholder{color:var(--text-tertiary)}.planner-compose-controls{align-items:center;gap:6px;display:flex}.planner-compose-controls select,.planner-compose-date,.planner-add-btn{border:1px solid var(--border);background:var(--bg-surface);height:38px;color:var(--text-secondary);font:inherit;border-radius:9px;font-size:10.5px}.planner-compose-controls select{outline:0;width:92px;padding:0 8px}.planner-compose-date{min-width:68px;color:var(--text-tertiary);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.planner-add-btn{background:var(--primary);color:var(--primary-foreground);cursor:pointer;box-shadow:0 4px 12px var(--primary);border-color:#0000;justify-content:center;align-items:center;gap:5px;padding:0 13px;font-weight:650;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.planner-add-btn{box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 20%, transparent)}}.planner-add-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.planner-listbar{justify-content:space-between;align-items:center;gap:12px;margin-top:17px;display:flex}.planner-listbar .task-filters button{border-radius:7px;min-height:30px}.planner-clear{height:28px;color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;padding:0 7px;font-size:10px;display:inline-flex}.planner-clear:hover:not(:disabled){background:var(--bg-hover);color:var(--text-danger)}.planner-clear:disabled{opacity:.4;cursor:default}.planner-tasks .task-progress{height:3px;margin:10px 0 0}.planner-tasks .task-list{border-top:1px solid var(--border);gap:0;margin-top:10px}.planner-tasks .task-item{border:0;border-bottom:1px solid var(--border);background:0 0;border-radius:0;min-height:62px;padding:9px 4px 9px 12px;position:relative}.planner-tasks .task-item:before{background:var(--primary);border-radius:3px;width:3px;height:18px;position:absolute;top:50%;left:0}@supports (color:color-mix(in lab, red, red)){.planner-tasks .task-item:before{background:color-mix(in srgb, var(--primary) 48%, transparent)}}.planner-tasks .task-item:before{content:"";transform:translateY(-50%)}.planner-tasks .task-item:hover{background:var(--bg-hover);box-shadow:none;transform:none}.planner-tasks .task-item.done{background:0 0}.planner-tasks .task-copy strong{font-size:13px}.planner-tasks .task-priority-label{background:var(--bg-muted);border:0}.planner-tasks .task-empty{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 39px, var(--border) 40px);border:0;border-radius:0;min-height:250px;margin-top:13px}@supports (color:color-mix(in lab, red, red)){.planner-tasks .task-empty{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 39px, color-mix(in srgb, var(--border) 62%, transparent) 40px)}}.planner-notebook{border-left:1px solid var(--border);background:var(--primary);min-width:0;padding:24px 24px 22px;position:relative}@supports (color:color-mix(in lab, red, red)){.planner-notebook{background:color-mix(in srgb, var(--primary) 3.5%, var(--bg-surface))}}.planner-notebook:before{background:var(--text-danger);width:1px;position:absolute;top:0;bottom:0;left:16px}@supports (color:color-mix(in lab, red, red)){.planner-notebook:before{background:color-mix(in srgb, var(--text-danger) 14%, transparent)}}.planner-notebook:before{content:""}.notebook-head{justify-content:space-between;align-items:center;gap:10px;padding-left:5px;display:flex}.notebook-head>div{color:var(--text-primary);align-items:center;gap:7px;font-size:13px;font-weight:650;display:inline-flex}.notebook-save{color:var(--text-tertiary);align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.notebook-save i{background:var(--text-success);border-radius:50%;width:6px;height:6px}.notebook-focus{border-bottom:2px solid var(--primary);margin-top:18px;padding:11px 12px 9px;display:block}@supports (color:color-mix(in lab, red, red)){.notebook-focus{border-bottom:2px solid color-mix(in srgb, var(--primary) 34%, var(--border));background:color-mix(in srgb, var(--bg-surface) 76%, transparent)}}.notebook-focus span{color:var(--primary);align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:inline-flex}.notebook-focus input{width:100%;height:32px;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;margin-top:2px;padding:0;font-size:12.5px;font-weight:550;display:block}.notebook-focus input::placeholder{color:var(--text-tertiary);font-weight:400}.notebook-editor{border:1px solid var(--border);background:var(--bg-surface);border-radius:11px;margin-top:15px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.notebook-editor{background:color-mix(in srgb, var(--bg-surface) 90%, transparent)}}.notebook-editor{box-shadow:inset 0 1px 0 var(--hairline)}.notebook-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;height:38px;padding:0 8px 0 12px;display:flex}.notebook-toolbar>span{color:var(--text-secondary);font-size:10px;font-weight:650}.notebook-toolbar>div{align-items:center;gap:2px;display:flex}.notebook-toolbar button{width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;display:inline-flex}.notebook-toolbar button:hover:not(:disabled){background:var(--bg-hover);color:var(--primary)}.notebook-toolbar button:last-child:hover:not(:disabled){color:var(--text-danger)}.notebook-toolbar button:disabled{opacity:.3;cursor:default}.notebook-editor textarea{resize:vertical;background-color:#0000;background-image:repeating-linear-gradient(180deg, transparent 0, transparent 29px, var(--border) 30px);border:0;outline:0;width:100%;min-height:270px;padding:6px 13px 8px;display:block}@supports (color:color-mix(in lab, red, red)){.notebook-editor textarea{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 29px, color-mix(in srgb, var(--border) 72%, transparent) 30px)}}.notebook-editor textarea{color:var(--text-primary);font:inherit;background-attachment:local;font-size:12px;line-height:30px}.notebook-editor textarea::placeholder{color:var(--text-tertiary)}.notebook-editor-foot{border-top:1px solid var(--border);color:var(--text-tertiary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;font-size:9px;display:flex}.planner-focus-tool{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:13px 0 11px;display:grid}.planner-focus-copy{align-items:center;gap:7px;min-width:0;display:flex}.planner-focus-copy span{color:var(--text-tertiary);align-items:center;gap:5px;font-size:10px;display:inline-flex}.planner-focus-copy span svg{color:var(--primary)}.planner-focus-copy strong{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:21px;font-weight:650;line-height:1}.planner-focus-copy strong.running{color:var(--primary)}.planner-focus-actions{align-items:center;gap:5px;display:flex}.planner-focus-actions button{border:1px solid var(--border);background:var(--bg-surface);height:32px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-size:10px;display:inline-flex}.planner-focus-actions .planner-focus-start{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.planner-focus-tool .focus-progress{grid-column:1/-1;width:100%;height:3px;margin-top:1px}.planner-day-stats{grid-template-columns:repeat(3,1fr);margin-top:14px;display:grid}.planner-day-stats span{border-right:1px solid var(--border);color:var(--text-tertiary);flex-direction:column;gap:3px;padding:0 10px;font-size:9.5px;display:flex}.planner-day-stats span:first-child{padding-left:0}.planner-day-stats span:last-child{border-right:0;padding-right:0}.planner-day-stats strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px}.planner-day-stats .alert strong{color:var(--text-danger)}@media (width<=1050px){.planner-sheet{grid-template-columns:minmax(0,1fr) 320px}.planner-tasks,.planner-notebook{padding-left:20px;padding-right:20px}.planner-compose{grid-template-columns:1fr}.planner-compose-controls{justify-content:flex-end}}@media (width<=850px){.planner-sheet{display:block}.planner-notebook{border-top:1px solid var(--border);border-left:0}.planner-notebook:before{display:none}.notebook-editor textarea{min-height:240px}}@media (width<=640px){.planner-header{flex-direction:column;align-items:stretch;gap:11px;padding:11px 1px 13px}.planner-heading{gap:10px}.planner-date-mark{border-radius:12px;flex-basis:52px;width:52px;height:52px}.planner-date-mark strong{font-size:21px}.planner-title-row{margin-top:4px}.planner-title-row h1{font-size:22px}.planner-heading p{text-overflow:ellipsis;white-space:nowrap;max-width:74vw;overflow:hidden}.planner-date-nav{width:100%}.planner-date-picker{flex:1}.planner-date-nav .planner-today-btn{width:auto}.planner-sheet{border-radius:14px}.planner-tasks,.planner-notebook{padding:18px 13px 22px}.planner-section-head{padding-bottom:14px}.planner-section-head h2{font-size:17px}.planner-progress-dial{flex-basis:50px;width:50px;height:50px}.planner-progress-dial>div{width:41px;height:41px}.planner-compose{margin-top:14px;padding:6px;display:block}.planner-compose-input{height:42px}.planner-compose-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:5px;margin-top:4px;display:grid}.planner-compose-controls select{width:100%;min-width:0}.planner-compose-date{min-width:64px;padding-left:6px;padding-right:6px}.planner-add-btn{padding-left:11px;padding-right:11px}.planner-listbar{align-items:flex-end;gap:5px}.planner-listbar .task-filters{gap:1px}.planner-listbar .task-filters button{padding:0 7px;font-size:10px}.planner-tasks .task-item{grid-template-columns:28px minmax(0,1fr) 26px;padding-right:1px}.planner-tasks .task-priority-label{display:none}.planner-tasks .task-remove{opacity:1}.planner-notebook{padding-top:20px}.notebook-focus{margin-top:15px}.notebook-editor textarea{min-height:280px}.planner-focus-copy{flex-direction:column;align-items:flex-start;gap:5px}.planner-focus-copy strong{font-size:20px}}@media (width<=350px){.planner-title-row>span{display:none}.planner-heading p{max-width:66vw}.planner-date-nav .planner-today-btn{padding-left:7px;padding-right:7px}.planner-compose-date{display:none}.planner-compose-controls{grid-template-columns:minmax(0,1fr) auto}.planner-listbar .task-filters button{padding-left:5px;padding-right:5px}.planner-listbar .task-filters button span{display:none}}.tag-manage-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding-bottom:20px;display:grid}.tag-manage-item{animation:rise-in .4s var(--ease-out) both;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.tag-manage-name{color:var(--tag-c,var(--primary));font-size:14px;font-weight:600}.tag-manage-count{color:var(--text-tertiary);font-size:11.5px}.tag-manage-actions{gap:8px;margin-top:2px;display:flex}.tag-manage-actions .btn-sm.danger{color:var(--text-danger)}.tag-rename-old{color:var(--primary);background:var(--bg-selected);border-radius:var(--radius-sm);align-self:flex-start;padding:6px 10px;font-size:13px;font-weight:600;display:inline-block}.bookmarklet-box{color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-all;-webkit-user-select:all;user-select:all;max-height:72px;padding:8px 10px;font-size:11px;line-height:1.5;overflow-y:auto}.planner-page{--planner-accent:#a8613f;--planner-accent-soft:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.planner-page{--planner-accent-soft:color-mix(in srgb, var(--planner-accent) 11%, transparent)}}.planner-page{--planner-paper:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){.planner-page{--planner-paper:color-mix(in srgb, var(--bg-surface) 91%, #f3e8d9)}}.planner-page{--planner-line:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){.planner-page{--planner-line:color-mix(in srgb, var(--text-primary) 13%, transparent)}}html[data-theme=dark] .planner-page{--planner-accent:#d99a70;--planner-paper:var(--bg-surface)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .planner-page{--planner-paper:color-mix(in srgb, var(--bg-surface) 92%, #50362a)}}html[data-theme=dark] .planner-page{--planner-line:var(--text-primary)}@supports (color:color-mix(in lab, red, red)){html[data-theme=dark] .planner-page{--planner-line:color-mix(in srgb, var(--text-primary) 18%, transparent)}}.planner-header{border-bottom:1px solid var(--planner-line);padding:18px 2px 16px}.planner-heading{gap:15px}.planner-date-mark{border:0;border-left:3px solid var(--planner-accent);width:52px;height:58px;box-shadow:none;background:0 0;border-radius:0;flex-basis:52px}.planner-date-mark strong{font-size:26px;font-weight:650}.planner-date-mark span{color:var(--planner-accent);font-size:10px;font-weight:650}.planner-kicker{color:var(--planner-accent);letter-spacing:.03em;font-size:10px;font-weight:650}.planner-kicker span{display:none}.planner-title-row{gap:7px;margin-top:4px}.planner-title-row h1{font-size:24px;font-weight:650}.planner-title-row>span{color:var(--text-tertiary);font-size:11px}.planner-heading p{color:var(--text-tertiary);margin-top:5px;font-size:11px}.planner-date-nav{border:1px solid var(--planner-line);box-shadow:none;background:0 0;border-radius:8px;padding:2px}.planner-date-nav button,.planner-date-picker{border-radius:6px}.planner-date-picker{background:var(--planner-paper);min-width:92px;box-shadow:none}.planner-date-picker svg,.planner-date-nav .planner-today-btn{color:var(--planner-accent)}.planner-sheet{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr)}.planner-tasks{padding:25px 28px 32px 2px}.planner-section-head{border-bottom-color:var(--planner-line);padding-bottom:15px}.planner-section-label{color:var(--planner-accent);letter-spacing:.04em;font-size:10px}.planner-section-head h2{margin-top:4px;font-size:19px;font-weight:630}.planner-progress-copy{color:var(--text-tertiary);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-size:10px;display:flex}.planner-progress-copy strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:17px;font-weight:650}.planner-progress-copy span{font-size:10px}.planner-compose{border:1px solid var(--planner-line);background:var(--planner-paper);box-shadow:none;border-radius:8px;margin-top:17px;padding:4px 5px}.planner-compose:focus-within{border-color:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.planner-compose:focus-within{border-color:color-mix(in srgb, var(--planner-accent) 55%, var(--planner-line))}}.planner-compose:focus-within{box-shadow:0 0 0 3px var(--planner-accent-soft)}.planner-compose-input{color:var(--planner-accent)}.planner-compose-controls select,.planner-compose-date,.planner-add-btn{box-shadow:none;border-radius:6px}.planner-compose-controls select,.planner-compose-date{background:0 0}.planner-add-btn{background:var(--planner-accent);color:#fff;box-shadow:none}.planner-add-btn:hover{background:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.planner-add-btn:hover{background:color-mix(in srgb, var(--planner-accent) 85%, #000)}}.planner-listbar{margin-top:15px}.planner-listbar .task-filters button.active{color:var(--planner-accent);border-color:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.planner-listbar .task-filters button.active{border-color:color-mix(in srgb, var(--planner-accent) 28%, var(--planner-line))}}.planner-listbar .task-filters button.active{background:var(--planner-accent-soft);box-shadow:none}.planner-clear:hover:not(:disabled){color:var(--planner-accent)}.planner-tasks .task-progress{background:var(--planner-line);height:2px;margin-top:8px}.planner-tasks .task-progress span{background:var(--planner-accent)}.planner-tasks .task-list{border-top:1px solid var(--planner-line);margin-top:8px}.planner-tasks .task-item{border-bottom-color:var(--planner-line);background:0 0;grid-template-columns:28px minmax(0,1fr) auto auto;min-height:64px;padding:9px 0 9px 8px}.planner-tasks .task-item:before{background:var(--planner-accent);width:2px}@supports (color:color-mix(in lab, red, red)){.planner-tasks .task-item:before{background:color-mix(in srgb, var(--planner-accent) 60%, transparent)}}.planner-tasks .task-item.priority-high:before{background:var(--text-danger)}.planner-tasks .task-item.priority-low:before{background:var(--text-tertiary)}.planner-tasks .task-item:hover{background:var(--planner-accent-soft)}.planner-tasks .task-check{border-radius:50%}.planner-tasks .task-check:hover{border-color:var(--planner-accent)}.planner-tasks .task-check.checked{border-color:var(--planner-accent);background:var(--planner-accent)}.planner-tasks .task-copy strong{cursor:text}.planner-tasks .task-priority-label{color:var(--text-tertiary);background:0 0;border:0;padding:0;font-size:9px}.planner-tasks .task-actions{align-items:center;gap:1px;display:inline-flex}.planner-tasks .task-edit,.planner-tasks .task-remove{width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.planner-tasks .task-item:hover .task-edit,.planner-tasks .task-item:hover .task-remove,.planner-tasks .task-edit:focus-visible,.planner-tasks .task-remove:focus-visible{opacity:1}.planner-tasks .task-edit:hover{color:var(--planner-accent);background:var(--planner-accent-soft)}.planner-tasks .task-remove:hover{color:var(--text-danger);background:var(--text-danger)}@supports (color:color-mix(in lab, red, red)){.planner-tasks .task-remove:hover{background:color-mix(in srgb, var(--text-danger) 8%, transparent)}}.task-edit-row{align-items:center;gap:4px;min-width:0;display:flex}.task-edit-row input{border:1px solid var(--planner-accent);width:100%;min-width:0;height:29px;padding:0 7px}@supports (color:color-mix(in lab, red, red)){.task-edit-row input{border:1px solid color-mix(in srgb, var(--planner-accent) 45%, var(--border))}}.task-edit-row input{background:var(--bg-surface);color:var(--text-primary);font:inherit;border-radius:5px;outline:0;font-size:12px}.task-edit-row button{background:var(--planner-accent-soft);width:26px;height:26px;color:var(--planner-accent);cursor:pointer;border:0;border-radius:5px;flex:0 0 26px;justify-content:center;align-items:center;padding:0;display:inline-flex}.task-edit-row button:last-child{color:var(--text-tertiary);background:0 0}.planner-tasks .task-empty{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 39px, var(--planner-line) 40px);min-height:220px;color:var(--text-tertiary)}.planner-tasks .task-empty svg{color:var(--planner-accent)}.planner-notebook{border-left:1px solid var(--planner-line);background:var(--planner-paper);padding:25px 28px 30px}.planner-notebook:before{background:var(--text-danger);left:15px}@supports (color:color-mix(in lab, red, red)){.planner-notebook:before{background:color-mix(in srgb, var(--text-danger) 11%, transparent)}}.notebook-head{padding-left:3px}.notebook-head>div{font-size:14px;font-weight:630}.notebook-head svg{color:var(--planner-accent)}.notebook-save{font-size:10px}.notebook-save i{background:var(--planner-accent)}.notebook-focus{border-bottom-color:var(--planner-accent);margin-top:17px;padding:10px 11px 8px}@supports (color:color-mix(in lab, red, red)){.notebook-focus{border-bottom-color:color-mix(in srgb, var(--planner-accent) 45%, var(--planner-line))}}.notebook-focus{background:var(--planner-paper)}@supports (color:color-mix(in lab, red, red)){.notebook-focus{background:color-mix(in srgb, var(--planner-paper) 70%, transparent)}}.notebook-focus span,.notebook-label-row span{color:var(--planner-accent)}.notebook-mood{margin-top:15px}.notebook-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.notebook-label-row>span{font-size:10px;font-weight:650}.notebook-label-row small{color:var(--text-tertiary);font-size:9.5px}.mood-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.mood-options button{border:1px solid var(--planner-line);min-width:0;height:33px;color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:9.5px;display:inline-flex}.mood-options button:hover,.mood-options button.active{border-color:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.mood-options button:hover,.mood-options button.active{border-color:color-mix(in srgb, var(--planner-accent) 45%, var(--planner-line))}}.mood-options button:hover,.mood-options button.active{background:var(--planner-accent-soft);color:var(--planner-accent)}.notebook-editor{border:0;border-top:1px solid var(--planner-line);border-bottom:1px solid var(--planner-line);box-shadow:none;background:0 0;border-radius:0;margin-top:17px}.notebook-toolbar{border-bottom:1px solid var(--planner-line);padding-left:0;padding-right:0}.notebook-toolbar>span{color:var(--text-secondary);font-size:10.5px}.notebook-toolbar button{border-radius:5px}.notebook-toolbar button:hover:not(:disabled){color:var(--planner-accent);background:var(--planner-accent-soft)}.notebook-editor textarea{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 29px, var(--planner-line) 30px);min-height:250px;padding-left:2px;padding-right:2px}.notebook-editor-foot{border-top:0;padding-left:0;padding-right:0}.reflection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.reflection-grid label{min-width:0;display:block}.reflection-grid label>span{color:var(--text-secondary);align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.reflection-grid label>span svg{color:var(--planner-accent)}.reflection-grid textarea{border:1px solid var(--planner-line);resize:vertical;background:var(--planner-paper);border-radius:6px;outline:0;width:100%;min-height:67px;margin-top:7px;padding:7px 8px;display:block}@supports (color:color-mix(in lab, red, red)){.reflection-grid textarea{background:color-mix(in srgb, var(--planner-paper) 68%, var(--bg-surface))}}.reflection-grid textarea{color:var(--text-primary);font:inherit;font-size:11px;line-height:1.5}.reflection-grid textarea:focus{border-color:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.reflection-grid textarea:focus{border-color:color-mix(in srgb, var(--planner-accent) 50%, var(--planner-line))}}.reflection-grid textarea::placeholder{color:var(--text-tertiary)}.planner-focus-tool{border-top-color:var(--planner-line);border-bottom-color:var(--planner-line);margin-top:18px;padding:12px 0 10px}.planner-focus-copy span svg,.planner-focus-copy strong.running{color:var(--planner-accent)}.planner-focus-actions .planner-focus-start,.planner-focus-tool .focus-progress span{background:var(--planner-accent)}.planner-day-stats{margin-top:14px}.planner-day-stats span{border-right-color:var(--planner-line)}.planner-history{margin-top:20px}.planner-history-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.planner-history-list button{min-width:0;height:48px;color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 2px;display:flex;position:relative}.planner-history-list button:hover,.planner-history-list button.active{border-color:var(--planner-accent)}@supports (color:color-mix(in lab, red, red)){.planner-history-list button:hover,.planner-history-list button.active{border-color:color-mix(in srgb, var(--planner-accent) 36%, var(--planner-line))}}.planner-history-list button:hover,.planner-history-list button.active{background:var(--planner-accent-soft);color:var(--planner-accent)}.planner-history-list button span{font-size:9px}.planner-history-list button strong{color:inherit;font-size:11px;font-weight:600}.planner-history-list button i{background:var(--planner-accent);border-radius:50%;width:4px;height:4px}.planner-history-list button i.done{background:var(--text-success)}@media (width<=1050px){.planner-sheet{grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr)}.planner-tasks{padding-left:0;padding-right:20px}.planner-notebook{padding-left:20px;padding-right:20px}}@media (width<=850px){.planner-sheet{display:block;overflow-y:auto}.planner-tasks{padding-right:0}.planner-notebook{border-top:1px solid var(--planner-line);border-left:0}.planner-notebook:before{display:none}}@media (width<=640px){.planner-header{padding:13px 1px 12px}.planner-heading{gap:10px}.planner-date-mark{flex-basis:46px;width:46px;height:53px}.planner-date-mark strong{font-size:23px}.planner-title-row h1{font-size:21px}.planner-title-row>span{font-size:10px}.planner-heading p{max-width:74vw}.planner-tasks,.planner-notebook{padding:18px 13px 24px}.planner-tasks{padding-left:13px}.planner-section-head{padding-bottom:13px}.planner-section-head h2{font-size:17px}.planner-compose{margin-top:14px}.planner-tasks .task-empty{min-height:150px}.planner-tasks .task-item{grid-template-columns:28px minmax(0,1fr) auto;padding-right:0}.planner-tasks .task-priority-label{display:none}.planner-tasks .task-edit,.planner-tasks .task-remove{opacity:1}.planner-notebook{padding-top:20px}.notebook-editor textarea{min-height:235px}.reflection-grid{grid-template-columns:1fr;gap:11px}.mood-options button{font-size:9px}}@media (width<=380px){.planner-title-row>span{display:none}.planner-date-nav .planner-today-btn{padding-left:7px;padding-right:7px}.mood-options{gap:3px}.mood-options button{gap:2px;padding-left:2px;padding-right:2px}.mood-options button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.planner-history-list{gap:2px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.monitor[data-v-6985fc9e]{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;overflow-y:auto}.monitor-loading[data-v-6985fc9e]{min-height:150px;color:var(--text-tertiary);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.monitor-header[data-v-6985fc9e]{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 2px;display:flex}.monitor-heading[data-v-6985fc9e]{min-width:0}.monitor-status[data-v-6985fc9e]{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex;overflow:hidden}.monitor-status-dot[data-v-6985fc9e]{background:var(--text-success);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--text-success) 16%, transparent);border-radius:50%;flex-shrink:0}.monitor-status-dot.loading[data-v-6985fc9e]{animation:1.1s ease-in-out infinite monitor-pulse-6985fc9e}.monitor-status-dot.offline[data-v-6985fc9e]{background:var(--text-danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-danger) 14%, transparent)}.monitor-updated[data-v-6985fc9e]{color:var(--text-tertiary)}.monitor-actions[data-v-6985fc9e]{flex-shrink:0;justify-content:flex-end;align-items:center;gap:7px;display:flex}.monitor-actions .btn[data-v-6985fc9e]{white-space:nowrap}.monitor-live-rate[data-v-6985fc9e]{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);min-height:28px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 8px;font-size:10.5px;display:inline-flex}.monitor-live-rate span[data-v-6985fc9e]{align-items:center;gap:3px;display:inline-flex}.monitor-live-rate__down[data-v-6985fc9e]{color:var(--primary)}.monitor-live-rate__up[data-v-6985fc9e]{color:#d97706}@keyframes monitor-pulse-6985fc9e{50%{opacity:.35;transform:scale(.75)}}.monitor-error[data-v-6985fc9e]{color:var(--text-danger);padding:10px 0;font-size:13px}.node-switch[data-v-6985fc9e]{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-surface) 72%, transparent);border-radius:10px;flex-direction:column;gap:8px;min-width:0;margin-top:2px;padding:11px 12px 12px;display:flex;container-type:inline-size}.node-switch-head[data-v-6985fc9e]{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.node-switch-head>span[data-v-6985fc9e]:first-child{align-items:center;gap:6px;display:inline-flex}.node-switch-head>span:first-child svg[data-v-6985fc9e]{color:var(--primary)}.node-switch-head-right[data-v-6985fc9e]{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:inline-flex}.node-switch-current[data-v-6985fc9e]{color:var(--primary);font-size:11px;font-weight:500}.node-threshold[data-v-6985fc9e]{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:inline-flex}.node-threshold select[data-v-6985fc9e]{border:1px solid var(--border);background:var(--bg-surface);height:25px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:6px;padding:0 4px;font-size:10.5px}.node-switch-hint[data-v-6985fc9e]{color:var(--text-tertiary);font-size:10.5px}.node-picker[data-v-6985fc9e]{align-items:center;gap:10px;min-width:0;display:flex}.node-picker-label[data-v-6985fc9e]{color:var(--text-secondary);flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.node-picker-label svg[data-v-6985fc9e]{color:var(--primary)}.node-picker select[data-v-6985fc9e]{border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:var(--bg-surface);min-width:0;color:var(--text-primary);font:inherit;cursor:pointer;appearance:auto;-webkit-appearance:menulist;border-radius:8px;flex:1;padding:0 30px 0 10px;font-size:12px;line-height:1.2;height:44px!important;min-height:44px!important}.node-picker select[data-v-6985fc9e]:focus{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);outline-offset:1px}.node-strip[data-v-6985fc9e]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px;min-width:0;padding:0;display:grid}.node-chip[data-v-6985fc9e]{border:1px solid var(--border);background:var(--bg-surface);width:100%;min-width:0;min-height:68px;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:9px;padding:10px 11px;font-size:12.5px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.node-chip[data-v-6985fc9e]:hover{border-color:var(--primary);color:var(--text-primary)}.node-chip.active[data-v-6985fc9e]{border-color:color-mix(in srgb, var(--primary) 72%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--bg-surface));color:var(--text-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 10%, transparent);font-weight:500}.node-chip[data-v-6985fc9e]:active{transform:translateY(1px)}.node-chip.offline[data-v-6985fc9e]{opacity:.6}.node-chip.paused[data-v-6985fc9e]{opacity:.72}.node-dot[data-v-6985fc9e]{border-radius:50%;flex-shrink:0;width:7px;height:7px}.node-dot.on[data-v-6985fc9e]{background:var(--text-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--text-success) 18%, transparent)}.node-dot.off[data-v-6985fc9e]{background:var(--text-danger)}.node-chip-copy[data-v-6985fc9e]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.node-name[data-v-6985fc9e]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-host[data-v-6985fc9e]{color:var(--text-tertiary);font-size:10px;font-family:var(--font-mono,monospace);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-chip-state[data-v-6985fc9e]{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;min-width:0;max-width:48%;display:inline-flex}.node-chip-state>svg[data-v-6985fc9e]{color:var(--primary)}.node-sub[data-v-6985fc9e]{max-width:100%;color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.monitor-alert[data-v-6985fc9e]{border:1px solid color-mix(in srgb, var(--text-warning) 38%, var(--border));background:color-mix(in srgb, var(--text-warning) 8%, var(--bg-surface));min-width:0;color:var(--text-warning);border-radius:9px;align-items:center;gap:9px;padding:9px 11px;display:flex}.monitor-alert>svg[data-v-6985fc9e]{flex-shrink:0}.monitor-alert-copy[data-v-6985fc9e]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.monitor-alert-copy strong[data-v-6985fc9e]{font-size:11.5px}.monitor-alert-copy span[data-v-6985fc9e]{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.monitor-alert-action[data-v-6985fc9e]{border:1px solid color-mix(in srgb, var(--text-warning) 35%, var(--border));min-height:27px;color:var(--text-warning);font:inherit;cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:0 9px;font-size:10.5px}.monitor-alert-action[data-v-6985fc9e]:hover{background:color-mix(in srgb, var(--text-warning) 12%, transparent)}.node-compare[data-v-6985fc9e]{flex-direction:column;gap:9px;padding:12px;display:flex}.node-compare-head[data-v-6985fc9e]{justify-content:space-between;align-items:center;gap:10px;display:flex}.node-compare-head>div[data-v-6985fc9e]{align-items:baseline;gap:8px;min-width:0;display:flex}.node-compare-head strong[data-v-6985fc9e]{color:var(--text-primary);font-size:13px}.node-compare-head span[data-v-6985fc9e]{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.node-compare-head .node-compare-close[data-v-6985fc9e]{flex-shrink:0}.node-compare-list[data-v-6985fc9e]{flex-direction:column;gap:6px;display:flex}.node-compare-row[data-v-6985fc9e]{border:1px solid var(--border);background:var(--bg-surface);width:100%;min-height:54px;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(64px,.55fr)) minmax(120px,.9fr) 18px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background .15s,transform .15s;display:grid}.node-compare-row[data-v-6985fc9e]:hover,.node-compare-row.active[data-v-6985fc9e]{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--bg-surface))}.node-compare-row[data-v-6985fc9e]:active{transform:translateY(1px)}.node-compare-row.offline[data-v-6985fc9e]{opacity:.65}.node-compare-name[data-v-6985fc9e]{grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:7px;min-width:0;display:grid}.node-compare-name .node-dot[data-v-6985fc9e]{grid-row:span 2}.node-compare-name strong[data-v-6985fc9e],.node-compare-name small[data-v-6985fc9e]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-compare-name strong[data-v-6985fc9e]{color:var(--text-primary);font-size:12px}.node-compare-name small[data-v-6985fc9e]{color:var(--text-tertiary);font-size:10px}.node-compare-metric[data-v-6985fc9e],.node-compare-net[data-v-6985fc9e]{flex-direction:column;gap:2px;min-width:0;display:flex}.node-compare-metric small[data-v-6985fc9e],.node-compare-net small[data-v-6985fc9e]{color:var(--text-tertiary);font-size:10px}.node-compare-metric strong[data-v-6985fc9e]{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px}.node-compare-net small[data-v-6985fc9e]{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden}.node-compare-check[data-v-6985fc9e]{color:var(--primary);justify-self:end}.node-compare-close[data-v-6985fc9e]{border:1px solid var(--border);background:var(--bg-surface);width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;border-radius:7px;flex:0 0 30px;justify-content:center;align-items:center;padding:0;display:inline-flex}.node-compare-close[data-v-6985fc9e]:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.node-ident[data-v-6985fc9e]{flex-wrap:wrap;align-items:baseline;gap:10px;padding:2px 0;display:flex}.node-ident-name[data-v-6985fc9e]{color:var(--text-primary);font-size:13.5px;font-weight:600}.node-ident-host[data-v-6985fc9e]{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono,monospace)}.node-ident-meta[data-v-6985fc9e]{color:var(--text-tertiary);font-size:11.5px}.stat-row[data-v-6985fc9e]{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=1280px){.stat-row[data-v-6985fc9e]{grid-template-columns:repeat(2,1fr)}}.stat-card[data-v-6985fc9e]{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.stat-icon[data-v-6985fc9e]{font-size:20px}.stat-label[data-v-6985fc9e]{color:var(--text-tertiary);font-size:12px}.stat-value[data-v-6985fc9e]{color:var(--text-primary);font-size:24px;font-weight:600}.stat-value.ok[data-v-6985fc9e]{color:var(--text-success)}.stat-value.warn[data-v-6985fc9e]{color:var(--text-warning)}.stat-value.danger[data-v-6985fc9e]{color:var(--text-danger)}.stat-meta[data-v-6985fc9e]{color:var(--text-tertiary);font-size:11px}.progress[data-v-6985fc9e]{background:var(--bg-muted);border-radius:3px;height:6px;overflow:hidden}.progress-bar[data-v-6985fc9e]{border-radius:3px;height:100%;transition:width .5s}.progress-bar.ok[data-v-6985fc9e]{background:var(--text-success)}.progress-bar.warn[data-v-6985fc9e]{background:var(--text-warning)}.progress-bar.danger[data-v-6985fc9e]{background:var(--text-danger)}.offline-card[data-v-6985fc9e]{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:40px 20px;display:flex}.offline-title[data-v-6985fc9e]{color:var(--text-primary);font-size:14px;font-weight:600}.offline-host[data-v-6985fc9e]{color:var(--text-tertiary);font-size:12px;font-family:var(--font-mono,monospace)}.offline-err[data-v-6985fc9e]{color:var(--text-danger);max-width:460px;font-size:12px;line-height:1.6}.paused-card .offline-err[data-v-6985fc9e]{color:var(--text-tertiary)}.two-col[data-v-6985fc9e]{grid-template-columns:1.2fr 1fr;align-items:stretch;gap:12px;display:grid}@media (width<=960px){.two-col[data-v-6985fc9e]{grid-template-columns:1fr}}.panel[data-v-6985fc9e]{flex-direction:column;min-height:0;display:flex}.core-grid[data-v-6985fc9e]{grid-template-columns:repeat(4,1fr);gap:8px 14px;max-height:240px;padding:0 16px 14px;display:grid;overflow-y:auto}@media (width<=1280px){.core-grid[data-v-6985fc9e]{grid-template-columns:repeat(3,1fr)}}.core-item[data-v-6985fc9e]{align-items:center;gap:6px;min-width:0;display:flex}.core-label[data-v-6985fc9e]{color:var(--text-tertiary);flex-shrink:0;width:26px;font-size:11px}.core-progress[data-v-6985fc9e]{flex:1}.core-val[data-v-6985fc9e]{color:var(--text-secondary);text-align:right;flex-shrink:0;width:38px;font-size:11px}.core-empty[data-v-6985fc9e]{color:var(--text-tertiary);padding:6px 16px 18px;font-size:12px}.net-speed[data-v-6985fc9e]{border-bottom:1px solid var(--border);padding:0 16px 10px}.net-speed-head[data-v-6985fc9e]{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:11.5px;display:flex}.net-speed-live[data-v-6985fc9e]{color:var(--text-tertiary);align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.net-speed-live i[data-v-6985fc9e]{background:var(--text-success);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--text-success) 15%, transparent);border-radius:50%}.net-speed-values[data-v-6985fc9e]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.net-speed-value[data-v-6985fc9e]{background:var(--bg-muted);border-radius:7px;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:flex}.net-speed-value svg[data-v-6985fc9e]{flex-shrink:0}.net-speed-value--up svg[data-v-6985fc9e]{color:#d97706}.net-speed-value--down svg[data-v-6985fc9e]{color:var(--primary)}.net-speed-value span[data-v-6985fc9e]{flex-direction:column;min-width:0;display:flex}.net-speed-value small[data-v-6985fc9e]{color:var(--text-tertiary);font-size:10px}.net-speed-value strong[data-v-6985fc9e]{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px;font-size:13px}.speed-chart[data-v-6985fc9e]{margin-top:9px;overflow:hidden}.speed-chart-bars[data-v-6985fc9e]{border-bottom:1px solid var(--border);align-items:flex-end;gap:3px;height:100%;padding:0 2px;display:flex}.speed-bar-pair[data-v-6985fc9e]{flex:1;align-items:flex-end;gap:1px;min-width:3px;height:100%;display:flex}.speed-bar[data-v-6985fc9e]{opacity:.82;border-radius:2px 2px 0 0;width:50%;min-height:3px;transition:height .35s;display:block}.speed-bar--up[data-v-6985fc9e]{background:#d97706}.speed-bar--down[data-v-6985fc9e]{background:var(--primary)}.speed-chart-bars[data-v-6985fc9e]{height:34px}.speed-chart-legend[data-v-6985fc9e]{color:var(--text-tertiary);align-items:center;gap:10px;padding-top:5px;font-size:10px;display:flex}.speed-chart-legend span[data-v-6985fc9e]{align-items:center;gap:4px;display:inline-flex}.speed-chart-legend small[data-v-6985fc9e]{color:var(--text-tertiary);margin-left:auto;font-size:10px}.speed-chart-empty[data-v-6985fc9e]{border-top:1px dashed var(--border);color:var(--text-tertiary);margin-top:9px;padding:9px 0 2px;font-size:10.5px}.legend-dot[data-v-6985fc9e]{border-radius:2px;width:6px;height:6px;display:inline-block}.legend-dot--up[data-v-6985fc9e]{background:#d97706}.legend-dot--down[data-v-6985fc9e]{background:var(--primary)}.net-list[data-v-6985fc9e]{flex-direction:column;padding:0 16px 14px;display:flex}.net-item[data-v-6985fc9e]{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.net-item[data-v-6985fc9e]:last-child{border-bottom:none}.net-label[data-v-6985fc9e]{color:var(--text-secondary);font-size:13px}.net-val[data-v-6985fc9e]{color:var(--text-primary);font-size:13px;font-weight:500}.srv-list[data-v-6985fc9e]{flex-direction:column;gap:6px;max-height:220px;margin:6px 0 14px;display:flex;overflow-y:auto}.srv-item[data-v-6985fc9e]{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.srv-name[data-v-6985fc9e]{color:var(--text-primary);font-size:13px;font-weight:500}.srv-tag[data-v-6985fc9e]{color:var(--text-tertiary);border:1px solid var(--border);vertical-align:1px;border-radius:4px;margin-left:5px;padding:0 4px;font-size:10.5px}.srv-actions[data-v-6985fc9e]{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.srv-action[data-v-6985fc9e]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.srv-action[data-v-6985fc9e]:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-strong);transform:translateY(-1px)}.srv-action.active[data-v-6985fc9e]{color:var(--text-success);border-color:color-mix(in srgb, var(--text-success) 40%, var(--border))}.srv-action.danger[data-v-6985fc9e]:hover{color:var(--text-danger);border-color:var(--text-danger)}.srv-host[data-v-6985fc9e]{color:var(--text-tertiary);font-size:11.5px;font-family:var(--font-mono,monospace)}.srv-form[data-v-6985fc9e]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.monitor .modal-mask[data-v-6985fc9e]{z-index:100;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.monitor .modal[data-v-6985fc9e]{border-radius:var(--radius-md);background:var(--bg-surface-gradient);border:1px solid var(--border);width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow-pop);flex-direction:column;gap:10px;padding:20px;display:flex;overflow-y:auto}.monitor .modal-title[data-v-6985fc9e]{color:var(--text-primary);font-size:15px;font-weight:600}.monitor .modal-label[data-v-6985fc9e]{color:var(--text-tertiary);margin-top:4px;font-size:12px}.monitor .modal-hint[data-v-6985fc9e]{color:var(--text-tertiary);font-size:11px;line-height:1.5}.monitor .modal-actions[data-v-6985fc9e]{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}@media (width<=560px){.srv-form[data-v-6985fc9e]{grid-template-columns:1fr}.monitor-header[data-v-6985fc9e]{align-items:flex-start}.monitor-actions[data-v-6985fc9e]{gap:4px}.monitor-live-rate[data-v-6985fc9e]{display:none}.monitor-actions .btn[data-v-6985fc9e]{padding-left:8px;padding-right:8px}.monitor-actions .btn span[data-v-6985fc9e]{display:none}.monitor-actions .btn:last-child span[data-v-6985fc9e]{display:inline}.node-switch-hint[data-v-6985fc9e]{display:none}.node-switch[data-v-6985fc9e]{padding:9px}.node-switch-head[data-v-6985fc9e]{font-size:11.5px}.node-switch-head-right[data-v-6985fc9e]{flex-direction:column;align-items:flex-end;gap:4px}.node-picker[data-v-6985fc9e]{flex-direction:column;align-items:stretch;gap:5px}.node-picker select[data-v-6985fc9e]{width:100%;font-size:13px;height:44px!important;min-height:44px!important}.node-strip[data-v-6985fc9e]{grid-template-columns:1fr;gap:7px}.node-chip[data-v-6985fc9e]{gap:7px;min-height:70px;padding:10px}.node-chip-state[data-v-6985fc9e]{max-width:46%}.node-name[data-v-6985fc9e]{font-size:14px}.node-host[data-v-6985fc9e],.node-sub[data-v-6985fc9e]{font-size:10px}.node-compare[data-v-6985fc9e]{padding:10px}.node-compare-head>div[data-v-6985fc9e]{flex-direction:column;align-items:flex-start;gap:2px}.node-compare-row[data-v-6985fc9e]{grid-template-columns:minmax(110px,1.4fr) repeat(3,minmax(45px,.6fr)) 18px;gap:6px;padding:8px}.node-compare-net[data-v-6985fc9e]{display:none}}@media (width<=1100px) and (width>=561px){.node-strip[data-v-6985fc9e]{grid-template-columns:1fr}}@media (width<=380px){.node-switch[data-v-6985fc9e]{padding:9px}.node-switch-head[data-v-6985fc9e]{flex-direction:column;align-items:flex-start;gap:3px}.node-chip[data-v-6985fc9e]{min-height:74px}.node-chip-state[data-v-6985fc9e]{max-width:44%}.node-compare[data-v-6985fc9e]{padding:8px}.node-compare-row[data-v-6985fc9e]{grid-template-columns:minmax(98px,1.2fr) repeat(3,minmax(36px,.6fr));gap:4px;padding:7px}.node-compare-check[data-v-6985fc9e]{display:none}.node-compare-metric strong[data-v-6985fc9e]{font-size:11px}}@container (width<=640px){.node-strip[data-v-6985fc9e]{grid-template-columns:1fr}}.particle-bg[data-v-ea5f0993]{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.toast[data-v-b54322b6]{z-index:200;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);max-width:70vw;padding:10px 20px;font-size:13px;animation:.25s toast-in-b54322b6;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.toast.error[data-v-b54322b6]{border-color:var(--text-danger);color:var(--text-danger);background:color-mix(in srgb, var(--text-danger) 6%, var(--bg-surface))}.toast.info[data-v-b54322b6]{border-color:var(--primary);color:var(--primary)}@keyframes toast-in-b54322b6{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.login-wrap[data-v-b54322b6]{background:var(--bg-app);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.login-bg[data-v-b54322b6]{z-index:0;background:url(/assets/login-bg-D_SBOadK.webp) 50%/cover no-repeat;animation:24s ease-in-out infinite alternate login-zoom-b54322b6;position:absolute;inset:0}@keyframes login-zoom-b54322b6{0%{transform:scale(1)}to{transform:scale(1.06)}}[data-theme=dark] .login-bg[data-v-b54322b6]{filter:brightness(.9)}.login-mask[data-v-b54322b6]{z-index:1;background:linear-gradient(#14101c40 0%,#14101c1a 45%,#14101c59 100%);position:absolute;inset:0}[data-theme=dark] .login-mask[data-v-b54322b6]{background:linear-gradient(#05040a73 0%,#05040a40 45%,#05040a80 100%)}.login-card[data-v-b54322b6]{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(1.5);width:340px;animation:rise-in .6s var(--ease-out) both;background:linear-gradient(#ffffffeb,#fafbfde0);border:1px solid #ffffffd9;flex-direction:column;align-items:center;padding:32px;display:flex;position:relative;box-shadow:inset 0 1px #fffffff2,0 8px 32px #1e140a33,0 2px 8px #1e140a1a,0 40px 120px -24px #2563eb2e}.login-logo[data-v-b54322b6]{font-size:40px}.login-title[data-v-b54322b6]{color:var(--text-primary);margin-top:8px;font-size:22px;font-weight:600}.login-error[data-v-b54322b6]{color:var(--text-danger);text-align:center;font-size:12px}[data-theme=dark] .login-card[data-v-b54322b6]{background:linear-gradient(#181b21f0,#111216e6);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #00000080,0 40px 120px -24px #4e97ff2e}.site-dead[data-v-b54322b6]{color:#dc2626;background:#dc262614;border:1px solid #dc262640;border-radius:4px;margin-right:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.top-list[data-v-b54322b6]{flex-direction:column;gap:6px;display:flex}.top-item[data-v-b54322b6]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:7px 10px;text-decoration:none;transition:border-color .15s;display:flex}.top-item[data-v-b54322b6]:hover{border-color:var(--primary)}.top-rank[data-v-b54322b6]{color:var(--primary);text-align:center;min-width:16px;font-size:12px;font-weight:700}.top-item:first-child .top-rank[data-v-b54322b6]{color:#f59e0b}.top-item:nth-child(2) .top-rank[data-v-b54322b6]{color:#94a3b8}.top-item:nth-child(3) .top-rank[data-v-b54322b6]{color:#b45309}.top-title[data-v-b54322b6]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.top-clicks[data-v-b54322b6]{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.theme-toggle[data-v-b54322b6]{border-radius:var(--radius-sm);transition:background var(--dur) var(--ease-out), transform var(--dur-slow) var(--ease-spring);background:0 0;border:none;margin-left:auto;padding:5px;font-size:16px}.theme-toggle[data-v-b54322b6]:hover{background:var(--bg-hover);transform:rotate(24deg)scale(1.08)}.theme-toggle[data-v-b54322b6]:active{transform:rotate(360deg)scale(.9)}.sidebar-search[data-v-b54322b6]{padding:0 12px 8px}.sidebar-divider[data-v-b54322b6]{background:var(--border);height:1px;margin:6px 12px}.sidebar-footer[data-v-b54322b6]{border-top:1px solid var(--border);box-shadow:inset 0 1px 0 var(--hairline);flex-direction:column;gap:8px;padding:12px 12px 14px;display:flex}.viewer-badge[data-v-b54322b6]{color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:6px 8px;font-size:11px}.sidebar-actions[data-v-b54322b6]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sidebar-actions .btn[data-v-b54322b6]{justify-content:center}.logout-btn[data-v-b54322b6]{color:var(--text-tertiary);justify-content:center}.logout-btn[data-v-b54322b6]:hover{color:var(--text-danger)}.ai-layout[data-v-b54322b6]{flex:1;min-height:0;display:block}.ai-card[data-v-b54322b6]{flex-direction:column;gap:14px;padding:24px;display:flex}.ai-input-row[data-v-b54322b6]{gap:10px;display:flex}.ai-loading[data-v-b54322b6]{color:var(--text-secondary);align-items:center;gap:10px;padding:12px 0;font-size:13px;display:flex}.ai-error[data-v-b54322b6]{color:var(--text-danger);font-size:13px}.ai-result[data-v-b54322b6]{flex-direction:column;gap:12px;display:flex}.ai-page-info[data-v-b54322b6]{align-items:center;gap:12px;display:flex}.ai-title[data-v-b54322b6]{color:var(--text-primary);font-size:15px;font-weight:600}.ai-desc[data-v-b54322b6]{color:var(--text-secondary);font-size:13px;line-height:1.5}.ai-suggest[data-v-b54322b6]{border-radius:var(--radius-sm);background:var(--bg-muted);border:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.ai-suggest.high[data-v-b54322b6]{background:color-mix(in srgb, var(--text-success) 8%, var(--bg-surface));border-color:color-mix(in srgb, var(--text-success) 30%, var(--border))}.ai-badge[data-v-b54322b6]{color:var(--primary);flex-shrink:0;font-size:12px;font-weight:600}.ai-reason[data-v-b54322b6]{color:var(--text-secondary);flex:1;font-size:13px}.ai-conf[data-v-b54322b6]{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.ai-cat-chips[data-v-b54322b6]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-b54322b6]{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);height:28px;color:var(--text-secondary);padding:0 12px;font-size:12px}.chip[data-v-b54322b6]:hover{background:var(--bg-hover)}.chip.selected[data-v-b54322b6]{background:var(--bg-selected);border-color:var(--primary);color:var(--primary);font-weight:500}.ai-actions[data-v-b54322b6]{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.ai-saved[data-v-b54322b6]{color:var(--text-success);padding:16px 0;font-size:14px}.home-header[data-v-b54322b6]{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 0 14px;display:flex}.home-overview[data-v-b54322b6]{border-top:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));border-bottom:1px solid var(--border);background:radial-gradient(520px 180px at 12% -30%, color-mix(in srgb, var(--primary) 18%, transparent), transparent 72%), linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 45%, transparent) 0%, transparent 100%);animation:rise-in .38s var(--ease-out) both;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:28px;margin-bottom:14px;padding:18px 0 20px;display:grid;position:relative;overflow:hidden}.overview-main[data-v-b54322b6],.overview-side[data-v-b54322b6]{z-index:1;position:relative}.overview-main[data-v-b54322b6]{min-width:0}.overview-kicker[data-v-b54322b6]{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.overview-title[data-v-b54322b6]{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin-top:7px;font-size:26px;font-weight:700;line-height:1.15}.overview-subtitle[data-v-b54322b6]{color:var(--text-secondary);margin-top:6px;font-size:12.5px}.overview-search[data-v-b54322b6]{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg-surface) 86%, transparent);width:min(430px,100%);height:38px;color:var(--text-tertiary);font:inherit;text-align:left;box-shadow:inset 0 1px 0 var(--hairline);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-spring);align-items:center;gap:9px;margin-top:16px;padding:0 11px;font-size:12.5px;display:flex}.overview-search[data-v-b54322b6]:hover{color:var(--text-secondary);border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 9%, transparent), inset 0 1px 0 var(--hairline);transform:translateY(-1px)}.overview-search span[data-v-b54322b6]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.overview-search kbd[data-v-b54322b6]{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-tertiary);border-radius:5px;flex-shrink:0;padding:2px 6px;font-family:inherit;font-size:10px}.overview-side[data-v-b54322b6]{flex-direction:column;justify-content:space-between;gap:14px;min-width:250px;display:flex}.overview-stats[data-v-b54322b6]{grid-template-columns:repeat(3,minmax(72px,1fr));gap:7px;display:grid}.overview-stat[data-v-b54322b6]{border:0;border-left:1px solid var(--border);min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-spring);background:0 0;border-radius:0;align-items:center;gap:8px;padding:9px 8px;display:flex}.overview-stat[data-v-b54322b6]:hover{border-left-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary-soft) 55%, transparent);transform:translateY(-2px)}.overview-stat-icon[data-v-b54322b6]{width:28px;height:28px;color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.overview-stat-icon--violet[data-v-b54322b6]{color:#8b5cf6;background:#8b5cf621}.overview-stat-icon--amber[data-v-b54322b6]{color:#d97706;background:#f59e0b24}.overview-stat span[data-v-b54322b6]:last-child{flex-direction:column;min-width:0;display:flex}.overview-stat strong[data-v-b54322b6]{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:16px;line-height:1.05}.overview-stat small[data-v-b54322b6]{color:var(--text-tertiary);margin-top:2px;font-size:10.5px}.overview-add[data-v-b54322b6]{align-self:flex-end}.recent-section[data-v-b54322b6]{animation:rise-in .42s var(--ease-out) both;flex-shrink:0;margin-bottom:12px}.recent-heading[data-v-b54322b6]{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;margin:0 2px 7px;font-size:12px;font-weight:650;display:flex}.recent-heading>span[data-v-b54322b6]{align-items:center;gap:6px;display:inline-flex}.recent-clear[data-v-b54322b6]{color:var(--text-tertiary);font:inherit;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11px}.recent-clear[data-v-b54322b6]:hover{color:var(--primary)}.recent-list[data-v-b54322b6]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.recent-item[data-v-b54322b6]{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-surface) 88%, transparent);cursor:pointer;min-width:0;min-height:54px;box-shadow:var(--shadow-card);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur) var(--ease-out);align-items:center;gap:8px;padding:7px 9px;display:flex}.recent-item[data-v-b54322b6]:hover,.recent-item[data-v-b54322b6]:focus-visible{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:var(--bg-surface);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.recent-favicon[data-v-b54322b6]{border-radius:8px;width:30px;height:30px;font-size:12px}.recent-item-copy[data-v-b54322b6]{flex-direction:column;flex:1;min-width:0;display:flex}.recent-item-copy strong[data-v-b54322b6],.recent-item-copy small[data-v-b54322b6]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-item-copy strong[data-v-b54322b6]{color:var(--text-primary);font-size:12px;font-weight:600}.recent-item-copy small[data-v-b54322b6]{color:var(--text-tertiary);margin-top:2px;font-size:10.5px}.recent-time[data-v-b54322b6]{color:var(--text-tertiary);flex-shrink:0;font-size:10px;display:none}.recent-arrow[data-v-b54322b6]{color:var(--text-tertiary);transition:color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-shrink:0}.recent-item:hover .recent-arrow[data-v-b54322b6]{color:var(--primary);transform:translate(1px,-1px)}@media (width>=1280px){.recent-time[data-v-b54322b6]{display:inline}.recent-list[data-v-b54322b6]{grid-template-columns:repeat(4,minmax(190px,1fr))}}@media (width<=1023px){.home-overview[data-v-b54322b6]{gap:16px}.overview-side[data-v-b54322b6]{min-width:220px}.recent-list[data-v-b54322b6]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1180px){.quick-status[data-v-b54322b6]{display:none}}@media (width<=900px) and (width>=641px){.home-header-tools .quick-search[data-v-b54322b6]{flex:0 0 34px;justify-content:center;width:34px;min-width:34px;padding:0}.home-header-tools .quick-search span[data-v-b54322b6],.home-header-tools .quick-search kbd[data-v-b54322b6]{display:none}}@media (width<=640px){.home-header[data-v-b54322b6]{align-items:flex-start;padding:12px 0 10px}.home-header>div[data-v-b54322b6]:last-child{gap:5px!important}.home-header>div:last-child .btn[data-v-b54322b6]:not(.btn-primary){padding:0 8px;font-size:11px}.home-overview[data-v-b54322b6]{grid-template-columns:1fr;gap:15px;padding:16px 0}.overview-side[data-v-b54322b6]{min-width:0}.overview-add[data-v-b54322b6]{justify-content:center;width:100%}.overview-search[data-v-b54322b6]{width:100%;margin-top:13px}.overview-title[data-v-b54322b6]{font-size:21px}.recent-list[data-v-b54322b6]{scrollbar-width:none;padding:2px 2px 5px;display:flex;overflow-x:auto}.recent-list[data-v-b54322b6]::-webkit-scrollbar{display:none}.recent-item[data-v-b54322b6]{flex:0 0 min(76vw,250px)}}@media (hover:none){.site-card__actions[data-v-b54322b6]{opacity:1;transform:none}}.home-header-left[data-v-b54322b6]{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.home-header-tools[data-v-b54322b6]{flex-shrink:1;align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.home-header-tools .quick-search[data-v-b54322b6]{flex:0 176px;width:176px;min-width:116px}.quick-status[data-v-b54322b6]{color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:10px;font-size:11px;display:inline-flex}.quick-status span+span[data-v-b54322b6]{border-left:1px solid var(--border);padding-left:10px}.quick-status strong[data-v-b54322b6]{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.home-header-actions[data-v-b54322b6]{scrollbar-width:none;flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:7px;min-width:0;max-width:50%;display:flex;overflow-x:auto}.home-header-actions[data-v-b54322b6]::-webkit-scrollbar{display:none}.home-header-actions .btn[data-v-b54322b6]{flex-shrink:0}.home-header[data-v-b54322b6]{min-height:48px;padding:8px 0}.tag-bar[data-v-b54322b6]{scrollbar-width:none;flex-wrap:nowrap;max-height:48px;margin-bottom:8px;padding:7px 12px;overflow-x:auto}.tag-bar[data-v-b54322b6]::-webkit-scrollbar{display:none}.tag-bar[data-v-b54322b6]>*{flex-shrink:0}@media (width<=1100px) and (width>=769px){.home-header-actions .toolbar-btn[data-v-b54322b6]{justify-content:center;gap:0;width:34px;padding:0;font-size:0}.home-header-actions .toolbar-btn svg[data-v-b54322b6]{margin:0!important}.home-header-actions .toolbar-btn .btn-ico[data-v-b54322b6]{margin:0}.home-header-actions .home-add-btn[data-v-b54322b6]{padding:0 11px}}@media (width<=1240px) and (width>=1101px){.quick-status[data-v-b54322b6]{display:none}.home-header-tools .quick-search[data-v-b54322b6]{flex-basis:142px;width:142px;min-width:108px}}.home-quickbar[data-v-b54322b6]{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;min-height:42px;margin-bottom:8px;padding:5px 0;display:flex}.quick-search[data-v-b54322b6]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);min-width:180px;height:32px;color:var(--text-tertiary);font:inherit;text-align:left;transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), color var(--dur) var(--ease-out);flex:1;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.quick-search[data-v-b54322b6]:hover{color:var(--text-secondary);border-color:color-mix(in srgb, var(--primary) 42%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 9%, transparent)}.quick-search span[data-v-b54322b6]{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quick-search kbd[data-v-b54322b6]{border:1px solid var(--border);background:var(--bg-muted);color:var(--text-tertiary);font:inherit;border-radius:4px;flex-shrink:0;padding:2px 5px;font-size:10px}.quick-stat[data-v-b54322b6]{border:0;border-left:1px solid var(--border);height:32px;color:var(--text-tertiary);font:inherit;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:5px;padding:0 9px;font-size:11px;display:inline-flex}.quick-stat[data-v-b54322b6]:hover{color:var(--primary);background:var(--bg-hover)}.quick-stat strong[data-v-b54322b6]{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13px}.quick-stat svg[data-v-b54322b6]{color:var(--primary)}.recent-section[data-v-b54322b6]{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:8px;display:grid}.recent-heading[data-v-b54322b6]{flex-direction:column;align-items:flex-start;gap:2px;min-width:72px;margin:0;font-size:11px;display:flex}.recent-heading>span[data-v-b54322b6]{gap:5px}.recent-list[data-v-b54322b6]{scrollbar-width:none;gap:7px;min-width:0;padding:2px 2px 4px;display:flex;overflow-x:auto}.recent-list[data-v-b54322b6]::-webkit-scrollbar{display:none}.recent-item[data-v-b54322b6]{border-radius:var(--radius-sm);flex:0 0 190px;min-height:42px;padding:5px 8px}.recent-favicon[data-v-b54322b6]{border-radius:7px;width:26px;height:26px}.recent-time[data-v-b54322b6]{display:none}@media (width<=640px){.home-header[data-v-b54322b6]{flex-wrap:wrap}.home-header-left[data-v-b54322b6]{flex:100%}.home-header-tools[data-v-b54322b6]{display:none}.home-header-actions[data-v-b54322b6]{scrollbar-width:none;flex-wrap:nowrap;flex:100%;justify-content:flex-start;width:100%;max-width:none;overflow-x:auto}.home-header-actions[data-v-b54322b6]::-webkit-scrollbar{display:none}.home-quickbar[data-v-b54322b6]{scrollbar-width:none;gap:4px;overflow-x:auto}.home-quickbar[data-v-b54322b6]::-webkit-scrollbar{display:none}.quick-search[data-v-b54322b6]{flex:1 0 180px}.quick-stat[data-v-b54322b6]{padding:0 7px}.quick-stat span[data-v-b54322b6]{display:none}.recent-section[data-v-b54322b6]{grid-template-columns:1fr;gap:4px}.recent-heading[data-v-b54322b6]{flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.recent-item[data-v-b54322b6]{flex-basis:min(70vw,210px)}}.home-header[data-v-b54322b6]{z-index:15;background:color-mix(in srgb, var(--bg-app) 92%, transparent);border-bottom:1px solid color-mix(in srgb, var(--border) 72%, transparent);-webkit-backdrop-filter:blur(12px);gap:10px;min-height:42px;margin-top:-4px;padding:8px 0 4px;position:sticky;top:0}.home-heading-copy[data-v-b54322b6]{min-width:0}.home-header .subtitle[data-v-b54322b6]{margin-top:1px;font-size:10.5px;line-height:1.2}.home-greeting[data-v-b54322b6]{color:var(--primary);font-weight:600}.personal-status[data-v-b54322b6]{min-width:0;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:inline-flex}.personal-clock[data-v-b54322b6],.personal-weather[data-v-b54322b6]{align-items:center;gap:5px;min-width:0;display:inline-flex}.personal-clock[data-v-b54322b6]{border-right:1px solid var(--border);padding-right:8px}.personal-clock strong[data-v-b54322b6],.personal-weather strong[data-v-b54322b6]{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.personal-clock small[data-v-b54322b6],.personal-weather small[data-v-b54322b6]{color:var(--text-tertiary);font-size:10px}.personal-clock[data-v-b54322b6]{flex-direction:column;align-items:flex-end;gap:0}.personal-weather>svg[data-v-b54322b6]{color:var(--primary);flex-shrink:0}.personal-weather>span[data-v-b54322b6]{align-items:baseline;gap:4px;display:inline-flex}.workspace-view-bar[data-v-b54322b6]{min-height:38px;color:var(--text-tertiary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:9px;padding:3px 0 6px;font-size:11px;display:flex}.workspace-view-bar .sidebar-burger[data-v-b54322b6]{display:none}.back-nav[data-v-b54322b6]{border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 7px;display:inline-flex}.back-nav[data-v-b54322b6]:hover{color:var(--primary);background:var(--bg-hover)}.sidebar-brand[data-v-b54322b6]{align-items:center;gap:9px;min-height:44px;padding:12px 16px 8px;display:flex}.brand-mark[data-v-b54322b6]{width:27px;height:27px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 28%, var(--border));background:color-mix(in srgb, var(--primary) 9%, var(--bg-surface));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.brand-copy[data-v-b54322b6]{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-copy strong[data-v-b54322b6]{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.brand-copy small[data-v-b54322b6]{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.cat-grip[data-v-b54322b6]{color:var(--text-tertiary);cursor:grab;flex-shrink:0}.home-header-tools[data-v-b54322b6]{flex:0 auto;gap:7px;margin-left:auto}.home-header-actions[data-v-b54322b6]{flex:none;gap:5px;max-width:none;overflow:visible}.home-header-actions>.toolbar-btn[data-v-b54322b6],.home-header-actions .home-add-btn[data-v-b54322b6],.toolbar-more>.toolbar-btn[data-v-b54322b6]{height:30px}.home-add-btn[data-v-b54322b6]{gap:5px;padding:0 10px}.toolbar-more[data-v-b54322b6]{flex-shrink:0;position:relative}.toolbar-more-btn[data-v-b54322b6]{justify-content:center;width:30px;padding:0}.toolbar-menu[data-v-b54322b6]{z-index:40;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);width:194px;box-shadow:var(--shadow-pop);animation:rise-in .16s var(--ease-out) both;padding:5px;position:absolute;top:calc(100% + 8px);right:0}.toolbar-menu button[data-v-b54322b6]{border-radius:var(--radius-sm);width:100%;min-height:32px;color:var(--text-secondary);font:inherit;text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:9px;padding:0 9px;font-size:12px;display:flex}.toolbar-menu button[data-v-b54322b6]:hover,.toolbar-menu button[data-v-b54322b6]:focus-visible{background:var(--bg-hover);color:var(--text-primary)}.toolbar-menu button svg[data-v-b54322b6]{color:var(--text-tertiary);flex-shrink:0}.toolbar-menu button span[data-v-b54322b6]{text-overflow:ellipsis;min-width:0;overflow:hidden}.toolbar-menu button small[data-v-b54322b6]{color:var(--text-tertiary);margin-left:auto;font-size:10px}@media (width<=900px) and (width>=641px){.home-header-tools .quick-search[data-v-b54322b6]{flex:0 0 32px;justify-content:center;width:32px;min-width:32px;padding:0}.home-header-tools .quick-search span[data-v-b54322b6],.home-header-tools .quick-search kbd[data-v-b54322b6],.quick-status[data-v-b54322b6],.home-header-actions .toolbar-label[data-v-b54322b6]{display:none}.home-header-actions .toolbar-btn[data-v-b54322b6]:not(.toolbar-more-btn),.home-header-actions .home-add-btn[data-v-b54322b6]{justify-content:center;gap:0;width:30px;padding:0}.home-header-actions .home-add-btn svg[data-v-b54322b6]{margin:0!important}}@media (width<=640px){.home-header[data-v-b54322b6]{flex-wrap:nowrap;gap:5px;min-height:40px;padding:3px 0}.home-header-left[data-v-b54322b6]{flex:auto;gap:6px;min-width:0}.home-header .subtitle[data-v-b54322b6]{display:none}.home-header-tools[data-v-b54322b6]{flex:none;gap:4px;margin-left:0}.personal-status[data-v-b54322b6]{display:none}.home-header-tools .quick-search[data-v-b54322b6]{flex:0 0 30px;justify-content:center;width:30px;min-width:30px;padding:0}.home-header-tools .quick-search span[data-v-b54322b6],.home-header-tools .quick-search kbd[data-v-b54322b6],.quick-status[data-v-b54322b6]{display:none}.home-header-actions[data-v-b54322b6]{flex:none;gap:4px;width:auto;max-width:none}.home-header-actions .toolbar-label[data-v-b54322b6]{display:none}.home-header-actions .toolbar-btn[data-v-b54322b6],.home-header-actions .home-add-btn[data-v-b54322b6]{justify-content:center;gap:0;width:30px;min-width:30px;padding:0}.home-header-actions .home-add-btn svg[data-v-b54322b6]{margin:0!important}.toolbar-menu[data-v-b54322b6]{width:min(194px,100vw - 24px);position:fixed;top:48px;right:12px}}@media (width<=768px){.workspace-view-bar .sidebar-burger[data-v-b54322b6]{justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.workspace-view-bar[data-v-b54322b6]{min-height:38px}}.modal-mask[data-v-b54322b6]{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-b54322b6]{overscroll-behavior:contain;background:var(--bg-surface-gradient);width:380px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-pop), inset 0 1px 0 var(--hairline);animation:rise-in .28s var(--ease-out) both;flex-direction:column;gap:10px;padding:20px;display:flex;overflow-y:auto}.modal-title[data-v-b54322b6]{color:var(--text-primary);font-size:15px;font-weight:600}.modal-label[data-v-b54322b6]{color:var(--text-tertiary);margin-top:4px;font-size:12px}.modal-hint[data-v-b54322b6]{color:var(--text-tertiary);font-size:11px}.modal-close[data-v-b54322b6]{z-index:5;border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-tertiary);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-self:flex-end;align-items:center;margin-top:-14px;margin-bottom:-26px;font-size:14px;display:inline-flex;position:sticky;top:0}.modal-close[data-v-b54322b6]:hover{color:var(--text-primary);background:var(--bg-hover)}.modal[data-v-b54322b6]{position:relative}.modal-actions[data-v-b54322b6]{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.modal.modal-settings[data-v-b54322b6]{gap:8px;width:560px;max-height:calc(100vh - 40px);padding:16px}.modal-title--row[data-v-b54322b6]{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-settings .modal-close[data-v-b54322b6]{flex-shrink:0;margin:0;position:static}.settings-tabs[data-v-b54322b6]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-muted);align-items:center;gap:4px;padding:3px;display:flex}.settings-tab[data-v-b54322b6]{min-height:30px;color:var(--text-tertiary);font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.settings-tab[data-v-b54322b6]:hover{color:var(--text-primary)}.settings-tab.active[data-v-b54322b6]{color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-card)}.set-grid[data-v-b54322b6]{grid-template-columns:1fr 1fr;gap:12px 16px;padding:2px 2px 4px;display:grid;overflow-y:auto}@media (width<=640px){.set-grid[data-v-b54322b6],.set-fields-two[data-v-b54322b6],.set-toggle-grid[data-v-b54322b6]{grid-template-columns:1fr}}.set-card[data-v-b54322b6]{border-bottom:1px solid var(--border);background:0 0;flex-direction:column;gap:8px;padding:10px 0 12px;display:flex}.set-card--full[data-v-b54322b6]{grid-column:1/-1}.set-card__head[data-v-b54322b6]{color:var(--text-primary);font-size:12px;font-weight:650}.set-row[data-v-b54322b6]{gap:8px;display:flex}.set-row .btn[data-v-b54322b6]{flex:1;justify-content:center}.set-wide[data-v-b54322b6]{justify-content:center;width:100%}.set-hint[data-v-b54322b6]{color:var(--text-tertiary);font-size:11px;line-height:1.5}.set-field[data-v-b54322b6]{justify-content:space-between;align-items:center;gap:8px;display:flex}.set-field--stack[data-v-b54322b6]{flex-direction:column;align-items:stretch;gap:4px}.set-field__k[data-v-b54322b6]{color:var(--text-secondary);flex-shrink:0;font-size:12px}.set-seg[data-v-b54322b6]{gap:4px;display:flex}.set-fields-two[data-v-b54322b6]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.set-toggle-grid[data-v-b54322b6]{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.set-toggle[data-v-b54322b6]{min-width:0;color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.set-toggle input[data-v-b54322b6]{width:15px;height:15px;accent-color:var(--primary);margin:0}.accent-picker[data-v-b54322b6]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.accent-swatch[data-v-b54322b6]{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;width:26px;height:26px;transition:transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:50%;padding:3px}.accent-swatch span[data-v-b54322b6]{background:var(--swatch,var(--primary));border-radius:50%;width:100%;height:100%;display:block}.accent-swatch--default span[data-v-b54322b6]{background:linear-gradient(135deg,#2563eb 50%,#4e97ff 50%)}.accent-swatch[data-v-b54322b6]:hover{border-color:var(--primary);transform:scale(1.1)}.accent-swatch.selected[data-v-b54322b6]{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 4px var(--primary)}.accent-custom[data-v-b54322b6]{color:var(--text-tertiary);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.accent-custom input[data-v-b54322b6]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;width:26px;height:26px;padding:0;overflow:hidden}.set-color[data-v-b54322b6]{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:44px;height:26px;padding:0}.modal-settings .top-list[data-v-b54322b6]{grid-template-columns:1fr 1fr;gap:6px;max-height:104px;display:grid;overflow-y:auto}.icon-preset[data-v-b54322b6]{flex-wrap:wrap;gap:6px;max-height:156px;padding:2px 4px 4px 2px;display:flex;overflow-y:auto}.icon-btn[data-v-b54322b6]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);width:34px;height:34px;color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-btn[data-v-b54322b6]:hover{background:var(--bg-hover);color:var(--primary);transform:scale(1.1)}.icon-btn.selected[data-v-b54322b6]{border-color:var(--primary);background:var(--bg-selected);color:var(--primary)}.spinner[data-v-b54322b6]{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin-b54322b6;display:inline-block}@keyframes spin-b54322b6{to{transform:rotate(360deg)}}