:root{--c-white: #ffffff;--c-black: #000000;--c-blue-500: #0071e3;--c-blue-600: #0077ed;--c-blue-400: #0a84ff;--c-blue-300: #409cff;--c-red-500: #ff3b30;--c-red-400: #ff453a;--c-red-600: #e0453a;--c-green-600: #2f7d4f;--c-green-500: #37935c;--c-pink-500: #e0567a;--c-pink-400: #eb6a8c;--c-violet-500: #6f57d6;--c-violet-400: #8b76f0;--c-slate-900: #1d1d1f;--c-slate-700: #6e6e73;--c-slate-500: #98989d}:root{--bg: #f5f5f7;--surface: var(--c-white);--surface-2: #f2f2f7;--surface-3: #e5e5ea;--line: rgba(60, 60, 67, .12);--line-strong: rgba(60, 60, 67, .29);--text: var(--c-slate-900);--muted: var(--c-slate-700);--accent: var(--c-blue-500);--accent-hover: var(--c-blue-600);--accent-soft: rgba(0, 113, 227, .1);--accent-contrast: var(--c-white);--danger: var(--c-red-500);--danger-soft: rgba(255, 59, 48, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 12px 32px rgba(0, 0, 0, .1);--material: rgba(255, 255, 255, .72);--segment-active: var(--c-white);--overlay: rgba(0, 0, 0, .78);--on-media: var(--c-white);--scrim: rgba(0, 0, 0, .45);--on-dark-text: #f5f5f7;--on-dark-muted: rgba(245, 245, 247, .72);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(60, 60, 67, .16);--glass-blur: 20px;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;--radius-pill: 999px;--ease: cubic-bezier(.32, .72, 0, 1);--dur: .24s;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", "Microsoft YaHei", Inter, system-ui, sans-serif;--font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, serif;--sidebar-w: clamp(236px, 16vw, 280px);--tabbar-h: 60px;--content-max: 1680px;--page-pad-x: clamp(20px, 4vw, 72px);--page-pad-y: clamp(22px, 3vw, 44px);--card-min: clamp(160px, 13vw, 220px);--btn-h: 44px;--btn-radius: var(--radius-md);--icon-stroke: 1.8;--block-pad: clamp(16px, 1.6vw, 26px);--block-radius: var(--radius-lg);--block-gap: clamp(14px, 1.6vw, 22px);--deco-show: 0;--deco-ink: var(--text);--deco-soft: var(--accent-soft);--deco-stroke: 1.8;--pattern-opacity: 0;--pattern-image: none;--pattern-size: 28px;color-scheme:light}:root[data-appearance=dark]{--bg: var(--c-black);--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--line: rgba(84, 84, 88, .6);--line-strong: rgba(84, 84, 88, .72);--text: #f5f5f7;--muted: var(--c-slate-500);--accent: var(--c-blue-400);--accent-hover: var(--c-blue-300);--accent-soft: rgba(10, 132, 255, .16);--accent-contrast: var(--c-white);--danger: var(--c-red-400);--danger-soft: rgba(255, 69, 58, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(28, 28, 30, .72);--segment-active: #636366;--overlay: rgba(28, 28, 30, .88);--scrim: rgba(0, 0, 0, .55);--glass-bg: rgba(28, 28, 30, .65);--glass-border: rgba(84, 84, 88, .4);color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-appearance=auto]{--bg: var(--c-black);--surface: #1c1c1e;--surface-2: #2c2c2e;--surface-3: #3a3a3c;--line: rgba(84, 84, 88, .6);--line-strong: rgba(84, 84, 88, .72);--text: #f5f5f7;--muted: var(--c-slate-500);--accent: var(--c-blue-400);--accent-hover: var(--c-blue-300);--accent-soft: rgba(10, 132, 255, .16);--accent-contrast: var(--c-white);--danger: var(--c-red-400);--danger-soft: rgba(255, 69, 58, .14);--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(28, 28, 30, .72);--segment-active: #636366;--overlay: rgba(28, 28, 30, .88);--scrim: rgba(0, 0, 0, .55);--glass-bg: rgba(28, 28, 30, .65);--glass-border: rgba(84, 84, 88, .4);color-scheme:dark}}:root[data-density=compact]{--block-pad: clamp(12px, 1.1vw, 18px);--block-gap: clamp(10px, 1.1vw, 14px);--page-pad-y: clamp(16px, 2vw, 28px)}:root[data-density=loose]{--block-pad: clamp(22px, 2.2vw, 36px);--block-gap: clamp(20px, 2.2vw, 32px);--page-pad-y: clamp(28px, 4vw, 56px)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background-color:var(--bg);background-image:none;color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.022em;margin:0;line-height:1.25}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 18px;border-radius:var(--btn-radius);border:1px solid transparent;background:var(--surface-2);font-size:15px;font-weight:500;letter-spacing:-.01em;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--surface-2);border-color:transparent;color:var(--text)}.btn-danger{color:var(--danger);border-color:var(--line);background:var(--surface)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn-sm{height:32px;padding:0 12px;font-size:13px;border-radius:var(--radius-sm)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;color:var(--muted)}.input{height:48px;padding:0 14px;border-radius:var(--radius-md);border:1px solid transparent;background:var(--surface-2);outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.divider{height:1px;background:var(--line);border:0;margin:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--dur) var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-skin=default]{--accent: var(--c-blue-500);--accent-hover: var(--c-blue-600);--accent-soft: rgba(0, 113, 227, .1);--scrim: rgba(0, 0, 0, .45)}:root[data-skin=default][data-appearance=dark]{--accent: var(--c-blue-400);--accent-hover: var(--c-blue-300);--accent-soft: rgba(10, 132, 255, .16);--scrim: rgba(0, 0, 0, .55)}@media(prefers-color-scheme:dark){:root[data-skin=default][data-appearance=auto]{--accent: var(--c-blue-400);--accent-hover: var(--c-blue-300);--accent-soft: rgba(10, 132, 255, .16);--scrim: rgba(0, 0, 0, .55)}}:root[data-skin=sakura]{--bg: #fdf6f7;--surface: #ffffff;--surface-2: #f9eef0;--surface-3: #f2dfe3;--line: rgba(80, 40, 50, .12);--line-strong: rgba(80, 40, 50, .29);--text: #23181a;--muted: #7d6a6e;--accent: var(--c-pink-500);--accent-hover: var(--c-pink-400);--accent-soft: rgba(224, 86, 122, .1);--accent-contrast: #ffffff;--danger: var(--c-red-500);--danger-soft: rgba(255, 59, 48, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 12px 32px rgba(120, 40, 60, .14);--material: rgba(255, 255, 255, .72);--segment-active: #ffffff;--scrim: rgba(60, 20, 30, .45)}:root[data-skin=sakura][data-appearance=dark]{--bg: #17090d;--surface: #241015;--surface-2: #2f171d;--surface-3: #3d1f27;--line: rgba(255, 190, 205, .16);--line-strong: rgba(255, 190, 205, .32);--text: #fbeef1;--muted: #bf9aa3;--accent: var(--c-pink-400);--accent-hover: #f585a3;--accent-soft: rgba(235, 106, 140, .18);--accent-contrast: #ffffff;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(36, 16, 21, .72);--segment-active: #4a2530;--scrim: rgba(20, 5, 10, .55)}@media(prefers-color-scheme:dark){:root[data-skin=sakura][data-appearance=auto]{--bg: #17090d;--surface: #241015;--surface-2: #2f171d;--surface-3: #3d1f27;--line: rgba(255, 190, 205, .16);--line-strong: rgba(255, 190, 205, .32);--text: #fbeef1;--muted: #bf9aa3;--accent: var(--c-pink-400);--accent-hover: #f585a3;--accent-soft: rgba(235, 106, 140, .18);--accent-contrast: #ffffff;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(36, 16, 21, .72);--segment-active: #4a2530;--scrim: rgba(20, 5, 10, .55)}}:root[data-skin=forest]{--bg: #f3f7f2;--surface: #ffffff;--surface-2: #e9f0e7;--surface-3: #dae5d7;--line: rgba(40, 60, 45, .14);--line-strong: rgba(40, 60, 45, .3);--text: #1a231c;--muted: #68746a;--accent: var(--c-green-600);--accent-hover: var(--c-green-500);--accent-soft: rgba(47, 125, 79, .1);--accent-contrast: #ffffff;--danger: var(--c-red-600);--danger-soft: rgba(224, 69, 58, .1);--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 12px 32px rgba(30, 70, 45, .14);--material: rgba(255, 255, 255, .72);--segment-active: #ffffff;--scrim: rgba(10, 30, 18, .45)}:root[data-skin=forest][data-appearance=dark]{--bg: #07130c;--surface: #10201a;--surface-2: #172d24;--surface-3: #1f3b2f;--line: rgba(180, 230, 200, .16);--line-strong: rgba(180, 230, 200, .32);--text: #eaf5ee;--muted: #93ac9d;--accent: #4bbd7c;--accent-hover: #63d193;--accent-soft: rgba(75, 189, 124, .18);--accent-contrast: #04140b;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(16, 32, 26, .72);--segment-active: #26463a;--scrim: rgba(0, 12, 6, .55)}@media(prefers-color-scheme:dark){:root[data-skin=forest][data-appearance=auto]{--bg: #07130c;--surface: #10201a;--surface-2: #172d24;--surface-3: #1f3b2f;--line: rgba(180, 230, 200, .16);--line-strong: rgba(180, 230, 200, .32);--text: #eaf5ee;--muted: #93ac9d;--accent: #4bbd7c;--accent-hover: #63d193;--accent-soft: rgba(75, 189, 124, .18);--accent-contrast: #04140b;--shadow-1: 0 1px 2px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .6);--material: rgba(16, 32, 26, .72);--segment-active: #26463a;--scrim: rgba(0, 12, 6, .55)}}:root[data-skin=midnight]{--bg: #f6f5fb;--surface: #ffffff;--surface-2: #efedf8;--surface-3: #e2dff0;--line: rgba(60, 50, 90, .13);--line-strong: rgba(60, 50, 90, .3);--text: #1c1a2b;--muted: #6d6885;--accent: var(--c-violet-500);--accent-hover: var(--c-violet-400);--accent-soft: rgba(111, 87, 214, .1);--accent-contrast: #ffffff;--danger: var(--c-red-500);--danger-soft: rgba(255, 59, 48, .1);--shadow-1: 0 1px 2px rgba(30, 20, 60, .06);--shadow-2: 0 12px 32px rgba(50, 35, 110, .14);--material: rgba(255, 255, 255, .72);--segment-active: #ffffff;--scrim: rgba(20, 14, 45, .45)}:root[data-skin=midnight][data-appearance=dark]{--bg: #08070f;--surface: #16151f;--surface-2: #201e2c;--surface-3: #2c2940;--line: rgba(190, 180, 240, .16);--line-strong: rgba(190, 180, 240, .32);--text: #f2f0fb;--muted: #9d97b8;--accent: #9b83ff;--accent-hover: #b3a1ff;--accent-soft: rgba(155, 131, 255, .2);--accent-contrast: #0a0812;--shadow-1: 0 1px 2px rgba(0, 0, 0, .55);--shadow-2: 0 16px 40px rgba(0, 0, 0, .65);--material: rgba(22, 21, 31, .72);--segment-active: #363151;--scrim: rgba(6, 4, 14, .55)}@media(prefers-color-scheme:dark){:root[data-skin=midnight][data-appearance=auto]{--bg: #08070f;--surface: #16151f;--surface-2: #201e2c;--surface-3: #2c2940;--line: rgba(190, 180, 240, .16);--line-strong: rgba(190, 180, 240, .32);--text: #f2f0fb;--muted: #9d97b8;--accent: #9b83ff;--accent-hover: #b3a1ff;--accent-soft: rgba(155, 131, 255, .2);--accent-contrast: #0a0812;--shadow-1: 0 1px 2px rgba(0, 0, 0, .55);--shadow-2: 0 16px 40px rgba(0, 0, 0, .65);--material: rgba(22, 21, 31, .72);--segment-active: #363151;--scrim: rgba(6, 4, 14, .55)}}:root[data-skin=bear]{--bg: #fffaf2;--surface: #ffffff;--surface-2: #fdf1e3;--surface-3: #f6e2cc;--line: rgba(120, 80, 40, .14);--line-strong: rgba(120, 80, 40, .3);--text: #3d2b1c;--muted: #8a6f56;--accent: #e8935c;--accent-hover: #f0a270;--accent-soft: rgba(232, 147, 92, .16);--accent-contrast: #ffffff;--danger: #e05a3c;--danger-soft: rgba(224, 90, 60, .12);--shadow-1: 0 2px 4px rgba(150, 100, 50, .08);--shadow-2: 0 16px 36px rgba(150, 100, 50, .18);--material: rgba(255, 250, 242, .78);--segment-active: #ffffff;--scrim: rgba(80, 50, 20, .42);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #b8722f;--deco-soft: rgba(232, 147, 92, .22);--deco-stroke: 2;--pattern-opacity: .45;--pattern-size: 30px;--pattern-image: radial-gradient(circle at 6px 6px, rgba(232, 147, 92, .22) 2.4px, transparent 2.6px)}:root[data-skin=bear][data-appearance=dark]{--bg: #1a120b;--surface: #241a12;--surface-2: #2f2218;--surface-3: #3d2d20;--line: rgba(255, 210, 170, .16);--line-strong: rgba(255, 210, 170, .32);--text: #fbeee0;--muted: #bd9b7c;--accent: #f0a26e;--accent-hover: #ffb786;--accent-soft: rgba(240, 162, 110, .2);--accent-contrast: #2a1a0e;--danger: #ff7a5c;--danger-soft: rgba(255, 122, 92, .16);--shadow-1: 0 2px 4px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(36, 26, 18, .76);--segment-active: #45321f;--scrim: rgba(10, 6, 2, .55);--deco-show: 1;--deco-ink: #f0a26e;--deco-soft: rgba(240, 162, 110, .24);--pattern-opacity: .2;--pattern-image: radial-gradient(circle at 6px 6px, rgba(240, 162, 110, .3) 2.4px, transparent 2.6px)}@media(prefers-color-scheme:dark){:root[data-skin=bear][data-appearance=auto]{--bg: #1a120b;--surface: #241a12;--surface-2: #2f2218;--surface-3: #3d2d20;--line: rgba(255, 210, 170, .16);--line-strong: rgba(255, 210, 170, .32);--text: #fbeee0;--muted: #bd9b7c;--accent: #f0a26e;--accent-hover: #ffb786;--accent-soft: rgba(240, 162, 110, .2);--accent-contrast: #2a1a0e;--danger: #ff7a5c;--danger-soft: rgba(255, 122, 92, .16);--shadow-1: 0 2px 4px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(36, 26, 18, .76);--segment-active: #45321f;--scrim: rgba(10, 6, 2, .55);--deco-show: 1;--deco-ink: #f0a26e;--deco-soft: rgba(240, 162, 110, .24);--pattern-opacity: .2;--pattern-image: radial-gradient(circle at 6px 6px, rgba(240, 162, 110, .3) 2.4px, transparent 2.6px)}}:root[data-skin=cat]{--bg: #f2fbf8;--surface: #ffffff;--surface-2: #e6f6f1;--surface-3: #d3ede5;--line: rgba(30, 90, 75, .14);--line-strong: rgba(30, 90, 75, .3);--text: #17332c;--muted: #5e857a;--accent: #2fa98c;--accent-hover: #38bd9d;--accent-soft: rgba(47, 169, 140, .14);--accent-contrast: #ffffff;--danger: #e0564f;--danger-soft: rgba(224, 86, 79, .12);--shadow-1: 0 2px 4px rgba(30, 100, 85, .07);--shadow-2: 0 16px 36px rgba(30, 100, 85, .16);--material: rgba(242, 251, 248, .78);--segment-active: #ffffff;--scrim: rgba(10, 50, 40, .42);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #1f8a72;--deco-soft: rgba(47, 169, 140, .18);--deco-stroke: 1.9;--pattern-opacity: .4;--pattern-size: 26px;--pattern-image: linear-gradient(135deg, rgba(47, 169, 140, .16) 25%, transparent 25%, transparent 50%, rgba(47, 169, 140, .16) 50%, rgba(47, 169, 140, .16) 75%, transparent 75%)}:root[data-skin=cat][data-appearance=dark]{--bg: #071613;--surface: #102420;--surface-2: #17352e;--surface-3: #20473d;--line: rgba(170, 240, 220, .16);--line-strong: rgba(170, 240, 220, .32);--text: #e6faf4;--muted: #8db8ac;--accent: #45c8a9;--accent-hover: #63dcbe;--accent-soft: rgba(69, 200, 169, .2);--accent-contrast: #04140f;--danger: #ff7f78;--danger-soft: rgba(255, 127, 120, .16);--shadow-1: 0 2px 4px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(16, 36, 32, .76);--segment-active: #265244;--scrim: rgba(2, 12, 10, .55);--deco-show: 1;--deco-ink: #63dcbe;--deco-soft: rgba(69, 200, 169, .22);--pattern-opacity: .16;--pattern-image: linear-gradient(135deg, rgba(69, 200, 169, .24) 25%, transparent 25%, transparent 50%, rgba(69, 200, 169, .24) 50%, rgba(69, 200, 169, .24) 75%, transparent 75%)}@media(prefers-color-scheme:dark){:root[data-skin=cat][data-appearance=auto]{--bg: #071613;--surface: #102420;--surface-2: #17352e;--surface-3: #20473d;--line: rgba(170, 240, 220, .16);--line-strong: rgba(170, 240, 220, .32);--text: #e6faf4;--muted: #8db8ac;--accent: #45c8a9;--accent-hover: #63dcbe;--accent-soft: rgba(69, 200, 169, .2);--accent-contrast: #04140f;--danger: #ff7f78;--danger-soft: rgba(255, 127, 120, .16);--shadow-1: 0 2px 4px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(16, 36, 32, .76);--segment-active: #265244;--scrim: rgba(2, 12, 10, .55);--deco-show: 1;--deco-ink: #63dcbe;--deco-soft: rgba(69, 200, 169, .22);--pattern-opacity: .16;--pattern-image: linear-gradient(135deg, rgba(69, 200, 169, .24) 25%, transparent 25%, transparent 50%, rgba(69, 200, 169, .24) 50%, rgba(69, 200, 169, .24) 75%, transparent 75%)}}:root[data-skin=puppy]{--bg: #f3f7ff;--surface: #ffffff;--surface-2: #e7eefc;--surface-3: #d4e1f7;--line: rgba(40, 70, 120, .14);--line-strong: rgba(40, 70, 120, .3);--text: #1b2a44;--muted: #64789a;--accent: #5b8def;--accent-hover: #6e9bf5;--accent-soft: rgba(91, 141, 239, .14);--accent-contrast: #ffffff;--danger: #e0564f;--danger-soft: rgba(224, 86, 79, .12);--shadow-1: 3px 3px 0 rgba(40, 70, 120, .12);--shadow-2: 6px 6px 0 rgba(40, 70, 120, .14);--material: rgba(243, 247, 255, .8);--segment-active: #ffffff;--scrim: rgba(20, 40, 70, .42);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 6px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #3a63b8;--deco-soft: rgba(91, 141, 239, .2);--deco-stroke: 2.2;--pattern-opacity: .5;--pattern-size: 24px;--pattern-image: linear-gradient(rgba(91, 141, 239, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(91, 141, 239, .16) 1px, transparent 1px)}:root[data-skin=puppy][data-appearance=dark]{--bg: #080e1b;--surface: #111a2c;--surface-2: #18243a;--surface-3: #23324d;--line: rgba(180, 210, 255, .16);--line-strong: rgba(180, 210, 255, .32);--text: #e8f0ff;--muted: #8fa6c6;--accent: #7aa7ff;--accent-hover: #94b8ff;--accent-soft: rgba(122, 167, 255, .2);--accent-contrast: #06101f;--danger: #ff827b;--danger-soft: rgba(255, 130, 123, .16);--shadow-1: 3px 3px 0 rgba(0, 0, 0, .5);--shadow-2: 6px 6px 0 rgba(0, 0, 0, .55);--material: rgba(17, 26, 44, .78);--segment-active: #2c3d5c;--scrim: rgba(2, 6, 14, .55);--deco-show: 1;--deco-ink: #7aa7ff;--deco-soft: rgba(122, 167, 255, .22);--pattern-opacity: .22;--pattern-image: linear-gradient(rgba(122, 167, 255, .22) 1px, transparent 1px), linear-gradient(90deg, rgba(122, 167, 255, .22) 1px, transparent 1px)}@media(prefers-color-scheme:dark){:root[data-skin=puppy][data-appearance=auto]{--bg: #080e1b;--surface: #111a2c;--surface-2: #18243a;--surface-3: #23324d;--line: rgba(180, 210, 255, .16);--line-strong: rgba(180, 210, 255, .32);--text: #e8f0ff;--muted: #8fa6c6;--accent: #7aa7ff;--accent-hover: #94b8ff;--accent-soft: rgba(122, 167, 255, .2);--accent-contrast: #06101f;--danger: #ff827b;--danger-soft: rgba(255, 130, 123, .16);--shadow-1: 3px 3px 0 rgba(0, 0, 0, .5);--shadow-2: 6px 6px 0 rgba(0, 0, 0, .55);--material: rgba(17, 26, 44, .78);--segment-active: #2c3d5c;--scrim: rgba(2, 6, 14, .55);--deco-show: 1;--deco-ink: #7aa7ff;--deco-soft: rgba(122, 167, 255, .22);--pattern-opacity: .22;--pattern-image: linear-gradient(rgba(122, 167, 255, .22) 1px, transparent 1px), linear-gradient(90deg, rgba(122, 167, 255, .22) 1px, transparent 1px)}}:root[data-skin=berry]{--bg: #fff5f8;--surface: #ffffff;--surface-2: #fee9ef;--surface-3: #f9d5e0;--line: rgba(140, 40, 75, .13);--line-strong: rgba(140, 40, 75, .3);--text: #3c1424;--muted: #8b5670;--accent: #e05a86;--accent-hover: #ee6f98;--accent-soft: rgba(224, 90, 134, .14);--accent-contrast: #ffffff;--danger: #e04a4a;--danger-soft: rgba(224, 74, 74, .12);--shadow-1: 0 2px 5px rgba(160, 50, 95, .09);--shadow-2: 0 16px 36px rgba(160, 50, 95, .18);--material: rgba(255, 245, 248, .78);--segment-active: #ffffff;--scrim: rgba(90, 20, 45, .42);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #b8396a;--deco-soft: rgba(224, 90, 134, .2);--deco-stroke: 2;--pattern-opacity: .42;--pattern-size: 34px;--pattern-image: radial-gradient(circle at 8px 8px, rgba(224, 90, 134, .18) 3px, transparent 3.2px), radial-gradient(circle at 25px 25px, rgba(224, 90, 134, .1) 2px, transparent 2.2px)}:root[data-skin=berry][data-appearance=dark]{--bg: #1c0913;--surface: #28101b;--surface-2: #351723;--surface-3: #45202f;--line: rgba(255, 190, 215, .16);--line-strong: rgba(255, 190, 215, .32);--text: #fdeaf1;--muted: #c493a8;--accent: #f478a4;--accent-hover: #ff90b6;--accent-soft: rgba(244, 120, 164, .2);--accent-contrast: #2a0813;--danger: #ff7b7b;--danger-soft: rgba(255, 123, 123, .16);--shadow-1: 0 2px 5px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(40, 16, 27, .76);--segment-active: #4e2534;--scrim: rgba(14, 4, 9, .55);--deco-show: 1;--deco-ink: #f478a4;--deco-soft: rgba(244, 120, 164, .22);--pattern-opacity: .2;--pattern-image: radial-gradient(circle at 8px 8px, rgba(244, 120, 164, .28) 3px, transparent 3.2px), radial-gradient(circle at 25px 25px, rgba(244, 120, 164, .16) 2px, transparent 2.2px)}@media(prefers-color-scheme:dark){:root[data-skin=berry][data-appearance=auto]{--bg: #1c0913;--surface: #28101b;--surface-2: #351723;--surface-3: #45202f;--line: rgba(255, 190, 215, .16);--line-strong: rgba(255, 190, 215, .32);--text: #fdeaf1;--muted: #c493a8;--accent: #f478a4;--accent-hover: #ff90b6;--accent-soft: rgba(244, 120, 164, .2);--accent-contrast: #2a0813;--danger: #ff7b7b;--danger-soft: rgba(255, 123, 123, .16);--shadow-1: 0 2px 5px rgba(0, 0, 0, .5);--shadow-2: 0 16px 40px rgba(0, 0, 0, .62);--material: rgba(40, 16, 27, .76);--segment-active: #4e2534;--scrim: rgba(14, 4, 9, .55);--deco-show: 1;--deco-ink: #f478a4;--deco-soft: rgba(244, 120, 164, .22);--pattern-opacity: .2;--pattern-image: radial-gradient(circle at 8px 8px, rgba(244, 120, 164, .28) 3px, transparent 3.2px), radial-gradient(circle at 25px 25px, rgba(244, 120, 164, .16) 2px, transparent 2.2px)}}:root[data-skin=bunny]{--bg: #fff9fb;--surface: #ffffff;--surface-2: #fdeff4;--surface-3: #f9dde7;--line: rgba(150, 90, 115, .12);--line-strong: rgba(150, 90, 115, .26);--text: #4a2b38;--muted: #9b7484;--accent: #f48fb1;--accent-hover: #ffa3c1;--accent-soft: rgba(244, 143, 177, .16);--accent-contrast: #ffffff;--danger: #ef6b7d;--danger-soft: rgba(239, 107, 125, .12);--shadow-1: 0 2px 6px rgba(200, 120, 150, .1);--shadow-2: 0 14px 32px rgba(200, 120, 150, .18);--material: rgba(255, 249, 251, .8);--segment-active: #ffffff;--scrim: rgba(90, 40, 60, .4);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #d96c92;--deco-soft: rgba(244, 143, 177, .2);--deco-stroke: 1.5;--pattern-opacity: .34;--pattern-size: 32px;--pattern-image: radial-gradient(circle at 7px 7px, rgba(244, 143, 177, .2) 2.2px, transparent 2.4px), radial-gradient(circle at 24px 24px, rgba(244, 143, 177, .12) 1.8px, transparent 2px)}:root[data-skin=bunny][data-appearance=dark]{--bg: #1b1016;--surface: #26161e;--surface-2: #331d28;--surface-3: #432634;--line: rgba(255, 200, 220, .16);--line-strong: rgba(255, 200, 220, .32);--text: #fdeef4;--muted: #c79dad;--accent: #ffa3c1;--accent-hover: #ffbad1;--accent-soft: rgba(255, 163, 193, .22);--accent-contrast: #2a0d19;--danger: #ff8f9d;--danger-soft: rgba(255, 143, 157, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(38, 22, 30, .78);--segment-active: #4d2c3b;--scrim: rgba(14, 5, 9, .55);--deco-show: 1;--deco-ink: #ffa3c1;--deco-soft: rgba(255, 163, 193, .24);--pattern-opacity: .18;--pattern-image: radial-gradient(circle at 7px 7px, rgba(255, 163, 193, .26) 2.2px, transparent 2.4px), radial-gradient(circle at 24px 24px, rgba(255, 163, 193, .16) 1.8px, transparent 2px)}@media(prefers-color-scheme:dark){:root[data-skin=bunny][data-appearance=auto]{--bg: #1b1016;--surface: #26161e;--surface-2: #331d28;--surface-3: #432634;--line: rgba(255, 200, 220, .16);--line-strong: rgba(255, 200, 220, .32);--text: #fdeef4;--muted: #c79dad;--accent: #ffa3c1;--accent-hover: #ffbad1;--accent-soft: rgba(255, 163, 193, .22);--accent-contrast: #2a0d19;--danger: #ff8f9d;--danger-soft: rgba(255, 143, 157, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(38, 22, 30, .78);--segment-active: #4d2c3b;--scrim: rgba(14, 5, 9, .55);--deco-show: 1;--deco-ink: #ffa3c1;--deco-soft: rgba(255, 163, 193, .24);--pattern-opacity: .18;--pattern-image: radial-gradient(circle at 7px 7px, rgba(255, 163, 193, .26) 2.2px, transparent 2.4px), radial-gradient(circle at 24px 24px, rgba(255, 163, 193, .16) 1.8px, transparent 2px)}}:root[data-skin=lilac]{--bg: #faf7ff;--surface: #ffffff;--surface-2: #f1ebfc;--surface-3: #e4d9f7;--line: rgba(100, 75, 150, .12);--line-strong: rgba(100, 75, 150, .26);--text: #352b4d;--muted: #8578a0;--accent: #a78ae0;--accent-hover: #b79ff0;--accent-soft: rgba(167, 138, 224, .16);--accent-contrast: #ffffff;--danger: #e87a8f;--danger-soft: rgba(232, 122, 143, .12);--shadow-1: 0 2px 6px rgba(120, 95, 170, .1);--shadow-2: 0 14px 32px rgba(120, 95, 170, .18);--material: rgba(250, 247, 255, .8);--segment-active: #ffffff;--scrim: rgba(50, 35, 80, .4);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 13px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #8b6fcc;--deco-soft: rgba(167, 138, 224, .2);--deco-stroke: 1.5;--pattern-opacity: .2;--pattern-size: 30px;--pattern-image: linear-gradient(45deg, rgba(167, 138, 224, .16) 25%, transparent 25%, transparent 75%, rgba(167, 138, 224, .16) 75%), linear-gradient(45deg, rgba(167, 138, 224, .16) 25%, transparent 25%, transparent 75%, rgba(167, 138, 224, .16) 75%)}:root[data-skin=lilac][data-appearance=dark]{--bg: #130f1c;--surface: #1d1729;--surface-2: #272036;--surface-3: #342b47;--line: rgba(215, 195, 255, .16);--line-strong: rgba(215, 195, 255, .32);--text: #f2ecff;--muted: #a99cc4;--accent: #bca4f5;--accent-hover: #cdb8ff;--accent-soft: rgba(188, 164, 245, .2);--accent-contrast: #1a1029;--danger: #ff9aa9;--danger-soft: rgba(255, 154, 169, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(29, 23, 41, .78);--segment-active: #3b3153;--scrim: rgba(8, 5, 14, .55);--deco-show: 1;--deco-ink: #bca4f5;--deco-soft: rgba(188, 164, 245, .22);--pattern-opacity: .16;--pattern-image: linear-gradient(45deg, rgba(188, 164, 245, .24) 25%, transparent 25%, transparent 75%, rgba(188, 164, 245, .24) 75%), linear-gradient(45deg, rgba(188, 164, 245, .24) 25%, transparent 25%, transparent 75%, rgba(188, 164, 245, .24) 75%)}@media(prefers-color-scheme:dark){:root[data-skin=lilac][data-appearance=auto]{--bg: #130f1c;--surface: #1d1729;--surface-2: #272036;--surface-3: #342b47;--line: rgba(215, 195, 255, .16);--line-strong: rgba(215, 195, 255, .32);--text: #f2ecff;--muted: #a99cc4;--accent: #bca4f5;--accent-hover: #cdb8ff;--accent-soft: rgba(188, 164, 245, .2);--accent-contrast: #1a1029;--danger: #ff9aa9;--danger-soft: rgba(255, 154, 169, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(29, 23, 41, .78);--segment-active: #3b3153;--scrim: rgba(8, 5, 14, .55);--deco-show: 1;--deco-ink: #bca4f5;--deco-soft: rgba(188, 164, 245, .22);--pattern-opacity: .16;--pattern-image: linear-gradient(45deg, rgba(188, 164, 245, .24) 25%, transparent 25%, transparent 75%, rgba(188, 164, 245, .24) 75%), linear-gradient(45deg, rgba(188, 164, 245, .24) 25%, transparent 25%, transparent 75%, rgba(188, 164, 245, .24) 75%)}}:root[data-skin=mouse]{--bg: #fff8f6;--surface: #ffffff;--surface-2: #ffefea;--surface-3: #fbded5;--line: rgba(160, 90, 80, .12);--line-strong: rgba(160, 90, 80, .26);--text: #4a2a26;--muted: #9d736c;--accent: #ff8a7a;--accent-hover: #ffa093;--accent-soft: rgba(255, 138, 122, .16);--accent-contrast: #ffffff;--danger: #e5604f;--danger-soft: rgba(229, 96, 79, .12);--shadow-1: 0 2px 6px rgba(200, 110, 95, .1);--shadow-2: 0 14px 32px rgba(200, 110, 95, .18);--material: rgba(255, 248, 246, .8);--segment-active: #ffffff;--scrim: rgba(90, 35, 28, .4);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #d96656;--deco-soft: rgba(255, 138, 122, .2);--deco-stroke: 1.5;--pattern-opacity: .34;--pattern-size: 34px;--pattern-image: radial-gradient(circle at 8px 8px, rgba(255, 138, 122, .18) 2.4px, transparent 2.6px), radial-gradient(circle at 26px 26px, rgba(122, 200, 170, .14) 2px, transparent 2.2px)}:root[data-skin=mouse][data-appearance=dark]{--bg: #1b0f0c;--surface: #261511;--surface-2: #321d18;--surface-3: #422721;--line: rgba(255, 200, 190, .16);--line-strong: rgba(255, 200, 190, .32);--text: #fdeeea;--muted: #c79e97;--accent: #ffa093;--accent-hover: #ffb8ad;--accent-soft: rgba(255, 160, 147, .22);--accent-contrast: #2a0f0a;--danger: #ff8f7e;--danger-soft: rgba(255, 143, 126, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(38, 21, 17, .78);--segment-active: #4d2c25;--scrim: rgba(14, 5, 3, .55);--deco-show: 1;--deco-ink: #ffa093;--deco-soft: rgba(255, 160, 147, .24);--pattern-opacity: .18;--pattern-image: radial-gradient(circle at 8px 8px, rgba(255, 160, 147, .26) 2.4px, transparent 2.6px), radial-gradient(circle at 26px 26px, rgba(122, 200, 170, .18) 2px, transparent 2.2px)}@media(prefers-color-scheme:dark){:root[data-skin=mouse][data-appearance=auto]{--bg: #1b0f0c;--surface: #261511;--surface-2: #321d18;--surface-3: #422721;--line: rgba(255, 200, 190, .16);--line-strong: rgba(255, 200, 190, .32);--text: #fdeeea;--muted: #c79e97;--accent: #ffa093;--accent-hover: #ffb8ad;--accent-soft: rgba(255, 160, 147, .22);--accent-contrast: #2a0f0a;--danger: #ff8f7e;--danger-soft: rgba(255, 143, 126, .16);--shadow-1: 0 2px 6px rgba(0, 0, 0, .5);--shadow-2: 0 14px 36px rgba(0, 0, 0, .62);--material: rgba(38, 21, 17, .78);--segment-active: #4d2c25;--scrim: rgba(14, 5, 3, .55);--deco-show: 1;--deco-ink: #ffa093;--deco-soft: rgba(255, 160, 147, .24);--pattern-opacity: .18;--pattern-image: radial-gradient(circle at 8px 8px, rgba(255, 160, 147, .26) 2.4px, transparent 2.6px), radial-gradient(circle at 26px 26px, rgba(122, 200, 170, .18) 2px, transparent 2.2px)}}:root[data-skin=cloud]{--bg: #f7fbff;--surface: #ffffff;--surface-2: #eaf4fe;--surface-3: #d7e9fb;--line: rgba(70, 110, 150, .12);--line-strong: rgba(70, 110, 150, .26);--text: #27384d;--muted: #7590a9;--accent: #7fc0ec;--accent-hover: #95cef5;--accent-soft: rgba(127, 192, 236, .16);--accent-contrast: #ffffff;--danger: #ec7a86;--danger-soft: rgba(236, 122, 134, .12);--shadow-1: 0 2px 8px rgba(110, 160, 200, .12);--shadow-2: 0 16px 34px rgba(110, 160, 200, .18);--material: rgba(247, 251, 255, .82);--segment-active: #ffffff;--scrim: rgba(35, 55, 80, .4);--radius-lg: 30px;--radius-md: 22px;--radius-sm: 15px;--block-radius: var(--radius-lg);--btn-radius: var(--radius-md);--deco-show: 1;--deco-ink: #5aa6d8;--deco-soft: rgba(127, 192, 236, .2);--deco-stroke: 1.5;--pattern-opacity: .3;--pattern-size: 40px;--pattern-image: radial-gradient(ellipse 40% 30% at 20% 30%, rgba(127, 192, 236, .18) 40%, transparent 42%), radial-gradient(ellipse 30% 24% at 70% 60%, rgba(127, 192, 236, .12) 40%, transparent 42%)}:root[data-skin=cloud][data-appearance=dark]{--bg: #0c1520;--surface: #14202e;--surface-2: #1c2c3d;--surface-3: #263a50;--line: rgba(190, 220, 250, .16);--line-strong: rgba(190, 220, 250, .32);--text: #e9f3ff;--muted: #98b2ca;--accent: #9fd2f7;--accent-hover: #b8e0ff;--accent-soft: rgba(159, 210, 247, .2);--accent-contrast: #0a1826;--danger: #ff98a2;--danger-soft: rgba(255, 152, 162, .16);--shadow-1: 0 2px 8px rgba(0, 0, 0, .5);--shadow-2: 0 16px 38px rgba(0, 0, 0, .62);--material: rgba(20, 32, 46, .78);--segment-active: #2c435c;--scrim: rgba(4, 9, 16, .55);--deco-show: 1;--deco-ink: #9fd2f7;--deco-soft: rgba(159, 210, 247, .22);--pattern-opacity: .16;--pattern-image: radial-gradient(ellipse 40% 30% at 20% 30%, rgba(159, 210, 247, .24) 40%, transparent 42%), radial-gradient(ellipse 30% 24% at 70% 60%, rgba(159, 210, 247, .16) 40%, transparent 42%)}@media(prefers-color-scheme:dark){:root[data-skin=cloud][data-appearance=auto]{--bg: #0c1520;--surface: #14202e;--surface-2: #1c2c3d;--surface-3: #263a50;--line: rgba(190, 220, 250, .16);--line-strong: rgba(190, 220, 250, .32);--text: #e9f3ff;--muted: #98b2ca;--accent: #9fd2f7;--accent-hover: #b8e0ff;--accent-soft: rgba(159, 210, 247, .2);--accent-contrast: #0a1826;--danger: #ff98a2;--danger-soft: rgba(255, 152, 162, .16);--shadow-1: 0 2px 8px rgba(0, 0, 0, .5);--shadow-2: 0 16px 38px rgba(0, 0, 0, .62);--material: rgba(20, 32, 46, .78);--segment-active: #2c435c;--scrim: rgba(4, 9, 16, .55);--deco-show: 1;--deco-ink: #9fd2f7;--deco-soft: rgba(159, 210, 247, .22);--pattern-opacity: .16;--pattern-image: radial-gradient(ellipse 40% 30% at 20% 30%, rgba(159, 210, 247, .24) 40%, transparent 42%), radial-gradient(ellipse 30% 24% at 70% 60%, rgba(159, 210, 247, .16) 40%, transparent 42%)}}