:root,[data-theme=cyber-dark]{color-scheme:dark;--bg-main: #0b0f19;--bg-subtle: #0f172a;--bg-surface: #141e33;--bg-surface-hover: #1a2744;--bg-surface-active: #223254;--bg-glass: rgba(20, 30, 51, .76);--bg-glass-strong: rgba(15, 23, 42, .92);--bg-overlay: rgba(5, 8, 16, .82);--surface-soft: rgba(255, 255, 255, .045);--surface-inset: rgba(5, 10, 22, .72);--surface-inset-strong: rgba(5, 10, 22, .9);--control-bg: rgba(8, 14, 28, .78);--control-bg-focus: rgba(8, 14, 28, .96);--progress-track: rgba(255, 255, 255, .09);--scrim: rgba(2, 6, 15, .72);--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .12);--border-hover: rgba(56, 189, 248, .38);--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #78889e;--text-on-solid: #ffffff;--accent: #38bdf8;--accent-hover: #7dd3fc;--accent-strong: #0284c7;--accent-2: #818cf8;--on-accent: #06131f;--accent-surface: rgba(56, 189, 248, .12);--accent-border: rgba(56, 189, 248, .3);--accent-border-strong: rgba(56, 189, 248, .52);--accent-glow: rgba(56, 189, 248, .24);--accent-2-surface: rgba(129, 140, 248, .12);--accent-2-border: rgba(129, 140, 248, .28);--success: #34d399;--success-hover: #10b981;--success-surface: rgba(52, 211, 153, .12);--success-border: rgba(52, 211, 153, .3);--success-glow: rgba(52, 211, 153, .22);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-surface: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .3);--warning-glow: rgba(251, 191, 36, .22);--danger: #fb7185;--danger-hover: #f43f5e;--danger-surface: rgba(251, 113, 133, .12);--danger-border: rgba(251, 113, 133, .3);--danger-glow: rgba(251, 113, 133, .22);--on-danger: #ffffff;--page-ambient-primary: rgba(56, 189, 248, .11);--page-ambient-secondary: rgba(129, 140, 248, .075);--page-center-glow: rgba(56, 189, 248, .085);--brand-gradient: linear-gradient(135deg, rgba(56, 189, 248, .2), rgba(129, 140, 248, .18));--hero-gradient: linear-gradient(135deg, rgba(20, 30, 51, .94), rgba(15, 23, 42, .98));--hero-glow: radial-gradient(circle, rgba(56, 189, 248, .14), transparent 70%);--card-gradient: linear-gradient(180deg, #141e33, rgba(15, 23, 42, .82));--entry-gradient: linear-gradient(180deg, #141e33, rgba(15, 23, 42, .9));--accent-gradient: linear-gradient(135deg, #38bdf8, #0284c7);--accent-gradient-hover: linear-gradient(135deg, #7dd3fc, #0369a1);--accent-gradient-horizontal: linear-gradient(90deg, #38bdf8, #818cf8);--warning-gradient-horizontal: linear-gradient(90deg, #fbbf24, #fb7185);--selection-bg: rgba(56, 189, 248, .3);--selection-fg: #ffffff;--browser-theme-color: #0b0f19;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .38);--shadow-md: 0 6px 18px -5px rgba(0, 0, 0, .52), 0 2px 7px -3px rgba(0, 0, 0, .42);--shadow-lg: 0 18px 42px -12px rgba(0, 0, 0, .66), 0 6px 16px -8px rgba(0, 0, 0, .46);--shadow-form: var(--shadow-lg), 0 0 38px -14px rgba(56, 189, 248, .18);--shadow-inset: inset 0 2px 5px rgba(0, 0, 0, .42);--shadow-glow: 0 0 24px -5px var(--accent-glow);--shadow-accent-button: 0 5px 16px -6px var(--accent-glow);--shadow-card-hover: 0 16px 38px -12px rgba(0, 0, 0, .7), 0 0 18px -6px var(--accent-glow);--qr-background: #ffffff;--qr-foreground: #000000;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--bg: var(--bg-main);--card: var(--bg-surface);--line: var(--border-default);--fg: var(--text-primary);--dim: var(--text-muted);--ok: var(--success);--warn: var(--warning);--err: var(--danger);--indigo: var(--accent-2);--indigo-surface: var(--accent-2-surface);--indigo-border: var(--accent-2-border)}[data-theme=matrix-green]{color-scheme:dark;--bg-main: #0b1110;--bg-subtle: #101815;--bg-surface: #15201d;--bg-surface-hover: #1c2b26;--bg-surface-active: #263830;--bg-glass: rgba(21, 32, 29, .78);--bg-glass-strong: rgba(16, 24, 21, .93);--bg-overlay: rgba(5, 10, 8, .84);--surface-soft: rgba(241, 247, 245, .045);--surface-inset: rgba(6, 14, 11, .72);--surface-inset-strong: rgba(6, 14, 11, .9);--control-bg: rgba(7, 17, 13, .8);--control-bg-focus: rgba(7, 17, 13, .96);--progress-track: rgba(241, 247, 245, .09);--scrim: rgba(3, 8, 6, .74);--border-subtle: rgba(200, 214, 209, .08);--border-default: rgba(200, 214, 209, .14);--border-hover: rgba(52, 211, 153, .4);--border-focus: #34d399;--text-primary: #f1f7f5;--text-secondary: #c8d6d1;--text-muted: #91a69e;--text-dim: #7b9188;--text-on-solid: #ffffff;--accent: #34d399;--accent-hover: #6ee7b7;--accent-strong: #10b981;--accent-2: #2dd4bf;--on-accent: #052e24;--accent-surface: rgba(52, 211, 153, .12);--accent-border: rgba(52, 211, 153, .3);--accent-border-strong: rgba(52, 211, 153, .52);--accent-glow: rgba(52, 211, 153, .22);--accent-2-surface: rgba(45, 212, 191, .11);--accent-2-border: rgba(45, 212, 191, .27);--success: #86efac;--success-hover: #4ade80;--success-surface: rgba(134, 239, 172, .11);--success-border: rgba(134, 239, 172, .28);--success-glow: rgba(134, 239, 172, .2);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-surface: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .3);--warning-glow: rgba(251, 191, 36, .22);--danger: #fb7185;--danger-hover: #f43f5e;--danger-surface: rgba(251, 113, 133, .12);--danger-border: rgba(251, 113, 133, .3);--danger-glow: rgba(251, 113, 133, .22);--on-danger: #ffffff;--page-ambient-primary: rgba(52, 211, 153, .095);--page-ambient-secondary: rgba(45, 212, 191, .06);--page-center-glow: rgba(52, 211, 153, .075);--brand-gradient: linear-gradient(135deg, rgba(52, 211, 153, .18), rgba(45, 212, 191, .14));--hero-gradient: linear-gradient(135deg, rgba(21, 32, 29, .96), rgba(16, 24, 21, .98));--hero-glow: radial-gradient(circle, rgba(52, 211, 153, .12), transparent 70%);--card-gradient: linear-gradient(180deg, #15201d, rgba(16, 24, 21, .86));--entry-gradient: linear-gradient(180deg, #15201d, rgba(11, 17, 16, .92));--accent-gradient: linear-gradient(135deg, #34d399, #10b981);--accent-gradient-hover: linear-gradient(135deg, #6ee7b7, #059669);--accent-gradient-horizontal: linear-gradient(90deg, #34d399, #2dd4bf);--warning-gradient-horizontal: linear-gradient(90deg, #fbbf24, #fb7185);--selection-bg: rgba(52, 211, 153, .28);--selection-fg: #ffffff;--browser-theme-color: #0b1110;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px -5px rgba(0, 0, 0, .54), 0 2px 7px -3px rgba(0, 0, 0, .44);--shadow-lg: 0 18px 42px -12px rgba(0, 0, 0, .68), 0 6px 16px -8px rgba(0, 0, 0, .48);--shadow-form: var(--shadow-lg), 0 0 38px -14px rgba(52, 211, 153, .16);--shadow-inset: inset 0 2px 5px rgba(0, 0, 0, .44);--shadow-glow: 0 0 22px -6px var(--accent-glow);--shadow-accent-button: 0 5px 16px -6px var(--accent-glow);--shadow-card-hover: 0 16px 38px -12px rgba(0, 0, 0, .72), 0 0 18px -7px var(--accent-glow);--indigo: var(--accent-2);--indigo-surface: var(--accent-2-surface);--indigo-border: var(--accent-2-border)}[data-theme=aurora-violet]{color-scheme:dark;--bg-main: #100f18;--bg-subtle: #151320;--bg-surface: #1d1a2a;--bg-surface-hover: #26223a;--bg-surface-active: #322d48;--bg-glass: rgba(29, 26, 42, .8);--bg-glass-strong: rgba(21, 19, 32, .93);--bg-overlay: rgba(7, 6, 12, .84);--surface-soft: rgba(247, 245, 251, .045);--surface-inset: rgba(10, 8, 18, .72);--surface-inset-strong: rgba(10, 8, 18, .9);--control-bg: rgba(12, 10, 22, .8);--control-bg-focus: rgba(12, 10, 22, .96);--progress-track: rgba(247, 245, 251, .09);--scrim: rgba(6, 5, 11, .74);--border-subtle: rgba(214, 209, 224, .08);--border-default: rgba(214, 209, 224, .14);--border-hover: rgba(167, 139, 250, .42);--border-focus: #a78bfa;--text-primary: #f7f5fb;--text-secondary: #d6d1e0;--text-muted: #aaa3b8;--text-dim: #8d859d;--text-on-solid: #ffffff;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-strong: #8b5cf6;--accent-2: #60a5fa;--on-accent: #1f1636;--accent-surface: rgba(167, 139, 250, .13);--accent-border: rgba(167, 139, 250, .31);--accent-border-strong: rgba(167, 139, 250, .52);--accent-glow: rgba(167, 139, 250, .23);--accent-2-surface: rgba(96, 165, 250, .11);--accent-2-border: rgba(96, 165, 250, .27);--success: #34d399;--success-hover: #10b981;--success-surface: rgba(52, 211, 153, .12);--success-border: rgba(52, 211, 153, .3);--success-glow: rgba(52, 211, 153, .22);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-surface: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .3);--warning-glow: rgba(251, 191, 36, .22);--danger: #fb7185;--danger-hover: #f43f5e;--danger-surface: rgba(251, 113, 133, .12);--danger-border: rgba(251, 113, 133, .3);--danger-glow: rgba(251, 113, 133, .22);--on-danger: #ffffff;--page-ambient-primary: rgba(167, 139, 250, .1);--page-ambient-secondary: rgba(96, 165, 250, .065);--page-center-glow: rgba(167, 139, 250, .08);--brand-gradient: linear-gradient(135deg, rgba(167, 139, 250, .2), rgba(96, 165, 250, .15));--hero-gradient: linear-gradient(135deg, rgba(29, 26, 42, .96), rgba(21, 19, 32, .98));--hero-glow: radial-gradient(circle, rgba(167, 139, 250, .13), transparent 70%);--card-gradient: linear-gradient(180deg, #1d1a2a, rgba(21, 19, 32, .88));--entry-gradient: linear-gradient(180deg, #1d1a2a, rgba(16, 15, 24, .93));--accent-gradient: linear-gradient(135deg, #a78bfa, #8b5cf6);--accent-gradient-hover: linear-gradient(135deg, #c4b5fd, #7c3aed);--accent-gradient-horizontal: linear-gradient(90deg, #a78bfa, #60a5fa);--warning-gradient-horizontal: linear-gradient(90deg, #fbbf24, #fb7185);--selection-bg: rgba(167, 139, 250, .3);--selection-fg: #ffffff;--browser-theme-color: #100f18;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px -5px rgba(0, 0, 0, .54), 0 2px 7px -3px rgba(0, 0, 0, .44);--shadow-lg: 0 18px 42px -12px rgba(0, 0, 0, .68), 0 6px 16px -8px rgba(0, 0, 0, .48);--shadow-form: var(--shadow-lg), 0 0 38px -14px rgba(167, 139, 250, .17);--shadow-inset: inset 0 2px 5px rgba(0, 0, 0, .44);--shadow-glow: 0 0 22px -6px var(--accent-glow);--shadow-accent-button: 0 5px 16px -6px var(--accent-glow);--shadow-card-hover: 0 16px 38px -12px rgba(0, 0, 0, .72), 0 0 18px -7px var(--accent-glow);--indigo: var(--accent-2);--indigo-surface: var(--accent-2-surface);--indigo-border: var(--accent-2-border)}[data-theme=tokyo-amber]{color-scheme:dark;--bg-main: #15120e;--bg-subtle: #1b1712;--bg-surface: #241e18;--bg-surface-hover: #30271f;--bg-surface-active: #3d3127;--bg-glass: rgba(36, 30, 24, .8);--bg-glass-strong: rgba(27, 23, 18, .93);--bg-overlay: rgba(10, 7, 4, .84);--surface-soft: rgba(250, 247, 242, .045);--surface-inset: rgba(16, 11, 6, .72);--surface-inset-strong: rgba(16, 11, 6, .9);--control-bg: rgba(18, 13, 8, .8);--control-bg-focus: rgba(18, 13, 8, .96);--progress-track: rgba(250, 247, 242, .09);--scrim: rgba(9, 6, 3, .74);--border-subtle: rgba(221, 212, 199, .08);--border-default: rgba(221, 212, 199, .14);--border-hover: rgba(245, 158, 11, .42);--border-focus: #f59e0b;--text-primary: #faf7f2;--text-secondary: #ddd4c7;--text-muted: #b1a493;--text-dim: #938574;--text-on-solid: #ffffff;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-strong: #d97706;--accent-2: #fb7185;--on-accent: #2d1a00;--accent-surface: rgba(245, 158, 11, .13);--accent-border: rgba(245, 158, 11, .31);--accent-border-strong: rgba(245, 158, 11, .52);--accent-glow: rgba(245, 158, 11, .22);--accent-2-surface: rgba(251, 113, 133, .11);--accent-2-border: rgba(251, 113, 133, .27);--success: #34d399;--success-hover: #10b981;--success-surface: rgba(52, 211, 153, .12);--success-border: rgba(52, 211, 153, .3);--success-glow: rgba(52, 211, 153, .22);--warning: #fbbf24;--warning-hover: #f59e0b;--warning-surface: rgba(251, 191, 36, .12);--warning-border: rgba(251, 191, 36, .3);--warning-glow: rgba(251, 191, 36, .22);--danger: #fb7185;--danger-hover: #f43f5e;--danger-surface: rgba(251, 113, 133, .12);--danger-border: rgba(251, 113, 133, .3);--danger-glow: rgba(251, 113, 133, .22);--on-danger: #ffffff;--page-ambient-primary: rgba(245, 158, 11, .095);--page-ambient-secondary: rgba(251, 113, 133, .055);--page-center-glow: rgba(245, 158, 11, .075);--brand-gradient: linear-gradient(135deg, rgba(245, 158, 11, .19), rgba(251, 113, 133, .13));--hero-gradient: linear-gradient(135deg, rgba(36, 30, 24, .96), rgba(27, 23, 18, .98));--hero-glow: radial-gradient(circle, rgba(245, 158, 11, .12), transparent 70%);--card-gradient: linear-gradient(180deg, #241e18, rgba(27, 23, 18, .88));--entry-gradient: linear-gradient(180deg, #241e18, rgba(21, 18, 14, .93));--accent-gradient: linear-gradient(135deg, #f59e0b, #d97706);--accent-gradient-hover: linear-gradient(135deg, #fbbf24, #b45309);--accent-gradient-horizontal: linear-gradient(90deg, #f59e0b, #fb7185);--warning-gradient-horizontal: linear-gradient(90deg, #fbbf24, #fb7185);--selection-bg: rgba(245, 158, 11, .28);--selection-fg: #ffffff;--browser-theme-color: #15120e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px -5px rgba(0, 0, 0, .54), 0 2px 7px -3px rgba(0, 0, 0, .44);--shadow-lg: 0 18px 42px -12px rgba(0, 0, 0, .68), 0 6px 16px -8px rgba(0, 0, 0, .48);--shadow-form: var(--shadow-lg), 0 0 38px -14px rgba(245, 158, 11, .16);--shadow-inset: inset 0 2px 5px rgba(0, 0, 0, .44);--shadow-glow: 0 0 22px -6px var(--accent-glow);--shadow-accent-button: 0 5px 16px -6px var(--accent-glow);--shadow-card-hover: 0 16px 38px -12px rgba(0, 0, 0, .72), 0 0 18px -7px var(--accent-glow);--indigo: var(--accent-2);--indigo-surface: var(--accent-2-surface);--indigo-border: var(--accent-2-border)}[data-theme=clean-light]{color-scheme:light;--bg-main: #f4f7fb;--bg-subtle: #eef2f7;--bg-surface: #ffffff;--bg-surface-hover: #f8fafc;--bg-surface-active: #e7edf5;--bg-glass: rgba(255, 255, 255, .84);--bg-glass-strong: rgba(255, 255, 255, .96);--bg-overlay: rgba(23, 32, 51, .42);--surface-soft: rgba(23, 32, 51, .045);--surface-inset: #eef2f7;--surface-inset-strong: #e7edf5;--control-bg: #ffffff;--control-bg-focus: #ffffff;--progress-track: rgba(23, 32, 51, .1);--scrim: rgba(23, 32, 51, .46);--border-subtle: rgba(23, 32, 51, .08);--border-default: rgba(23, 32, 51, .15);--border-hover: rgba(37, 99, 235, .38);--border-focus: #2563eb;--text-primary: #172033;--text-secondary: #3f4b61;--text-muted: #5f6d83;--text-dim: #607087;--text-on-solid: #ffffff;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-strong: #1d4ed8;--accent-2: #0f766e;--on-accent: #ffffff;--accent-surface: rgba(37, 99, 235, .09);--accent-border: rgba(37, 99, 235, .25);--accent-border-strong: rgba(37, 99, 235, .44);--accent-glow: rgba(37, 99, 235, .17);--accent-2-surface: rgba(15, 118, 110, .08);--accent-2-border: rgba(15, 118, 110, .23);--success: #047857;--success-hover: #065f46;--success-surface: rgba(4, 120, 87, .08);--success-border: rgba(4, 120, 87, .24);--success-glow: rgba(4, 120, 87, .15);--warning: #a16207;--warning-hover: #854d0e;--warning-surface: rgba(161, 98, 7, .08);--warning-border: rgba(161, 98, 7, .24);--warning-glow: rgba(161, 98, 7, .14);--danger: #be123c;--danger-hover: #9f1239;--danger-surface: rgba(190, 18, 60, .08);--danger-border: rgba(190, 18, 60, .23);--danger-glow: rgba(190, 18, 60, .14);--on-danger: #ffffff;--page-ambient-primary: rgba(37, 99, 235, .075);--page-ambient-secondary: rgba(15, 118, 110, .045);--page-center-glow: rgba(37, 99, 235, .065);--brand-gradient: linear-gradient(135deg, rgba(37, 99, 235, .11), rgba(15, 118, 110, .08));--hero-gradient: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(238, 242, 247, .95));--hero-glow: radial-gradient(circle, rgba(37, 99, 235, .09), transparent 70%);--card-gradient: linear-gradient(180deg, #ffffff, #f8fafc);--entry-gradient: linear-gradient(180deg, #ffffff, #f4f7fb);--accent-gradient: linear-gradient(135deg, #2563eb, #1d4ed8);--accent-gradient-hover: linear-gradient(135deg, #1d4ed8, #1e40af);--accent-gradient-horizontal: linear-gradient(90deg, #2563eb, #0f766e);--warning-gradient-horizontal: linear-gradient(90deg, #d97706, #be123c);--selection-bg: rgba(37, 99, 235, .2);--selection-fg: #172033;--browser-theme-color: #f4f7fb;--shadow-sm: 0 1px 3px rgba(23, 32, 51, .08);--shadow-md: 0 8px 24px -10px rgba(23, 32, 51, .2), 0 2px 8px -4px rgba(23, 32, 51, .12);--shadow-lg: 0 20px 46px -18px rgba(23, 32, 51, .28), 0 8px 20px -12px rgba(23, 32, 51, .16);--shadow-form: var(--shadow-lg);--shadow-inset: inset 0 1px 3px rgba(23, 32, 51, .1);--shadow-glow: 0 0 20px -7px var(--accent-glow);--shadow-accent-button: 0 7px 18px -8px var(--accent-glow);--shadow-card-hover: 0 18px 42px -18px rgba(23, 32, 51, .3), 0 0 16px -8px var(--accent-glow);--indigo: var(--accent-2);--indigo-surface: var(--accent-2-surface);--indigo-border: var(--accent-2-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg-main)}body{min-height:100dvh;background-color:var(--bg-main);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,var(--page-ambient-primary),transparent),radial-gradient(ellipse 60% 40% at 90% 100%,var(--page-ambient-secondary),transparent);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-active);border-radius:var(--radius-full);border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{font-family:inherit;font-size:inherit;border:none;background:transparent;color:inherit;cursor:pointer;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}input,select,textarea{font-family:inherit;font-size:inherit}code,kbd,samp,pre{font-family:var(--font-mono)}::selection{background:var(--selection-bg);color:var(--selection-fg)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}#root{min-height:100dvh;display:flex;flex-direction:column}.main-scroll{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:24px 20px 32px}@media (max-width: 640px){.main-scroll{padding:16px 14px 24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px -3px var(--accent-glow)}50%{box-shadow:0 0 25px 2px var(--accent-glow)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) cubic-bezier(.16,1,.3,1) forwards}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out forwards}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .4s ease-in-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{display:flex;flex-direction:column;gap:20px;animation:fadeIn var(--transition-normal) ease-out}.page h2{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:10px}.page h3{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-header-copy{min-width:0}.page-eyebrow{width:fit-content;display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--text-muted);font-size:12px;font-weight:600}.page-eyebrow:hover{color:var(--accent)}.page-title{margin:0}.page-title>svg,.section-title>svg{color:var(--accent);flex-shrink:0}.page-title-emoji{font-size:24px;line-height:1}.page-subtitle{max-width:720px;margin-top:5px;color:var(--text-muted);font-size:13px;line-height:1.6}.page-actions,.badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.section-title{display:flex;align-items:center;gap:8px;margin:0}.loader-card{flex-direction:row;gap:12px;padding:16px 28px}.loader-spinner{width:18px;height:18px;display:inline-block;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%}.loader-label{color:var(--text-secondary);font-size:14px}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at 50% 30%,var(--page-center-glow),transparent 60%)}.center{display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:14px}.card,.box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;max-width:100%;box-sizing:border-box}.card:hover,.box:hover{border-color:var(--border-hover)}.box{display:flex;flex-direction:column;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:13.5px;line-height:1;padding:9px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-hover);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-surface-active);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn.primary{background:var(--accent-gradient);color:var(--on-accent);border-color:var(--accent-border-strong);font-weight:600;box-shadow:var(--shadow-accent-button)}.btn.primary:hover:not(:disabled){background:var(--accent-gradient-hover);color:var(--on-accent);box-shadow:var(--shadow-glow)}.btn.secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary)}.btn.danger{background:var(--danger-surface);border-color:var(--danger-border);color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--text-on-solid);box-shadow:0 5px 16px -6px var(--danger-glow)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-muted)}.btn.ghost:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-primary)}.btn.mini{padding:5px 10px;font-size:12px;border-radius:var(--radius-sm)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-sm);color:var(--text-dim);transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.icon-button:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.form{max-width:440px;width:100%;display:flex;flex-direction:column;gap:18px;background:var(--bg-glass-strong);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:32px 28px;box-shadow:var(--shadow-form);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box}.form h1{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted)}input,select,textarea{width:100%;background:var(--control-bg);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;transition:all var(--transition-fast);outline:none;box-sizing:border-box;max-width:100%}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:hover,select:hover,textarea:hover{border-color:var(--border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--control-bg-focus);box-shadow:0 0 0 3px var(--accent-surface)}.password-field{position:relative}.password-field input,.password-field input.has-password-toggle{padding-right:46px}.password-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%)}.form-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.form-inline input,.form-inline select{min-width:160px;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid .btn,.form-grid select{grid-column:span 1}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}.form-grid input,.form-grid .btn,.form-grid select{grid-column:span 1!important}}.checkrow{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkrow input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin:0;flex-shrink:0}.msg{font-size:13.5px;line-height:1.6;border-radius:var(--radius-md);padding:12px 16px;border:1px solid var(--border-default);background:var(--bg-surface);animation:fadeIn var(--transition-fast) ease-out;word-break:break-word}.msg.ok{color:var(--success);background:var(--success-surface);border-color:var(--success-border)}.msg.err{color:var(--danger);background:var(--danger-surface);border-color:var(--danger-border)}.msg.warn{color:var(--warning);background:var(--warning-surface);border-color:var(--warning-border);display:flex;flex-direction:column;gap:10px;align-items:flex-start}.dim{color:var(--text-muted);font-size:13px}.dblock{display:block;word-break:break-all;overflow-wrap:anywhere}.code,.recovery-key{font-family:var(--font-mono)}.recovery-key{font-size:17px;letter-spacing:1.2px;background:var(--surface-inset-strong);border:1px solid var(--border-default);padding:14px;border-radius:var(--radius-md);text-align:center;color:var(--accent);-webkit-user-select:all;user-select:all;box-shadow:var(--shadow-inset);word-break:break-all;overflow-wrap:anywhere}.topbar{min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));background:var(--bg-glass-strong);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40;box-sizing:border-box}.topbar-title{min-width:0;display:flex;align-items:center;flex-shrink:0;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.02em}.topbar-home{min-width:0;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.topbar-home:hover{color:var(--accent)}.topbar-brand-mark{width:34px;height:34px;border-radius:var(--radius-md)}.topbar-name{white-space:nowrap}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;margin-left:auto}.topbar-action{min-width:36px}.topbar-user{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);color:var(--text-primary);font-size:12px;font-weight:500}.topbar-user>svg{color:var(--accent)}.statusbar{flex-shrink:0;padding:9px max(20px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-top:1px solid var(--border-subtle);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-dim);font-size:12px;box-sizing:border-box}.statusbar-inner{display:flex;align-items:center;gap:8px}.statusbar-inner>svg{color:var(--accent);flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.ok{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.warn{background:var(--warning);box-shadow:0 0 8px var(--warning)}.status-dot.err{background:var(--danger);box-shadow:0 0 8px var(--danger)}.toolbar{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.search-field{position:relative;width:100%;display:block}.search-field input{padding-left:40px;padding-right:44px}.search-field-icon{position:absolute;left:14px;top:50%;z-index:1;display:flex;color:var(--text-dim);pointer-events:none;transform:translateY(-50%)}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}@media (max-width: 480px){.grid{grid-template-columns:1fr}}.tool-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--card-gradient);position:relative;overflow:hidden;transition:all var(--transition-normal);text-decoration:none;box-sizing:border-box}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity var(--transition-normal)}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.tool-card:hover:before{opacity:1}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tool-badges{justify-content:flex-end}.tool-card-open{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap}.tool-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-surface);border:1px solid var(--accent-border);box-shadow:0 0 16px -4px var(--accent-glow);flex-shrink:0}.tool-name{font-weight:700;font-size:17px;color:var(--text-primary);letter-spacing:-.01em}.tool-desc{font-size:13.5px;line-height:1.6;color:var(--text-muted);flex:1}.tool-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:12px;font-weight:500}.entries{display:flex;flex-direction:column;gap:16px}.entry{display:flex;gap:20px;align-items:center;padding:20px;background:var(--entry-gradient);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;box-sizing:border-box;overflow:hidden}.entry-info{flex:1;min-width:220px;display:flex;flex-direction:column;gap:10px}.title-input{font-size:15px;font-weight:600;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:4px 8px;margin-left:-8px;transition:all var(--transition-fast)}.title-input:hover{border-color:var(--border-default);background:var(--surface-soft)}.title-input:focus{border-color:var(--accent);background:var(--bg-main)}.row2{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13.5px}.row2 span{color:var(--text-dim);font-size:12px;text-transform:uppercase;letter-spacing:.05em;min-width:40px}.row2 b{min-width:0;max-width:100%;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;font-weight:600}.entry-code{text-align:center;min-width:190px;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface-inset);padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-sizing:border-box}.code{font-size:32px;font-weight:800;letter-spacing:3px;font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 20px var(--accent-glow);line-height:1.1}.bar{width:150px;height:6px;background:var(--progress-track);border-radius:var(--radius-full);overflow:hidden;position:relative}.bar>div{height:100%;background:var(--accent-gradient-horizontal);border-radius:var(--radius-full);transition:width 1s linear,background-color .3s ease}.cd-label{font-size:12px;color:var(--text-dim);font-family:var(--font-mono)}.note-input{width:100%;min-height:44px;font-size:13px;resize:vertical}@media (max-width: 768px){.entry{flex-direction:column;align-items:stretch}.entry-code{min-width:100%}.hide-mobile{display:none!important}}.sess-list{display:flex;flex-direction:column;gap:10px}.sess-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-soft);box-sizing:border-box}.sess-item .dim{margin-top:4px;font-size:12px}.tag{font-size:11px;font-weight:600;color:var(--success);border:1px solid var(--success-border);background:var(--success-surface);padding:2px 8px;border-radius:var(--radius-full);display:inline-block}.empty{text-align:center;color:var(--text-dim);padding:48px 20px;font-size:14px;background:var(--bg-surface);border:1px dashed var(--border-default);border-radius:var(--radius-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:50px 24px;border-radius:var(--radius-xl)}.empty-state-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-soft);color:var(--text-dim)}.empty-state-title{color:var(--text-secondary);font-size:16px;font-weight:600}.empty-state-description{max-width:360px;color:var(--text-muted);font-size:13px;line-height:1.5}.empty-state-action{margin-top:8px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);background:var(--brand-gradient);border:1px solid var(--accent-border);box-shadow:var(--shadow-glow)}.public-theme-control{position:fixed;top:18px;right:18px;z-index:60}.hub-hero{position:relative;overflow:hidden;padding:28px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--hero-gradient);box-shadow:var(--shadow-md)}.hub-hero-glow{position:absolute;top:-90px;right:-70px;width:250px;height:250px;border-radius:50%;background:var(--hero-glow);pointer-events:none}.hub-hero-content{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.hub-hero-copy{min-width:min(100%,320px);flex:1}.hub-hero-title{margin:10px 0 5px;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.02em}.hub-hero-description{max-width:560px;color:var(--text-muted);font-size:13.5px;line-height:1.65}.hub-stats{display:flex;gap:12px;flex-wrap:wrap}.hub-stat,.user-chip,.subtle-panel{background:var(--surface-soft);border:1px solid var(--border-subtle)}.hub-stat{min-width:128px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md)}.hub-stat-icon{display:flex;color:var(--accent)}.hub-stat-label,.hub-stat-value{display:block}.hub-stat-label{color:var(--text-dim);font-size:11px}.hub-stat-value{color:var(--text-primary);font-size:16px}.hub-stat-success .hub-stat-icon,.hub-stat-success .hub-stat-value{color:var(--success)}.badge{--badge-bg: var(--surface-soft);--badge-border: var(--border-default);--badge-color: var(--text-secondary);display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border:1px solid var(--badge-border);border-radius:var(--radius-full);background:var(--badge-bg);color:var(--badge-color);font-size:11.5px;font-weight:600;letter-spacing:.02em}.badge-cyan{--badge-bg: var(--accent-surface);--badge-border: var(--accent-border);--badge-color: var(--accent)}.badge-emerald{--badge-bg: var(--success-surface);--badge-border: var(--success-border);--badge-color: var(--success)}.badge-amber{--badge-bg: var(--warning-surface);--badge-border: var(--warning-border);--badge-color: var(--warning)}.badge-rose{--badge-bg: var(--danger-surface);--badge-border: var(--danger-border);--badge-color: var(--danger)}.badge-indigo{--badge-bg: var(--accent-2-surface);--badge-border: var(--accent-2-border);--badge-color: var(--accent-2)}.badge-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;width:min(380px,calc(100vw - 40px));display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{--toast-color: var(--accent);display:flex;align-items:center;gap:12px;padding:12px 12px 12px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-glass-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);font-size:13.5px;pointer-events:auto}.toast-item.success{--toast-color: var(--success);border-color:var(--success-border)}.toast-item.error{--toast-color: var(--danger);border-color:var(--danger-border)}.toast-item.warning{--toast-color: var(--warning);border-color:var(--warning-border)}.toast-icon{display:flex;align-items:center;color:var(--toast-color)}.toast-message{flex:1;min-width:0;line-height:1.4;word-break:break-word}.toast-close{width:34px;height:34px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.modal-card{width:min(520px,90vw);max-height:90dvh;overflow-y:auto;padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-close{width:40px;height:40px}.qr-frame{width:fit-content;padding:12px;border-radius:var(--radius-md);background:var(--qr-background);color:var(--qr-foreground);box-shadow:var(--shadow-md)}.code-panel{background:var(--surface-inset);border:1px solid var(--border-default);color:var(--accent)}.modal-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-picker-wrapper{position:relative}.theme-trigger{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary)}.theme-trigger-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px var(--accent-glow)}.theme-dropdown{position:absolute;top:calc(100% + 9px);right:0;width:min(292px,calc(100vw - 28px));display:flex;flex-direction:column;gap:5px;padding:9px;z-index:1000;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.theme-dropdown-title{padding:6px 8px;color:var(--text-dim);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.theme-option{width:100%;display:flex;align-items:center;gap:11px;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.theme-option:hover,.theme-option:focus-visible{background:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.theme-option.active{background:var(--accent-surface);border-color:var(--accent-border);color:var(--text-primary)}.theme-preview{width:42px;height:30px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:4px;flex-shrink:0;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-main);box-shadow:var(--shadow-sm)}.theme-preview-surface{grid-row:1 / 3;border-radius:var(--radius-xs);background:var(--bg-surface)}.theme-preview-accent{border-radius:var(--radius-xs);background:var(--accent)}.theme-preview-muted{border-radius:var(--radius-xs);background:var(--bg-surface-active)}.theme-option-copy{flex:1;min-width:0}.theme-option-name{display:block;color:inherit;font-size:13px;font-weight:650}.theme-option.active .theme-option-name{display:block;color:var(--accent)}.theme-option-desc{display:block;overflow:hidden;color:var(--text-muted);font-size:11px;white-space:nowrap;text-overflow:ellipsis}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:12px}.theme-grid-option{width:100%;display:flex;flex-direction:column;gap:11px;padding:14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);text-align:left;background:var(--bg-surface);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.theme-grid-option:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.theme-grid-option.active{border-color:var(--accent);box-shadow:var(--shadow-glow)}.theme-grid-preview{height:70px;display:grid;grid-template-columns:1fr 1.7fr;gap:7px;padding:8px;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-main)}.theme-grid-preview-sidebar,.theme-grid-preview-card{border-radius:var(--radius-sm);background:var(--bg-surface)}.theme-grid-preview-card{display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:7px;box-shadow:var(--shadow-sm)}.theme-grid-preview-line{height:5px;border-radius:var(--radius-full);background:var(--text-dim);opacity:.65}.theme-grid-preview-line.accent{width:66%;background:var(--accent);opacity:1}.theme-grid-copy{display:flex;align-items:flex-start;gap:8px}.theme-grid-copy>div{flex:1;min-width:0}.theme-grid-name{display:block;color:var(--text-primary);font-size:14px;font-weight:650}.theme-grid-option.active .theme-grid-name{display:block;color:var(--accent)}.theme-grid-desc{display:block;margin-top:3px;color:var(--text-muted);font-size:11.5px;line-height:1.45}@media (max-width: 768px){.btn{min-height:42px}.btn.mini{min-height:40px;padding:8px 11px}input,select,textarea{min-height:44px}.icon-button,.search-clear,.password-toggle{width:40px;height:40px}.sess-item{align-items:stretch}}@media (max-width: 640px){.public-theme-control{top:12px;right:12px}.topbar{min-height:64px;padding:10px 14px;gap:8px}.topbar-home{gap:8px}.topbar-right{gap:4px}.topbar-user,.topbar-action-label,.topbar .theme-trigger-dot{display:none}.topbar .theme-trigger,.topbar-action{width:40px;min-width:40px;height:40px;padding:0}.statusbar{padding:10px 14px max(10px,env(safe-area-inset-bottom));font-size:11.5px}.page-header{align-items:flex-start;gap:12px}.page-actions{width:100%}.hub-hero{padding:22px 18px}.hub-hero-content,.hub-stats{width:100%}.hub-stat{min-width:0;flex:1 1 140px;padding:12px}.hub-stat-value{font-size:15px}.tool-card-top{align-items:flex-start}.tool-badges{max-width:calc(100% - 60px)}.topbar .theme-dropdown{position:fixed;top:76px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 100px);overflow-y:auto}.public-theme-control .theme-dropdown{position:absolute;top:calc(100% + 9px);left:auto;right:0;width:min(292px,calc(100vw - 24px));max-height:calc(100dvh - 72px);overflow-y:auto}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-grid-option{min-width:0;padding:10px}.theme-grid-preview{height:58px}.theme-grid-copy{gap:5px}.theme-grid-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sess-item{flex-direction:column}.sess-item>.btn{align-self:flex-start}.modal-layer{padding:10px}.modal-card{width:100%;max-height:calc(100dvh - 20px);padding:18px}.toast-container{top:12px;right:12px;width:calc(100vw - 24px)}}@media (max-width: 360px){.topbar-name{max-width:70px;overflow:hidden;text-overflow:ellipsis}.theme-grid{grid-template-columns:1fr}}.open-swu-page{min-width:0}.open-swu-loading{min-height:180px;color:var(--text-muted)}.open-swu-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text-secondary);font-size:13px;line-height:1.55}.open-swu-alert>svg{flex:0 0 auto;margin-top:1px}.open-swu-alert>div{display:flex;min-width:0;flex-direction:column;gap:2px}.open-swu-alert strong{color:var(--text-primary)}.open-swu-alert.warning{border-color:var(--warning-border);background:var(--warning-surface);color:var(--warning)}.open-swu-alert.danger{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}.open-swu-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.open-swu-stat{display:flex;min-width:0;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.open-swu-stat strong{color:var(--text-primary);font-size:25px;line-height:1.1}.open-swu-stat>span:last-child,.open-swu-stat-label{color:var(--text-muted);font-size:12px;line-height:1.45}.open-swu-stat.success{border-color:var(--success-border);background:linear-gradient(180deg,var(--success-surface),var(--bg-surface))}.open-swu-stat.success strong{color:var(--success)}.open-swu-stat.danger{border-color:var(--danger-border);background:linear-gradient(180deg,var(--danger-surface),var(--bg-surface))}.open-swu-stat.danger strong{color:var(--danger)}.open-swu-stat.accent{border-color:var(--accent-border);background:linear-gradient(180deg,var(--accent-surface),var(--bg-surface))}.open-swu-stat.accent strong{color:var(--accent)}.open-swu-stat .open-swu-stat-time{overflow-wrap:anywhere;font-size:17px;line-height:1.35}.open-swu-control-panel,.open-swu-section,.open-swu-history{min-width:0}.open-swu-section{display:flex;flex-direction:column;gap:14px}.open-swu-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.open-swu-section-head>div{min-width:0}.open-swu-section-head p,.open-swu-help{margin:5px 0 0;color:var(--text-muted);font-size:12.5px;line-height:1.55}.open-swu-primary-actions,.open-swu-card-actions,.open-swu-modal-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.open-swu-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.open-swu-account-card{display:flex;min-width:0;flex-direction:column;gap:15px;padding:17px}.open-swu-account-card.disabled{opacity:.72}.open-swu-account-head{display:flex;align-items:flex-start;gap:11px;min-width:0}.open-swu-account-avatar,.open-swu-settings-title>span{display:inline-flex;width:38px;height:38px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-surface);color:var(--accent)}.open-swu-account-copy{min-width:0;flex:1}.open-swu-account-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.open-swu-account-title-row h3{min-width:0;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap}.open-swu-username{display:block;overflow:hidden;margin-top:4px;color:var(--text-muted);font-family:var(--font-mono);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.open-swu-account-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.open-swu-account-meta>div{min-width:0;padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-inset)}.open-swu-account-meta>div.wide{grid-column:1 / -1}.open-swu-account-meta dt{color:var(--text-dim);font-size:11px}.open-swu-account-meta dd{overflow:hidden;margin:4px 0 0;color:var(--text-secondary);font-size:12.5px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.open-swu-card-actions{margin-top:auto}.open-swu-card-actions .btn.ghost{margin-left:auto}.open-swu-history-empty{padding:24px 12px;color:var(--text-muted);text-align:center}.open-swu-table-wrap{max-width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.open-swu-table{width:100%;min-width:680px;border-collapse:collapse;font-size:12.5px}.open-swu-table th,.open-swu-table td{padding:11px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);text-align:left;vertical-align:top}.open-swu-table th{background:var(--surface-inset);color:var(--text-muted);font-size:11.5px;font-weight:600}.open-swu-table tbody tr:last-child td{border-bottom:0}.open-swu-table td strong,.open-swu-table td span,.open-swu-table td small{display:block}.open-swu-table td small,.open-swu-table td:nth-child(2) span{margin-top:3px;color:var(--text-dim);font-size:11px}.open-swu-modal-wide{width:min(760px,94vw)}.open-swu-form{display:flex;flex-direction:column;gap:15px}.open-swu-form>label,.open-swu-settings-grid label{display:flex;min-width:0;flex-direction:column;gap:7px;color:var(--text-muted);font-size:12.5px;font-weight:500}.open-swu-form label small{color:var(--text-dim);font-weight:400;line-height:1.45}.open-swu-password-field{position:relative;display:block}.open-swu-password-field input{width:100%;padding-right:46px}.open-swu-password-field .password-toggle{position:absolute;top:50%;right:2px;transform:translateY(-50%)}.open-swu-password-field .password-toggle:hover{transform:translateY(-50%)}.open-swu-check-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;color:var(--text-secondary)!important;cursor:pointer}.open-swu-check-row input[type=checkbox]{width:18px;height:18px;min-height:0;margin-top:1px;accent-color:var(--accent)}.open-swu-check-row>span{display:flex;flex-direction:column;gap:3px}.open-swu-modal-actions{justify-content:flex-end;padding-top:5px}.open-swu-settings-section{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-soft)}.open-swu-settings-title{display:flex;align-items:flex-start;gap:10px}.open-swu-settings-title>span{width:34px;height:34px}.open-swu-settings-title h4{margin:0;color:var(--text-primary);font-size:14px}.open-swu-settings-title p{margin:4px 0 0;color:var(--text-muted);font-size:12px;line-height:1.5}.open-swu-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.open-swu-settings-grid.compact{grid-template-columns:minmax(150px,.6fr) minmax(180px,1fr)}.open-swu-readonly-field{display:flex;flex-direction:column;gap:7px;color:var(--text-muted);font-size:12.5px}.open-swu-readonly-field strong{min-height:40px;display:flex;align-items:center;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.open-swu-preset-summary{display:flex;gap:8px;flex-wrap:wrap}.open-swu-preset-summary span{padding:5px 9px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-inset);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.open-swu-smtp-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-muted);font-size:11.5px}.open-swu-scheduler-toggle{border-color:var(--accent-border);background:var(--accent-surface)}@media (max-width: 900px){.open-swu-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.open-swu-overview,.open-swu-account-grid,.open-swu-settings-grid,.open-swu-settings-grid.compact{grid-template-columns:1fr}.open-swu-primary-actions,.open-swu-modal-actions{align-items:stretch}.open-swu-primary-actions .btn{flex:1 1 145px}.open-swu-modal-actions .btn{flex:1 1 120px}.open-swu-account-title-row{align-items:flex-start;flex-direction:column}.open-swu-card-actions .btn.ghost{margin-left:0}.open-swu-table{min-width:620px}.open-swu-settings-section{padding:12px}}@media (max-width: 380px){.open-swu-overview,.open-swu-account-meta{grid-template-columns:1fr}.open-swu-account-meta>div.wide{grid-column:auto}.open-swu-primary-actions .btn,.open-swu-card-actions .btn,.open-swu-modal-actions .btn{width:100%;flex-basis:100%}}