:root{--color-bg: #0a0a0c;--color-bg-elevated: #131316;--color-bg-elevated-2: #1b1b1f;--color-bg-sunken: #000000;--color-border: rgba(255, 255, 255, .05);--color-border-strong: rgba(255, 255, 255, .11);--color-border-faint: rgba(255, 255, 255, .045);--color-divider: rgba(255, 255, 255, .08);--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-tertiary: #6f6f76;--color-accent: #7c6cf0;--color-accent-rgb: 124, 108, 240;--color-accent-hover: #8f81f5;--color-accent-contrast: #ffffff;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-danger: #f87171;--color-danger-rgb: 248, 113, 113;--color-focus-ring: rgba(124, 108, 240, .5);--surface-opacity: 62%;--blur-md: 16px;--blur-sm: 6px;--bg-gradient-1: rgba(124, 108, 240, .16);--bg-gradient-2: rgba(52, 211, 153, .08);--bg-grain-opacity: .05;--bg-glow-size: 480px;--bg-glow-opacity: .14;--header-height: 64px;--content-max-width: 1160px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .16);--shadow-md: 0 6px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .32);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--z-background: 0;--z-content: 1;--z-header: 100;--z-popover: 500;--z-modal: 1000}[data-theme=light]{--color-bg: #fafafa;--color-bg-elevated: #ffffff;--color-bg-elevated-2: #f4f4f5;--color-bg-sunken: #f0f0f2;--color-border: rgba(0, 0, 0, .055);--color-border-strong: rgba(0, 0, 0, .1);--color-border-faint: rgba(0, 0, 0, .045);--color-divider: rgba(0, 0, 0, .08);--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-tertiary: #8b8b93;--color-accent: #6552e0;--color-accent-rgb: 101, 82, 224;--color-accent-hover: #5642d6;--color-accent-contrast: #ffffff;--color-accent-secondary: #0284c7;--color-accent-secondary-rgb: 2, 132, 199;--color-success: #047857;--color-success-rgb: 4, 120, 87;--color-danger: #b91c1c;--color-danger-rgb: 185, 28, 28;--color-focus-ring: rgba(101, 82, 224, .4);--surface-opacity: 75%;--bg-gradient-1: rgba(101, 82, 224, .1);--bg-gradient-2: rgba(16, 185, 129, .06);--bg-grain-opacity: .035;--bg-glow-opacity: .1;--shadow-xs: 0 1px 2px rgba(24, 24, 27, .05);--shadow-sm: 0 1px 2px rgba(24, 24, 27, .06);--shadow-md: 0 6px 16px rgba(24, 24, 27, .08);--shadow-lg: 0 12px 32px rgba(24, 24, 27, .12)}[data-appearance=creme][data-theme=light]{--color-bg: #f5efe2;--color-bg-elevated: #fffcf6;--color-bg-elevated-2: #efe6d3;--color-bg-sunken: #e8dcc4;--color-border: rgba(120, 90, 50, .12);--color-border-strong: rgba(120, 90, 50, .2);--color-border-faint: rgba(120, 90, 50, .1);--color-divider: rgba(120, 90, 50, .16);--color-text-primary: #2b2620;--color-text-secondary: #5c5344;--color-text-tertiary: #8a7d68;--color-accent: #a85a2c;--color-accent-rgb: 168, 90, 44;--color-accent-hover: #944e26;--color-accent-contrast: #ffffff;--color-accent-secondary: #7d6320;--color-accent-secondary-rgb: 125, 99, 32;--color-focus-ring: rgba(168, 90, 44, .45);--surface-opacity: 75%;--bg-gradient-1: rgba(168, 90, 44, .12);--bg-gradient-2: rgba(138, 112, 37, .08);--bg-grain-opacity: .035;--bg-glow-opacity: .1;--shadow-xs: 0 1px 2px rgba(43, 38, 32, .05);--shadow-sm: 0 1px 2px rgba(43, 38, 32, .06);--shadow-md: 0 6px 16px rgba(43, 38, 32, .08);--shadow-lg: 0 12px 32px rgba(43, 38, 32, .12)}[data-appearance=creme][data-theme=dark]{--color-bg: #1b1611;--color-bg-elevated: #241d16;--color-bg-elevated-2: #2e2519;--color-bg-sunken: #120e0a;--color-border: rgba(230, 200, 160, .09);--color-border-strong: rgba(230, 200, 160, .17);--color-border-faint: rgba(230, 200, 160, .07);--color-divider: rgba(230, 200, 160, .11);--color-text-primary: #f2e9da;--color-text-secondary: #bfae94;--color-text-tertiary: #8f8069;--color-accent: #e0925a;--color-accent-rgb: 224, 146, 90;--color-accent-hover: #eaa476;--color-accent-contrast: #1b1611;--color-accent-secondary: #c9a94f;--color-accent-secondary-rgb: 201, 169, 79;--color-focus-ring: rgba(224, 146, 90, .5);--surface-opacity: 62%;--bg-gradient-1: rgba(224, 146, 90, .16);--bg-gradient-2: rgba(201, 169, 79, .08);--bg-grain-opacity: .05;--bg-glow-opacity: .14;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .16);--shadow-md: 0 6px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .32)}[data-appearance=bright][data-theme=dark]{--color-bg: #1c1c20;--color-bg-elevated: #26262b;--color-bg-elevated-2: #303036;--color-bg-sunken: #131316;--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .14);--color-border-faint: rgba(255, 255, 255, .06);--color-divider: rgba(255, 255, 255, .1);--color-text-primary: #f4f4f5;--color-text-secondary: #b4b4bc;--color-text-tertiary: #86868f;--color-accent: #8f7ff5;--color-accent-rgb: 143, 127, 245;--color-accent-hover: #a396f7;--color-accent-contrast: #ffffff;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-focus-ring: rgba(143, 127, 245, .5);--surface-opacity: 62%;--bg-gradient-1: rgba(143, 127, 245, .14);--bg-gradient-2: rgba(56, 189, 248, .08);--bg-grain-opacity: .05;--bg-glow-opacity: .12;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .13);--shadow-md: 0 6px 20px rgba(0, 0, 0, .18);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .26)}[data-appearance=ocean][data-theme=light]{--color-bg: #eef5f7;--color-bg-elevated: #ffffff;--color-bg-elevated-2: #dfeced;--color-bg-sunken: #d3e4e6;--color-border: rgba(20, 70, 85, .1);--color-border-strong: rgba(20, 70, 85, .18);--color-border-faint: rgba(20, 70, 85, .08);--color-divider: rgba(20, 70, 85, .14);--color-text-primary: #0f2430;--color-text-secondary: #3d6472;--color-text-tertiary: #5c7d89;--color-accent: #0a6e61;--color-accent-rgb: 10, 110, 97;--color-accent-hover: #085c51;--color-accent-contrast: #ffffff;--color-accent-secondary: #0369a1;--color-accent-secondary-rgb: 3, 105, 161;--color-focus-ring: rgba(10, 110, 97, .4);--surface-opacity: 75%;--bg-gradient-1: rgba(10, 110, 97, .1);--bg-gradient-2: rgba(3, 105, 161, .08);--bg-grain-opacity: .035;--bg-glow-opacity: .1;--shadow-xs: 0 1px 2px rgba(15, 36, 48, .05);--shadow-sm: 0 1px 2px rgba(15, 36, 48, .06);--shadow-md: 0 6px 16px rgba(15, 36, 48, .08);--shadow-lg: 0 12px 32px rgba(15, 36, 48, .12)}[data-appearance=ocean][data-theme=dark]{--color-bg: #0a1420;--color-bg-elevated: #0f1e2e;--color-bg-elevated-2: #16283b;--color-bg-sunken: #050a10;--color-border: rgba(150, 190, 220, .08);--color-border-strong: rgba(150, 190, 220, .16);--color-border-faint: rgba(150, 190, 220, .06);--color-divider: rgba(150, 190, 220, .09);--color-text-primary: #e6eef5;--color-text-secondary: #92a8bc;--color-text-tertiary: #6c8296;--color-accent: #2dd4bf;--color-accent-rgb: 45, 212, 191;--color-accent-hover: #52ddc9;--color-accent-contrast: #06201c;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-focus-ring: rgba(45, 212, 191, .5);--surface-opacity: 62%;--bg-gradient-1: rgba(45, 212, 191, .14);--bg-gradient-2: rgba(56, 189, 248, .1);--bg-grain-opacity: .05;--bg-glow-opacity: .14;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .16);--shadow-md: 0 6px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .32)}[data-appearance=forest][data-theme=light]{--color-bg: #eef3ea;--color-bg-elevated: #ffffff;--color-bg-elevated-2: #e0e9da;--color-bg-sunken: #d5e0cd;--color-border: rgba(40, 60, 35, .1);--color-border-strong: rgba(40, 60, 35, .18);--color-border-faint: rgba(40, 60, 35, .08);--color-divider: rgba(40, 60, 35, .14);--color-text-primary: #1a2419;--color-text-secondary: #48583f;--color-text-tertiary: #647461;--color-accent: #7a5a1e;--color-accent-rgb: 122, 90, 30;--color-accent-hover: #654a19;--color-accent-contrast: #ffffff;--color-accent-secondary: #047857;--color-accent-secondary-rgb: 4, 120, 87;--color-focus-ring: rgba(122, 90, 30, .4);--surface-opacity: 75%;--bg-gradient-1: rgba(122, 90, 30, .1);--bg-gradient-2: rgba(4, 120, 87, .08);--bg-grain-opacity: .035;--bg-glow-opacity: .1;--shadow-xs: 0 1px 2px rgba(26, 36, 25, .05);--shadow-sm: 0 1px 2px rgba(26, 36, 25, .06);--shadow-md: 0 6px 16px rgba(26, 36, 25, .08);--shadow-lg: 0 12px 32px rgba(26, 36, 25, .12)}[data-appearance=forest][data-theme=dark]{--color-bg: #0a120d;--color-bg-elevated: #101a13;--color-bg-elevated-2: #16241a;--color-bg-sunken: #060a07;--color-border: rgba(160, 200, 165, .08);--color-border-strong: rgba(160, 200, 165, .16);--color-border-faint: rgba(160, 200, 165, .06);--color-divider: rgba(160, 200, 165, .09);--color-text-primary: #e8f0e9;--color-text-secondary: #9db09f;--color-text-tertiary: #69796b;--color-accent: #dcb26a;--color-accent-rgb: 220, 178, 106;--color-accent-hover: #e6c084;--color-accent-contrast: #241a08;--color-accent-secondary: #6bab8a;--color-accent-secondary-rgb: 107, 171, 138;--color-focus-ring: rgba(220, 178, 106, .5);--surface-opacity: 62%;--bg-gradient-1: rgba(220, 178, 106, .12);--bg-gradient-2: rgba(52, 211, 153, .08);--bg-grain-opacity: .05;--bg-glow-opacity: .14;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .16);--shadow-md: 0 6px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .32)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-full);border:3px solid transparent;background-clip:padding-box}html::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary);background-clip:padding-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:var(--leading-normal);min-height:100vh;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}body *{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}#root{min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);transition:box-shadow var(--duration-fast) var(--ease-out)}ul{list-style:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{font-family:var(--font-mono)}@keyframes icon-spin-once{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.gen-card__btn-icon--spin{animation:icon-spin-once .25s var(--ease-out)}@keyframes icon-spin-loop{to{transform:rotate(360deg)}}.gen-card__btn-icon--loading{animation:icon-spin-loop .7s linear infinite}@keyframes copy-confirm-in{0%{opacity:0}to{opacity:1}}.gen-card__btn-confirm{display:inline-flex;align-items:center;gap:var(--space-2);animation:copy-confirm-in var(--duration-fast) var(--ease-out)}@keyframes soft-resettle{0%{opacity:.5}to{opacity:1}}.i18n-fade .header,.i18n-fade .main-content,.i18n-fade .footer{animation:soft-resettle var(--duration-normal) var(--ease-out)}.bg-effects{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-background);overflow:hidden;pointer-events:none}.bg-effects__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(85vmax circle at 12% 18%,var(--bg-gradient-1),transparent 78%),radial-gradient(90vmax circle at 88% 78%,var(--bg-gradient-2),transparent 78%)}.bg-effects__grain{position:absolute;top:-200px;right:-200px;bottom:-200px;left:-200px;opacity:var(--bg-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:overlay}.bg-effects__glow{position:absolute;top:0;left:0;width:var(--bg-glow-size);height:var(--bg-glow-size);border-radius:var(--radius-full);background:radial-gradient(circle,rgba(var(--color-accent-rgb),var(--bg-glow-opacity)),transparent 70%);filter:blur(48px);will-change:transform;transform:translate3d(-9999px,-9999px,0)}@media (pointer: coarse){.bg-effects__glow{display:none}}.app-layout{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-8);background-color:color-mix(in srgb,var(--color-bg-elevated) 55%,transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-header)}.header__left{display:flex;align-items:center;gap:var(--space-2)}.header__logo,.header__logo:visited{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-out)}.header__logo:hover{color:var(--color-accent)}.header__center{display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(60px)}.header__date{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.02em}.header__time{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--color-text-primary);letter-spacing:.03em}.header__right{display:flex;align-items:center;gap:var(--space-3)}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:transparent;border:1px solid transparent;color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.header__icon-btn:hover{background-color:var(--color-bg-elevated-2);border-color:var(--color-border);color:var(--color-text-primary);transform:translateY(-1px)}.header__icon-btn:active{transform:scale(.94);transition-duration:var(--duration-fast)}.segmented{position:relative;display:inline-flex;padding:3px;border-radius:var(--radius-md);background-color:transparent;border:1px solid var(--color-border)}.segmented--full{display:flex;width:100%}.segmented__thumb{position:absolute;top:3px;left:3px;bottom:3px;width:calc(50% - 3px);border-radius:var(--radius-sm);background-color:var(--color-bg-elevated-2);border:1px solid var(--color-border);transition:transform var(--duration-normal) var(--ease-out)}.segmented__option{position:relative;z-index:1;display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:var(--space-1);min-width:38px;height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-align:center;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.segmented__option--active{color:var(--color-text-primary)}.main-content{flex:1;padding:var(--space-8);display:flex;justify-content:center}.main-content__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:calc((var(--space-6) - 1px) / 2);column-gap:var(--space-16);width:100%;max-width:var(--content-max-width);align-items:start}.main-content__divider{grid-column:1 / -1;height:1px;background-color:var(--color-divider)}.main-content__full{grid-column:1 / -1}@media (max-width: 640px){.main-content__grid{grid-template-columns:minmax(0,1fr);row-gap:var(--space-6)}}.gen-card{position:relative;isolation:isolate;background:none;border:none;border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:none;display:flex;flex-direction:column;gap:var(--space-4)}.gen-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-color:color-mix(in srgb,var(--color-bg-elevated) 6%,transparent);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));-webkit-mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent),linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent),linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent);mask-composite:intersect}[data-appearance=cards] .gen-card,[data-appearance=creme] .gen-card,[data-appearance=ocean] .gen-card,[data-appearance=forest] .gen-card{border:1px solid var(--color-border-faint)}[data-appearance=cards] .gen-card:before,[data-appearance=creme] .gen-card:before,[data-appearance=ocean] .gen-card:before,[data-appearance=forest] .gen-card:before{-webkit-mask-image:none;mask-image:none}[data-appearance=cards] .main-content__divider,[data-appearance=creme] .main-content__divider,[data-appearance=ocean] .main-content__divider,[data-appearance=forest] .main-content__divider{display:none}.gen-card--stretch{align-self:stretch}.gen-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.gen-card__header-right{display:flex;align-items:center;gap:var(--space-2)}.gen-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.gen-card__value{background-color:color-mix(in srgb,var(--color-bg-sunken) 32%,transparent);border:none;border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);min-height:48px;display:flex;align-items:center}.gen-card__text{font-family:var(--font-mono);font-size:var(--text-base);word-break:break-all;letter-spacing:.02em;-webkit-user-select:all;user-select:all;line-height:var(--leading-relaxed)}.gen-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.gen-card__btn{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);border-radius:var(--radius-md);background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.gen-card__btn:hover:not(:disabled){background-color:var(--color-bg-elevated-2);border-color:var(--color-border-strong);color:var(--color-text-primary);transform:translateY(-1px)}.gen-card__btn:active:not(:disabled){transform:scale(.98);transition-duration:var(--duration-fast)}.gen-card__btn:disabled{opacity:.45;cursor:not-allowed}.gen-card__btn--copied{background-color:rgba(var(--color-success-rgb),.14);border-color:rgba(var(--color-success-rgb),.4);color:var(--color-success)}.gen-card__link-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);flex-wrap:wrap}.gen-card__link-result{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.gen-card__link-url{display:block;overflow-wrap:anywhere;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--color-bg-sunken) 55%,transparent);font-size:var(--text-xs)}.gen-card__link-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gen-card__link-error{width:100%;color:var(--color-danger);font-size:var(--text-sm)}.security-meter{display:flex;flex-direction:column;gap:var(--space-2)}.security-meter__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.security-meter__label{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary)}.security-meter__bar{height:6px;border-radius:var(--radius-full);background-color:var(--color-border);overflow:hidden}.security-meter__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out)}.security-meter__fill--weak{background-color:var(--color-danger)}.security-meter__fill--fair{background-color:var(--color-accent)}.security-meter__fill--good{background-color:var(--color-accent-secondary)}.security-meter__fill--strong,.security-meter__fill--excellent{background-color:var(--color-success)}.security-meter__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs)}.security-meter__level{font-weight:var(--font-weight-semibold)}.security-meter__level--weak{color:var(--color-danger)}.security-meter__level--fair{color:var(--color-accent)}.security-meter__level--good{color:var(--color-accent-secondary)}.security-meter__level--strong,.security-meter__level--excellent{color:var(--color-success)}.security-meter__bits{color:var(--color-text-tertiary)}.gen-card__label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);flex-wrap:wrap}.gen-card__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:var(--space-1) var(--space-8) var(--space-1) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-bg-sunken) 32%,transparent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236f6f76' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;cursor:pointer;min-width:90px;height:34px;transition:border-color var(--duration-fast) var(--ease-out)}[data-theme=light] .gen-card__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238b8b93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.gen-card__select:focus{outline:none;border-color:var(--color-accent)}.gen-card__control{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.gen-card__control input[type=range]{accent-color:var(--color-accent)}.card-info{position:relative}.card-info__trigger{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.card-info__trigger:hover{color:var(--color-accent);background-color:var(--color-bg-elevated-2)}@media (pointer: coarse){.card-info__trigger{width:36px;height:36px}}@media (pointer: coarse){.custom-generator__chip-remove:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}@keyframes popover-in{0%{opacity:0;transform:scale(.96) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-info__popover{position:absolute;top:calc(100% + var(--space-2));right:0;width:min(300px,calc(100vw - var(--space-8)));background-color:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-lg);z-index:var(--z-popover);transform-origin:top right;animation:popover-in var(--duration-fast) var(--ease-out)}.card-info__close{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.card-info__close:hover{color:var(--color-text-primary)}.card-info__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-right:var(--space-6);margin-bottom:var(--space-2)}.card-info__list{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);list-style:disc;padding-left:var(--space-4);line-height:var(--leading-relaxed)}.card-info__list strong{color:var(--color-text-primary)}.custom-generator__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.custom-generator__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:transparent;border:1px solid var(--color-border-strong);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-primary);transition:opacity var(--duration-fast) var(--ease-out)}.custom-generator__chip--inactive{opacity:.5}.custom-generator__chip-remove{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.custom-generator__chip-remove:hover{color:var(--color-danger);background-color:rgba(var(--color-danger-rgb),.12)}.custom-generator__field{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-bg-sunken) 32%,transparent);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out)}.custom-generator__field:focus{outline:none;border-color:var(--color-accent)}.custom-generator__validation{font-size:var(--text-xs);color:var(--color-danger)}.word-generator__label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.gen-card__value-group{display:flex;flex-direction:column;gap:var(--space-2)}@keyframes qr-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.qr-code{display:flex;width:176px;flex-direction:column;align-items:center;gap:var(--space-2);animation:qr-in .2s var(--ease-out)}.qr-code__image{width:176px;height:176px;border-radius:var(--radius-md);background-color:#fff;image-rendering:pixelated}.qr-code__actions{display:flex;width:100%;flex-direction:column;gap:var(--space-1)}.qr-code__actions .gen-card__btn{width:100%;justify-content:center}.info-button{position:relative}.info-button__popover{position:absolute;top:calc(100% + var(--space-3));right:0;width:min(320px,calc(100vw - var(--space-8)));background-color:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-popover);transform-origin:top right;animation:popover-in var(--duration-fast) var(--ease-out)}.info-button__close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.info-button__close:hover{color:var(--color-text-primary)}.info-button__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding-right:var(--space-6)}.info-button__body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (max-width: 480px){.info-button__popover{position:fixed;top:calc(56px + var(--space-2));left:50%;right:auto;transform:translate(-50%);width:min(320px,calc(100vw - var(--space-8)))}}.appearance-menu{position:relative}.appearance-menu__popover{position:absolute;top:calc(100% + var(--space-2));right:0;width:200px;background-color:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:2px;z-index:var(--z-popover);transform-origin:top right;animation:popover-in var(--duration-fast) var(--ease-out)}.appearance-menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:left;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.appearance-menu__item:hover{background-color:var(--color-bg-elevated-2);color:var(--color-text-primary)}.appearance-menu__item--active{color:var(--color-text-primary)}.appearance-menu__divider{height:1px;margin:var(--space-1) var(--space-2);background-color:var(--color-border)}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);border-top:1px solid var(--color-border)}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.footer__link,.footer__link:visited{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-accent)}.footer__copyright{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;max-width:100%;overflow-x:auto}.footer__copyright-link,.footer__copyright-link:visited{color:var(--color-text-tertiary);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.footer__copyright-link:hover{color:var(--color-accent)}@media (max-width: 768px){.header{padding:0 var(--space-4);height:56px}.header__center{display:none}.header__logo{font-size:var(--text-lg)}.main-content{padding:var(--space-4)}.gen-card{padding:var(--space-5)}.gen-card__link-section{flex-direction:column;align-items:stretch}.qr-code{width:100%}}@media (max-width: 640px){.footer__copyright{white-space:normal;overflow-x:visible;text-align:center;line-height:var(--leading-normal)}}@media (max-width: 480px){.header{padding:0 var(--space-2)}.header__right{gap:var(--space-1)}.header__icon-btn{width:34px;height:34px}.segmented__option{min-width:32px;padding:0 var(--space-2)}.gen-card{padding:var(--space-4)}.gen-card__label{justify-content:space-between}}.one-time-link-page{position:relative;z-index:var(--z-content);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.one-time-link-page__card{width:100%;max-width:480px;background-color:color-mix(in srgb,var(--color-bg-elevated) var(--surface-opacity),transparent);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-5);text-align:center}.one-time-link-page__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.one-time-link-page__hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.one-time-link-page__error{font-size:var(--text-base);color:var(--color-danger)}.one-time-link-page__hint-de{display:block;margin-top:var(--space-1);opacity:.8}.one-time-link-page__password{font-family:var(--font-mono);font-size:var(--text-lg);word-break:break-all;background-color:color-mix(in srgb,var(--color-bg-sunken) 55%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);-webkit-user-select:all;user-select:all}.one-time-link-page__copy{display:inline-flex;align-items:center;gap:var(--space-2);align-self:center;padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold);transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.one-time-link-page__copy:hover{background-color:var(--color-bg-elevated-2);border-color:var(--color-border-strong);transform:translateY(-1px)}.one-time-link-page__copy:active{transform:scale(.98);transition-duration:var(--duration-fast)}.info-page{position:relative;z-index:var(--z-content);display:flex;justify-content:center;padding:var(--space-8) var(--space-6) var(--space-16)}.info-page__container{width:100%;max-width:760px;display:flex;flex-direction:column;gap:var(--space-8)}.info-page__back,.info-page__back:visited{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.info-page__back:hover{color:var(--color-accent)}.info-page__header{display:flex;flex-direction:column;gap:var(--space-2)}.info-page__eyebrow{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent)}.info-page__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.info-page__intro{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:60ch}.info-page__sections{display:flex;flex-direction:column;gap:var(--space-8)}.info-section{padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);scroll-margin-top:calc(var(--header-height) + var(--space-4))}.info-section:last-child{padding-bottom:0;border-bottom:none}.info-section__heading{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.info-section__body{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.info-section__body a,.info-section__body a:visited{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.info-section__body a:hover{color:var(--color-accent-hover)}.info-section__body code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px}.info-list{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);list-style:disc}.analyzer-page__privacy-note{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.analyzer-page__input-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.analyzer-page__input{width:100%;height:44px;font-size:var(--text-base)}.analyzer-page__empty{font-size:var(--text-sm);color:var(--color-text-tertiary)}.analyzer-page__results{display:flex;flex-direction:column;gap:var(--space-6)}.analyzer-page__section{display:flex;flex-direction:column;gap:var(--space-3)}.analyzer-page__stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.analyzer-page__stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.analyzer-page__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.analyzer-page__stat-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.analyzer-page__class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.analyzer-page__class-chip{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-tertiary)}.analyzer-page__class-chip--present{color:var(--color-success);border-color:rgba(var(--color-success-rgb),.35)}.analyzer-page__crack-time{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.analyzer-page__disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.analyzer-page__no-warnings{font-size:var(--text-sm);color:var(--color-success)}@media (max-width: 640px){.analyzer-page__stat-grid,.analyzer-page__class-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.info-page{padding:var(--space-6) var(--space-4) var(--space-12)}.info-page__title{font-size:var(--text-2xl)}.info-page__sections{gap:var(--space-6)}.info-section{padding-bottom:var(--space-6)}}