@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Space+Mono:wght@400;700&display=swap";:root{--color-scheme: dark;--bg-color: #0a0908;--bg-gradient: linear-gradient(145deg, #0a0908 0%, #0f0d0a 50%, #0a0908 100%);--surface-color: #141210;--surface-elevated: #1a1815;--text-primary: #f5f2ed;--text-secondary: #9a958c;--text-muted: #5c584f;--primary-color: #d4a574;--primary-light: #e8c9a3;--primary-dark: #b88a52;--primary-glow: 0 0 24px rgba(212, 165, 116, .25);--accent-color: #c76d4e;--accent-light: #e89a7a;--accent-dark: #a44d32;--accent-glow: 0 0 20px rgba(199, 109, 78, .3);--secondary-color: #7a9e7e;--secondary-light: #a3c4a7;--secondary-dark: #5a7d5e;--success-color: #7a9e7e;--warning-color: #d4a574;--error-color: #c76d4e;--info-color: #6b8cae;--primary: var(--primary-color);--accent: var(--accent-color);--surface: var(--surface-color);--glass-bg: rgba(20, 18, 16, .85);--glass-bg-light: rgba(26, 24, 21, .75);--glass-border: rgba(212, 165, 116, .12);--glass-border-subtle: rgba(245, 242, 237, .06);--card-bg: rgba(26, 24, 21, .6);--card-bg-hover: rgba(26, 24, 21, .8);--border: rgba(212, 165, 116, .15);--border-subtle: rgba(245, 242, 237, .08);--sidebar-bg: linear-gradient(180deg, rgba(20, 18, 16, .98) 0%, rgba(14, 13, 11, .99) 100%);--sidebar-shadow: 8px 0 32px rgba(0, 0, 0, .5);--sidebar-overlay-bg: rgba(10, 9, 8, .7);--decor-primary: rgba(212, 165, 116, .08);--decor-primary-strong: rgba(212, 165, 116, .15);--decor-primary-subtle: rgba(212, 165, 116, .02);--decor-accent: rgba(199, 109, 78, .08);--decor-accent-strong: rgba(199, 109, 78, .2);--decor-secondary: rgba(122, 158, 126, .06);--decor-secondary-strong: rgba(122, 158, 126, .15);--theme-icon-sun: 0;--theme-icon-moon: 1;--font-main: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", "IBM Plex Mono", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--text-xs: clamp(.75rem, .7rem + .25vw, .8rem);--text-sm: clamp(.875rem, .825rem + .25vw, .9375rem);--text-base: clamp(.9375rem, .9rem + .25vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + .25vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + .5vw, 1.3125rem);--text-2xl: clamp(1.4375rem, 1.3rem + .75vw, 1.5625rem);--text-3xl: clamp(1.6875rem, 1.5rem + 1vw, 1.9375rem);--text-4xl: clamp(2.125rem, 1.85rem + 1.5vw, 2.625rem);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(212, 165, 116, .15);--touch-target-min: 44px;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-main);font-weight:var(--font-weight-regular);background:var(--bg-color);color:var(--text-primary);line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh;overflow-x:hidden;font-size:16px}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(199,109,78,.05) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(122,158,126,.04) 0%,transparent 50%),var(--bg-gradient);z-index:-2}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.015;pointer-events:none;z-index:-1}@media(max-width:768px){:root{--font-size-base: 15px}body{font-size:var(--font-size-base)}}@media(max-width:480px){:root{--space-lg: 1.25rem;--space-xl: 1.75rem;--space-2xl: 2.5rem}}@media(max-width:375px){:root{--font-size-base: 14px;--space-md: .875rem;--space-lg: 1.125rem;--space-xl: 1.5rem;--space-2xl: 2rem}body{font-size:var(--font-size-base)}}@media(max-width:320px){:root{--font-size-base: 13px;--space-xs: .375rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem;--space-2xl: 1.75rem}}button{font-family:var(--font-main);cursor:pointer;border:none;background:none;font-size:inherit;color:inherit}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}input,select,textarea{font-family:var(--font-main);font-size:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.text-gradient{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}#root{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);box-sizing:border-box}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-panel-subtle{background:var(--glass-bg-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg)}.card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{background:var(--card-bg-hover);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:var(--touch-target-min)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-color);box-shadow:var(--shadow-sm),inset 0 1px #ffffff26}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);box-shadow:var(--shadow-md),var(--primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-bg-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#d4a5744d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=light]{--color-scheme: light;--bg-color: #faf8f5;--bg-gradient: linear-gradient(145deg, #faf8f5 0%, #f5f2ed 50%, #faf8f5 100%);--surface-color: #ffffff;--surface-elevated: #ffffff;--text-primary: #1a1815;--text-secondary: #5c584f;--text-muted: #9a958c;--primary-color: #8b6914;--primary-light: #a67c1a;--primary-dark: #6d5210;--primary-glow: 0 0 24px rgba(139, 105, 20, .25);--accent-color: #8a3d26;--accent-light: #a44d32;--accent-dark: #6d2f1d;--accent-glow: 0 0 20px rgba(138, 61, 38, .25);--secondary-color: #456349;--secondary-light: #5a7d5e;--secondary-dark: #354d38;--success-color: #456349;--warning-color: #8b6914;--error-color: #8a3d26;--info-color: #3a5a75;--glass-bg: rgba(255, 255, 255, .92);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: rgba(139, 105, 20, .2);--glass-border-subtle: rgba(26, 24, 21, .1);--card-bg: rgba(255, 255, 255, .8);--card-bg-hover: rgba(255, 255, 255, .95);--border: rgba(139, 105, 20, .25);--border-subtle: rgba(26, 24, 21, .12);--shadow-sm: 0 2px 8px rgba(26, 24, 21, .1);--shadow-md: 0 4px 16px rgba(26, 24, 21, .14);--shadow-lg: 0 8px 32px rgba(26, 24, 21, .18);--shadow-glow: 0 0 40px rgba(139, 105, 20, .15);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(250, 248, 245, .99) 100%);--sidebar-shadow: 8px 0 32px rgba(26, 24, 21, .15);--sidebar-overlay-bg: rgba(26, 24, 21, .4);--decor-primary: rgba(139, 105, 20, .1);--decor-primary-strong: rgba(139, 105, 20, .18);--decor-primary-subtle: rgba(139, 105, 20, .04);--decor-accent: rgba(138, 61, 38, .1);--decor-accent-strong: rgba(138, 61, 38, .22);--decor-secondary: rgba(69, 99, 73, .08);--decor-secondary-strong: rgba(69, 99, 73, .18);--theme-icon-sun: 1;--theme-icon-moon: 0}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-scheme: light;--bg-color: #faf8f5;--bg-gradient: linear-gradient(145deg, #faf8f5 0%, #f5f2ed 50%, #faf8f5 100%);--surface-color: #ffffff;--surface-elevated: #ffffff;--text-primary: #1a1815;--text-secondary: #5c584f;--text-muted: #9a958c;--primary-color: #8b6914;--primary-light: #a67c1a;--primary-dark: #6d5210;--primary-glow: 0 0 24px rgba(139, 105, 20, .25);--accent-color: #8a3d26;--accent-light: #a44d32;--accent-dark: #6d2f1d;--accent-glow: 0 0 20px rgba(138, 61, 38, .25);--secondary-color: #456349;--secondary-light: #5a7d5e;--secondary-dark: #354d38;--success-color: #456349;--warning-color: #8b6914;--error-color: #8a3d26;--info-color: #3a5a75;--glass-bg: rgba(255, 255, 255, .92);--glass-bg-light: rgba(255, 255, 255, .85);--glass-border: rgba(139, 105, 20, .2);--glass-border-subtle: rgba(26, 24, 21, .1);--card-bg: rgba(255, 255, 255, .8);--card-bg-hover: rgba(255, 255, 255, .95);--border: rgba(139, 105, 20, .25);--border-subtle: rgba(26, 24, 21, .12);--shadow-sm: 0 2px 8px rgba(26, 24, 21, .1);--shadow-md: 0 4px 16px rgba(26, 24, 21, .14);--shadow-lg: 0 8px 32px rgba(26, 24, 21, .18);--shadow-glow: 0 0 40px rgba(139, 105, 20, .15);--sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(250, 248, 245, .99) 100%);--sidebar-shadow: 8px 0 32px rgba(26, 24, 21, .15);--sidebar-overlay-bg: rgba(26, 24, 21, .4);--decor-primary: rgba(139, 105, 20, .1);--decor-primary-strong: rgba(139, 105, 20, .18);--decor-primary-subtle: rgba(139, 105, 20, .04);--decor-accent: rgba(138, 61, 38, .1);--decor-accent-strong: rgba(138, 61, 38, .22);--decor-secondary: rgba(69, 99, 73, .08);--decor-secondary-strong: rgba(69, 99, 73, .18);--theme-icon-sun: 1;--theme-icon-moon: 0}}[data-theme=light] body:before,:root:not([data-theme=dark]) body:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,105,20,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(138,61,38,.05) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(69,99,73,.04) 0%,transparent 50%),var(--bg-gradient)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body:before{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(139,105,20,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(138,61,38,.05) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(69,99,73,.04) 0%,transparent 50%),var(--bg-gradient)}}[data-theme=light] ::selection{background:#8b691440;color:var(--text-primary)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) ::selection{background:#8b691440;color:var(--text-primary)}}[data-theme=light] ::-webkit-scrollbar-thumb{background:#1a181526}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#1a181540}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) ::-webkit-scrollbar-thumb{background:#1a181526}:root:not([data-theme=dark]) ::-webkit-scrollbar-thumb:hover{background:#1a181540}}.lang-trigger-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 12px;min-height:40px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lang-trigger-btn:hover{background:var(--glass-bg-light);border-color:var(--border)}.lang-trigger-btn svg{opacity:.8}.lang-label{font-size:var(--text-sm);font-weight:500}.lang-code{font-size:var(--text-xs);font-weight:600;letter-spacing:.05em}.lang-trigger-compact{padding:6px 10px;min-height:36px;gap:4px}.lang-trigger-compact svg{width:16px;height:16px}.lang-modal-overlay{position:fixed;inset:0;background:var(--sidebar-overlay-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000}.lang-modal-wrapper{position:fixed;inset:0;display:flex;align-items:safe center;justify-content:center;z-index:1001;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem calc(env(safe-area-inset-bottom,0px) + 1rem);box-sizing:border-box;pointer-events:none;overflow-y:auto}.lang-modal{width:min(90vw,400px);max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem);margin:auto;background:var(--surface-color);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}.lang-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border-subtle)}.lang-modal-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lang-modal-close{width:36px;height:36px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.lang-modal-close:hover{background:var(--card-bg);border-color:var(--border);color:var(--text-primary)}.lang-modal-content{padding:1rem 1.25rem 1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.lang-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem;min-height:var(--touch-target-min);background:var(--glass-bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;text-align:left}.lang-option:hover{background:var(--card-bg-hover);border-color:var(--border)}.lang-option.active{background:var(--decor-primary-strong);border-color:var(--primary-color)}.lang-option-label{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.lang-option-code{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);letter-spacing:.08em}.lang-option.active .lang-option-code{color:var(--primary-color)}.lang-check{position:absolute;top:.75rem;right:.75rem;font-size:var(--text-sm);color:var(--primary-color)}.lang-modal-content::-webkit-scrollbar{width:4px}.lang-modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media(max-width:480px){.lang-modal{width:min(92vw,360px)}.lang-modal-header{padding:1rem 1.25rem}.lang-modal-content{padding:.875rem 1rem 1.25rem}.lang-grid{gap:.5rem}.lang-option{padding:.875rem}}@media(max-width:375px){.lang-trigger-btn{padding:6px 10px;min-height:36px}.lang-trigger-btn svg{width:16px;height:16px}.lang-modal{width:94vw;max-height:85vh}.lang-grid{grid-template-columns:1fr}.lang-option{flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.875rem 1rem}.lang-check{position:static;margin-left:auto}}@media(max-width:320px){.lang-trigger-btn{padding:5px 8px;min-height:34px;gap:4px}.lang-modal-header{padding:.875rem 1rem}.lang-modal-close{width:32px;height:32px}.lang-option{padding:.75rem;min-height:44px}}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle-track{position:relative;width:48px;height:28px;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;padding:0 4px;transition:all var(--transition-fast)}.theme-toggle:hover .theme-toggle-track{border-color:var(--border);background:var(--glass-bg-light)}.theme-toggle-thumb{position:absolute;width:20px;height:20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-radius:50%;box-shadow:var(--shadow-sm);left:4px}.theme-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast)}.theme-icon.sun{margin-right:auto}.theme-icon.moon{margin-left:auto}.theme-icon.active{color:var(--bg-color)}.theme-toggle-compact{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:0;-webkit-tap-highlight-color:transparent}.theme-toggle-compact:hover{background:var(--glass-bg-light);border-color:var(--primary-color)}.theme-toggle-compact svg{width:18px;height:18px;color:var(--text-secondary);transition:color var(--transition-fast)}.theme-toggle-compact:hover svg{color:var(--primary-color)}@media(max-width:480px){.theme-toggle-track{width:44px;height:26px}.theme-toggle-thumb,.theme-icon{width:18px;height:18px}.theme-icon svg{width:12px;height:12px}}.layout{display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.layout-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border-subtle);min-height:56px}.header-left,.header-right{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.header-left{justify-content:flex-start;min-width:0}.header-right{justify-content:flex-end}.header-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.4rem .6rem;border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.header-brand:hover{background:var(--decor-primary)}.brand-icon{color:var(--primary-color);font-size:var(--text-lg);text-shadow:0 0 12px var(--primary-glow)}.brand-text{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:.01em;white-space:nowrap}.sidebar-overlay{position:fixed;inset:0;background:var(--sidebar-overlay-bg, rgba(10, 9, 8, .7));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:500}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--sidebar-bg);border-right:1px solid var(--glass-border);z-index:501;display:flex;flex-direction:column;box-shadow:var(--sidebar-shadow)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-bottom:1px solid var(--glass-border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:.6rem}.sidebar-brand .brand-icon{font-size:var(--text-2xl);background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px var(--border))}.sidebar-brand .brand-text{font-size:var(--text-lg);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-close{width:38px;height:38px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.sidebar-close:hover{background:var(--card-bg);border-color:var(--border);color:var(--text-primary)}.sidebar-nav{flex:1;padding:1.25rem 1rem;overflow-y:auto}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:.5rem .75rem .75rem;margin-bottom:.25rem}.sidebar-item{display:flex;align-items:center;gap:.9rem;width:100%;padding:.9rem .85rem;border-radius:var(--radius-lg);background:transparent;border:1px solid transparent;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left;margin-bottom:.35rem;-webkit-tap-highlight-color:transparent}.sidebar-item:hover{background:var(--card-bg);border-color:var(--border-subtle)}.sidebar-item.active{background:linear-gradient(135deg,var(--decor-primary) 0%,var(--decor-accent) 100%);border-color:var(--glass-border)}.sidebar-item.active .sidebar-item-label{color:var(--primary-color)}.sidebar-item-icon{font-size:var(--text-2xl);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar-item-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sidebar-item-label{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color var(--transition-fast)}.sidebar-item-desc{font-size:var(--text-xs);color:var(--text-secondary);opacity:.8}.sidebar-footer{padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--glass-border-subtle)}.sidebar-settings{display:flex;align-items:center;gap:1rem}.header-btn-menu{background:transparent}.header-btn-share{background:transparent;border:1px solid var(--border-subtle)}.header-btn{width:44px;height:44px;border-radius:var(--radius-md);background:var(--glass-bg-light);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.header-btn:hover{background:var(--card-bg-hover);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--primary-glow)}.header-btn:active{transform:scale(.95)}.layout-main{flex:1;display:flex;flex-direction:column}.layout-content{width:100%;max-width:600px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding-left:var(--space-md);padding-right:var(--space-md);box-sizing:border-box}.layout-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);text-align:center;border-top:1px solid var(--glass-border-subtle);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.footer-brand{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.footer-github{display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.footer-github:hover{color:var(--primary-color);filter:drop-shadow(0 0 8px var(--primary-glow))}@media(max-width:480px){.brand-text{display:none}.current-app-name{max-width:100px}.sidebar{width:260px}}@media(max-width:375px){.layout-header{padding:var(--space-xs) var(--space-sm);min-height:48px}.header-left,.header-right{flex:0 0 auto}.header-btn{width:40px;height:40px}.header-btn-share{width:36px;height:36px}.header-btn-share svg{width:16px;height:16px}.sidebar{width:240px}.sidebar-header{padding:1rem}.sidebar-nav{padding:.875rem .75rem}.sidebar-item{padding:.8rem .7rem;gap:.75rem}.layout-footer{padding:var(--space-md) var(--space-sm);gap:var(--space-sm)}}@media(max-width:320px){.layout-header{min-height:44px}.header-left,.header-right{flex:0 0 40px}.header-btn{width:36px;height:36px;border-radius:var(--radius-sm)}.sidebar{width:220px}.sidebar-close{width:32px;height:32px}.sidebar-item-desc{display:none}}.app-selector-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);box-sizing:border-box;flex:1;min-height:0}.app-selector-header{text-align:center;margin-bottom:var(--space-xl)}.app-selector-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.03em;line-height:1.1}.app-selector-title .highlight{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-selector-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-md);font-weight:var(--font-weight-regular);line-height:1.5}.app-grid{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:420px}.app-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;text-align:left}.app-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--decor-primary) 0%,var(--decor-accent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.app-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 50%,var(--primary-dark) 100%);border-radius:var(--radius-xl);opacity:0;z-index:-1;transition:opacity var(--transition-base)}.app-card:hover:before{opacity:1}.app-card:hover:after{opacity:.3}.app-card:hover{background:var(--card-bg-hover);border-color:var(--glass-border);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px var(--decor-primary)}.app-card:active{transform:translateY(0)}.app-card-disabled{opacity:.4;cursor:not-allowed}.app-card-disabled:hover:before,.app-card-disabled:hover:after{opacity:0}.app-card-disabled:hover{background:var(--card-bg);border-color:var(--border-subtle);transform:none;box-shadow:none}.app-card-icon{font-size:clamp(2.25rem,8vw,2.75rem);line-height:1;position:relative;z-index:1;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:transform var(--transition-bounce)}.app-card:hover .app-card-icon{transform:scale(1.1) rotate(-3deg)}.app-card-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;position:relative;z-index:1}.app-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:color var(--transition-fast)}.app-card:hover .app-card-title{color:var(--primary-light)}.app-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.app-card-arrow{position:relative;z-index:1;color:var(--text-muted);font-size:var(--text-xl);transition:all var(--transition-fast);opacity:0;transform:translate(-8px)}.app-card:hover .app-card-arrow{opacity:1;transform:translate(0);color:var(--primary-color)}.app-card-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:3px 8px;background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent-color) 100%);border-radius:var(--radius-sm);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;z-index:2}@media(max-width:480px){.app-selector-container{padding:var(--space-lg) var(--space-md)}.app-selector-header{margin-bottom:var(--space-lg)}.app-card{gap:var(--space-md);padding:var(--space-md) var(--space-lg)}}@media(max-width:375px){.app-selector-container{padding:var(--space-md) var(--space-sm)}.app-grid{gap:var(--space-sm)}.app-card{padding:var(--space-md);border-radius:var(--radius-lg)}}@media(max-width:320px){.app-selector-container{padding:var(--space-sm) var(--space-xs)}.app-selector-header{margin-bottom:var(--space-md)}.app-grid{gap:8px}.app-card{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.app-card-arrow{display:none}}.landing-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:var(--space-xl) var(--space-md);box-sizing:border-box}.title-wrapper{position:relative;margin-bottom:2.5rem}.main-title{font-size:clamp(2.5rem,12vw,4rem);font-weight:var(--font-weight-bold);margin:0;line-height:.9;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 50%,var(--text-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.year-badge{position:absolute;top:-12px;right:clamp(-12px,-3vw,-20px);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-color);font-weight:var(--font-weight-bold);font-size:clamp(.7rem,2.5vw,.85rem);padding:3px 10px;border-radius:var(--radius-sm);transform:rotate(8deg);box-shadow:var(--primary-glow),var(--shadow-sm)}.subtitle{color:var(--text-secondary);font-size:clamp(1rem,4vw,1.2rem);margin-bottom:clamp(2.5rem,8vw,4rem);line-height:1.5;padding:0 var(--space-sm);max-width:320px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-color);font-weight:var(--font-weight-bold);font-size:clamp(.9rem,3.5vw,1.1rem);padding:clamp(1rem,3vw,1.15rem) clamp(2.5rem,8vw,4rem);min-height:var(--touch-target-min);border-radius:var(--radius-full);box-shadow:var(--shadow-md),var(--primary-glow);text-transform:uppercase;letter-spacing:.1em;transition:all var(--transition-base);width:min(85%,320px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 30px var(--primary-glow);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.decor-circle{position:absolute;width:320px;height:320px;background:radial-gradient(circle,var(--decor-primary) 0%,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.landing-container:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,var(--decor-accent) 0%,transparent 70%);top:20%;right:10%;z-index:-1;pointer-events:none}@media(max-width:480px){.main-title{letter-spacing:-.03em}.btn-primary{width:min(90%,300px)}.decor-circle{width:260px;height:260px}}@media(max-width:375px){.landing-container{padding:var(--space-lg) var(--space-sm)}.title-wrapper{margin-bottom:2rem}.year-badge{top:-8px;right:-8px;padding:2px 7px}.decor-circle{width:200px;height:200px}}@media(max-width:320px){.landing-container{padding:var(--space-md) var(--space-xs)}.main-title{letter-spacing:-.025em}.year-badge{top:-6px;right:-5px;padding:2px 5px}.btn-primary{width:95%;padding:.9rem 1.5rem;letter-spacing:.08em}.decor-circle{width:160px;height:160px}}@media(hover:none)and (pointer:coarse){.btn-primary:active{transform:scale(.98);opacity:.95}}.demographics-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);box-sizing:border-box;text-align:center}.demographics-title{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demographics-subtitle{font-size:clamp(.9rem,3vw,1rem);color:var(--text-secondary);margin:0 0 2rem}.demographics-section{width:100%;max-width:400px;margin-bottom:1.5rem}.section-label{font-size:clamp(.85rem,3vw,1rem);color:var(--primary-color);text-transform:uppercase;letter-spacing:1px;margin:0 0 .75rem;font-weight:600}.options-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.option-btn{padding:clamp(.625rem,2.5vw,.75rem) clamp(1rem,4vw,1.25rem);min-height:var(--touch-target-min);font-size:clamp(.85rem,3vw,.95rem);font-weight:600;border-radius:50px;border:1px solid var(--glass-border);background:var(--glass-bg-light);color:var(--text-secondary);transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.option-btn:hover{background:var(--glass-bg);border-color:var(--border)}.option-btn.selected{background:var(--decor-primary-strong);border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--primary-glow)}.btn-continue{margin-top:1.5rem;padding:clamp(1rem,3vw,1.2rem) clamp(2.5rem,8vw,4rem);min-height:var(--touch-target-min);font-size:clamp(.9rem,3.5vw,1.1rem);font-weight:700;border-radius:100px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--bg-color);text-transform:uppercase;letter-spacing:2px;transition:all .3s ease;box-shadow:var(--shadow-md),var(--primary-glow);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-continue.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.options-row{gap:.375rem}.option-btn{padding:.5rem .875rem}}@media(max-width:375px){.demographics-container{padding:var(--space-md) var(--space-sm)}.demographics-section{margin-bottom:1.25rem}}@media(max-width:320px){.option-btn{padding:.5rem .75rem}.btn-continue{width:90%;padding:.875rem 1.5rem}}@media(hover:none)and (pointer:coarse){.option-btn:active,.btn-continue:active:not(.disabled){transform:scale(.98)}}.quiz-container{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:500px;margin:0 auto;padding:0 var(--space-md);box-sizing:border-box}.progress-container{margin-bottom:clamp(1.25rem,4vw,2rem)}.progress-bar{width:100%;height:6px;background:var(--glass-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--primary-color);box-shadow:var(--primary-glow)}.progress-text{text-align:right;font-size:clamp(.8rem,2.5vw,.9rem);color:var(--text-secondary)}.quiz-content{position:relative;min-height:380px;overflow:hidden}.question-card{padding:clamp(1.5rem,5vw,2.5rem) clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;height:100%}.question-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:clamp(1rem,4vw,1.5rem);min-height:36px}.btn-back.hidden{visibility:hidden}.btn-back{width:36px;height:36px;border-radius:10px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-back:hover{background:var(--decor-primary);border-color:var(--primary-color);color:var(--primary-color)}.category-badge{color:var(--primary-color);font-size:clamp(.75rem,2.5vw,.9rem);text-transform:uppercase;letter-spacing:1px;font-weight:600}.question-text{font-size:clamp(1.2rem,5vw,1.8rem);margin:0 0 clamp(1.5rem,5vw,3rem) 0;line-height:1.35;font-weight:700;flex:1}.options-grid{display:flex;flex-direction:column;gap:clamp(.75rem,3vw,1rem)}.btn-option{padding:clamp(.875rem,3vw,1.2rem);min-height:var(--touch-target-min);font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg-light);color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.btn-option.yes{border-color:var(--border)}.btn-option.yes.selected{background:var(--decor-primary-strong);border-color:var(--primary-color)}.btn-option.no{border-color:var(--accent-color)}.btn-option.no.selected{background:var(--decor-accent);border-color:var(--error-color)}.key-hint{font-size:clamp(.7rem,2.5vw,.9rem);color:var(--text-secondary);font-weight:400}@media(max-width:480px){.quiz-container{padding:0 var(--space-sm)}.progress-bar{height:5px}}@media(max-width:375px){.quiz-container{padding:0 var(--space-xs)}.question-card{border-radius:var(--radius-lg)}.progress-bar{height:4px}}@media(max-width:320px){.quiz-content{min-height:300px}.question-card{border-radius:14px}.options-grid{gap:.625rem}.btn-option{border-radius:10px;min-height:44px}.progress-bar{height:4px;border-radius:2px}}@media(hover:hover)and (pointer:fine){.btn-option.yes:hover{background:var(--decor-primary-strong);border-color:var(--primary-color)}.btn-option.no:hover{background:var(--decor-accent);border-color:var(--error-color)}}@media(hover:none)and (pointer:coarse){.btn-option:active{opacity:.8}}.result-container{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:clamp(1.5rem,5vw,2rem) var(--space-md);padding-bottom:calc(var(--space-lg) + var(--safe-area-inset-bottom));height:100%;box-sizing:border-box}.result-content-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;width:100%;padding:0 var(--space-sm);box-sizing:border-box}.tier-badge{font-size:clamp(.9rem,4vw,1.5rem);font-weight:800;padding:clamp(.75rem,3vw,1rem) clamp(1.25rem,5vw,2rem);border:2px solid currentColor;border-radius:50px;background:var(--glass-bg);text-transform:uppercase;letter-spacing:clamp(1px,.5vw,2px);margin-bottom:clamp(2rem,6vw,3rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-group h2{font-size:clamp(1.1rem,4vw,1.5rem);font-weight:300;color:var(--text-secondary);margin:0}.score-display{font-size:clamp(2.75rem,12vw,5rem);font-weight:900;margin:clamp(.5rem,2vw,1rem) 0;line-height:1;letter-spacing:-2px;background:linear-gradient(180deg,var(--text-primary),var(--text-muted));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.context{font-size:clamp(1rem,3.5vw,1.2rem);color:var(--text-secondary);margin-top:0}.divider{height:1px;background:var(--glass-border);margin:clamp(1.25rem,4vw,2rem) 0;width:clamp(60px,20vw,100px)}.stat-detail{font-size:clamp(.9rem,3vw,1rem);color:var(--text-secondary);opacity:.8;line-height:1.6;padding:0 var(--space-sm)}.stat-detail p{margin:.25rem 0}.result-disclaimer{font-size:clamp(.8rem,3vw,.95rem);color:var(--text-secondary);opacity:.7;margin-top:clamp(.75rem,2vw,1rem);max-width:520px}.btn-restart{margin-top:0;padding:clamp(.875rem,3vw,1rem) clamp(2rem,6vw,2.5rem);min-height:var(--touch-target-min);font-size:clamp(.875rem,3vw,1rem);font-weight:600;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:100px;background:var(--glass-bg-light);text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;width:min(80%,280px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-restart:hover{background:var(--glass-bg);border-color:var(--border)}@media(max-width:480px){.result-container{padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom))}}@media(max-width:375px){.tier-badge{letter-spacing:.5px;max-width:95%}.score-display{letter-spacing:-1.5px}}@media(max-width:320px){.result-container{padding:var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-area-inset-bottom))}.tier-badge{padding:.625rem 1rem;letter-spacing:.5px}.score-display{letter-spacing:-1px}.btn-restart{width:90%;padding:.75rem 1.5rem}.result-content-wrapper{padding:0 var(--space-xs)}}@media(hover:none)and (pointer:coarse){.btn-restart:active,.btn-share:active{transform:scale(.98);opacity:.9}}.action-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;align-items:center;margin-top:auto}.btn-share{padding:clamp(.875rem,3vw,1rem) clamp(2rem,6vw,2.5rem);min-height:var(--touch-target-min);font-size:clamp(.875rem,3vw,1rem);font-weight:600;color:var(--bg-color);border:none;border-radius:100px;background:var(--text-primary);text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;width:min(80%,280px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;box-shadow:var(--shadow-md)}.btn-share:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-details{padding:clamp(.875rem,3vw,1rem) clamp(2rem,6vw,2.5rem);min-height:var(--touch-target-min);font-size:clamp(.875rem,3vw,1rem);font-weight:600;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:100px;background:transparent;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;width:min(80%,280px);box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}.btn-details:hover{background:var(--decor-primary)}.details-overlay{position:fixed;inset:0;background:var(--sidebar-overlay-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);box-sizing:border-box}.details-modal{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.details-header h2{margin:0;font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.details-close{width:36px;height:36px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:var(--text-2xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.details-close:hover{background:var(--glass-bg-light);color:var(--primary-color)}.details-content{flex:1;overflow-y:auto;padding:var(--space-md)}.detail-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md)}.detail-item:last-child{margin-bottom:0}.detail-question-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.detail-number{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.detail-answer{font-size:var(--text-xs);font-weight:700;padding:.25rem .75rem;border-radius:var(--radius-xl);text-transform:uppercase;letter-spacing:.5px}.detail-answer.yes{background:var(--decor-primary-strong);color:var(--primary-color);border:1px solid var(--border)}.detail-answer.no{background:var(--decor-accent);color:var(--error-color);border:1px solid var(--accent-color)}.detail-question-text{font-size:var(--text-base);font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.detail-category{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-sm)}.detail-stats{background:var(--glass-bg);border-radius:8px;padding:var(--space-sm);margin-top:var(--space-sm)}.detail-stat-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.detail-stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.detail-stat-value{font-size:var(--text-sm);font-weight:600;color:var(--primary-color)}.detail-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.detail-implication{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-top:var(--space-xs);font-style:italic}.detail-implication strong{color:var(--text-primary);font-style:normal}@media(max-width:480px){.details-overlay{padding:var(--space-sm)}.details-modal{max-height:85vh;border-radius:var(--radius-lg)}.details-header{padding:var(--space-sm) var(--space-md)}.details-content{padding:var(--space-sm)}.detail-item{padding:var(--space-sm);border-radius:10px}}@media(max-width:375px){.details-modal{max-height:90vh}}.income-chart{background:var(--glass-bg-light);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-lg);padding:20px;margin:20px 0;box-sizing:border-box;overflow:hidden}.chart-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:20px}.chart-curve-container{position:relative;margin-bottom:24px}.chart-curve-svg{width:100%;height:auto;display:block}.chart-position-label{position:absolute;bottom:-8px;transform:translate(-50%);font-size:var(--text-xs);font-weight:600;color:var(--accent-color);white-space:nowrap;padding:4px 8px;background:var(--decor-accent-strong);border-radius:4px}.chart-bar-container{margin-bottom:24px}.chart-bar-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.chart-bar-track{position:relative;height:12px;background:linear-gradient(90deg,#ef44444d,#f59e0b4d 50%,#22c55e4d 90%,#3b82f64d);border-radius:6px;overflow:visible}.chart-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b 50%,#22c55e 90%,#3b82f6);border-radius:6px;box-shadow:0 0 12px var(--accent-glow)}.chart-bar-markers{position:absolute;inset:0}.chart-bar-marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.chart-bar-marker-dot{width:8px;height:8px;border-radius:50%;border:2px solid rgba(0,0,0,.3)}.chart-bar-you{position:absolute;top:50%;width:20px;height:20px;background:var(--accent-color);border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px var(--accent-glow);z-index:10}.chart-thresholds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.chart-threshold{text-align:center;padding:12px 8px;background:var(--glass-bg-light);border-radius:var(--radius-sm)}.threshold-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.threshold-value{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);font-family:IBM Plex Mono,monospace;word-break:break-word}.chart-daily{padding-top:16px;border-top:1px solid var(--border-subtle)}.daily-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:8px}.daily-bar-container{display:flex;align-items:center;gap:12px}.daily-bar-track{flex:1;position:relative;height:8px;background:var(--decor-primary);border-radius:4px;overflow:visible}.daily-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:4px}.daily-marker{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--border)}.daily-marker.poverty{background:#ef4444}.daily-marker.consumer{background:#f59e0b}.daily-marker-label{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:calc(var(--text-xs) * .9);color:var(--text-muted);white-space:nowrap}.daily-value{font-size:var(--text-sm);font-weight:600;color:var(--success-color);font-family:IBM Plex Mono,monospace;white-space:nowrap}@media(max-width:480px){.income-chart{padding:16px}.chart-thresholds{grid-template-columns:1fr;gap:8px}.chart-threshold{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.threshold-label{margin-bottom:0}}@media(max-width:375px){.income-chart{padding:12px;margin:16px 0;border-radius:var(--radius-md)}.chart-title{margin-bottom:16px}.chart-curve-container,.chart-bar-container{margin-bottom:20px}.chart-threshold{padding:8px 10px}.chart-daily{padding-top:12px}.chart-bar-you{width:16px;height:16px;border-width:2px}}@media(max-width:320px){.income-chart{padding:10px;margin:12px 0}.chart-title{margin-bottom:12px}.chart-bar-track{height:10px}.daily-bar-container{gap:8px}}.info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:6px}.info-tooltip-btn{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--glass-border);background:var(--glass-bg-light);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1;flex-shrink:0}.info-tooltip-btn:hover{border-color:var(--border);background:var(--glass-bg);color:var(--text-secondary)}.info-tooltip-popup{position:fixed;width:min(280px,calc(100vw - 32px));padding:14px 16px;background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--shadow-lg);z-index:99999;max-height:60vh;overflow-y:auto;pointer-events:auto}.info-tooltip-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:6px}.info-tooltip-desc{font-size:var(--text-xs);line-height:1.5;color:var(--text-secondary)}.info-tooltip-example{margin-top:10px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.info-tooltip-example-label{font-weight:600;color:var(--accent-color)}.income-rank{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,4vw,1.5rem) var(--space-md);box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.income-rank-card{width:100%;max-width:500px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-sizing:border-box}.income-rank-header{padding:clamp(1.25rem,4vw,1.75rem) clamp(1.25rem,4vw,1.5rem) 0}.income-rank-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--decor-primary);color:var(--primary-color);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.income-rank-kicker:before{content:"";width:6px;height:6px;border-radius:99px;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.income-rank-title{margin:.75rem 0 .4rem;color:var(--text-primary);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:900;line-height:1;letter-spacing:-.02em}.income-rank-subtitle{margin:0;color:var(--text-secondary);font-size:clamp(.9rem,3vw,1rem);line-height:1.5}.income-rank-form{padding:1.25rem clamp(1.25rem,4vw,1.5rem) 0;display:grid;gap:1rem}.income-rank-intro{padding:1.25rem clamp(1.25rem,4vw,1.5rem) 0}.intro-card{border-radius:var(--radius-xl);padding:1.2rem 1.25rem;margin-bottom:1.5rem;background:#ffffff0a;border:1px solid var(--glass-border);display:grid;gap:.75rem}.intro-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.intro-copy{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.intro-list{margin:0;padding-left:1.1rem;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;display:grid;gap:.4rem;word-break:break-word}.intro-actions{display:flex;margin-top:.25rem}.intro-btn{width:100%;padding:1.25rem 1.5rem;min-height:60px;font-size:var(--text-xl);font-weight:900;letter-spacing:.08em}.income-row{display:grid;gap:.5rem;min-width:0;max-width:100%}.income-label{display:flex;align-items:baseline;gap:.5rem;color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.income-hint{color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.income-input-group{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:stretch}.income-input-wrap{flex:1;display:flex;align-items:center;gap:.5rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;min-width:0;box-sizing:border-box}.income-select-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.6rem .9rem;min-width:0;box-sizing:border-box}.income-select{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-main);font-size:var(--text-base);outline:none;appearance:none;padding-right:1.5rem}.income-select-wrap:after{content:"▾";color:var(--text-secondary);margin-left:auto;font-size:var(--text-sm)}.income-input-wrap:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--decor-primary-strong)}.income-currency{width:4.25rem;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-main);font-size:var(--text-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}.income-currency-pill{min-width:4.25rem;text-align:center;color:var(--text-primary);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:var(--text-sm)}.income-divider{width:1px;height:1.6rem;background:var(--glass-border)}.income-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-main);font-size:var(--text-lg);padding:0;min-width:0;width:100%}.income-input::placeholder{color:var(--text-secondary);opacity:.5}.income-input:disabled{color:#fff9;cursor:not-allowed}.income-currency::placeholder{color:var(--text-secondary);opacity:.5}.income-input-compact{font-size:var(--text-base)}.income-row-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.income-field{display:grid;gap:.5rem;min-width:0}.income-helper{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4;word-break:break-word;overflow-wrap:break-word}.income-unit-display{color:var(--text-secondary);font-size:var(--text-xs);margin-top:.25rem}.income-helper-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-height:1.5rem}.income-link-btn{background:none;border:none;color:var(--primary-color);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:0}.income-check-btn{background:var(--primary-color);color:#000;font-family:var(--font-main);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;padding:0 1.25rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 0 15px var(--border);transition:box-shadow .2s ease,opacity .2s;white-space:nowrap;min-width:140px;text-align:center}.income-check-btn:disabled{opacity:.5;cursor:not-allowed}.basis-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.basis-help{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4}.basis-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.basis-chip-title{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-primary);font-size:var(--text-sm)}.basis-chip-sub{color:var(--text-secondary);font-size:var(--text-xs)}.basis-chip.active{background:var(--decor-primary);border-color:var(--primary-color)}.basis-chip.active .basis-chip-title{color:var(--primary-color)}.income-rank-result{padding:1.25rem clamp(1.25rem,4vw,1.5rem);min-height:120px}.result-loading{padding:2.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#ffffff05;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.loading-spinner{width:36px;height:36px;border:3px solid var(--glass-border);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--text-secondary);font-size:var(--text-sm);animation:pulse 1.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.income-class{display:grid;gap:.35rem;margin-bottom:1.1rem}.income-class-badge{display:inline-block;padding:.65rem 1.15rem;border-radius:999px;border:2px solid currentColor;background:var(--glass-bg);font-size:var(--text-base);font-weight:900;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.income-class-sub{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.3}.result-topline{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.result-title{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:700}.result-caption{margin:.25rem 0 0;color:var(--text-secondary);font-size:var(--text-sm);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.result-meaning{margin:.55rem 0 0;color:var(--text-primary);font-size:var(--text-base);line-height:1.35;word-break:break-word}.result-note{margin:.4rem 0 0;color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.02em;word-break:break-word}.result-meta{color:var(--text-secondary)}.result-meta-dot{color:var(--glass-border)}.result-save{padding:.15rem .55rem;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg-light);font-size:var(--text-xs)}.result-save.saved{border-color:var(--border);background:#00f0ff14;color:#e1fcffe6}.result-save.saving{border-color:#ffffff24;background:#ffffff08;color:var(--text-secondary)}.result-save.skipped{border-color:#ffd66633;background:#ffd66612;color:#ffd666f2}.result-save.error{border-color:#ff4d4d40;background:#ff4d4d14;color:#ff9696f2}.result-stamp{width:100px;height:100px;border-radius:999px;border:2px dashed var(--primary-color);background:#00f0ff0d;display:grid;place-items:center;transform:rotate(-8deg)}.stamp-inner{width:80px;height:80px;border-radius:999px;background:#0000004d;border:1px solid var(--glass-border);display:grid;place-items:center;text-align:center}.stamp-top{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:var(--text-xs)}.stamp-value{color:var(--primary-color);font-weight:900;font-size:var(--text-base);text-shadow:0 0 20px var(--primary-glow)}.poverty-status{margin-top:1.25rem;padding:1rem;background:#00000040;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.poverty-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.poverty-title{color:var(--text-primary);font-weight:900;font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase}.poverty-note{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .55rem;border-radius:999px;border:1px solid rgba(255,214,102,.18);background:#ffd66612}.poverty-note-text{color:#ffd666f2;font-size:var(--text-xs);font-weight:700}.poverty-note-btn{padding:.3rem .55rem;border-radius:999px;border:1px solid rgba(255,214,102,.28);background:#00000040;color:#fff4cbfa;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.income-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:.85rem}.income-chip{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:.65rem .75rem}.income-chip-label{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:var(--text-xs);font-weight:700}.income-chip-value{margin-top:.2rem;color:var(--text-primary);font-size:var(--text-base);font-weight:900}.status-indicators{display:flex;flex-direction:column;gap:.5rem}.status-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;font-size:var(--text-sm);padding:.55rem .65rem;border-radius:var(--radius-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border)}.status-left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.status-threshold{color:var(--text-muted);font-size:var(--text-xs)}.status-right{display:grid;justify-items:end;gap:.1rem}.status-icon{font-size:var(--text-sm);font-weight:700}.status-text{flex:1;min-width:0;color:var(--text-primary);line-height:1.25;word-break:break-word}.status-gap{color:var(--text-primary);font-weight:900;font-size:var(--text-sm)}.status-gap-sub{color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.status-item.above{border-color:#4ade8033}.status-item.above .status-icon{color:#4ade80}.status-item.below{border-color:#ffffff14;opacity:.85}.status-item.below .status-icon{color:#ffffff59}.status-item.highlight{background:#00f0ff0f;border-color:#00f0ff2e}.status-item.highlight .status-icon{color:#00f0ffe6}.status-item.highlight .status-gap{color:#00f0fff2}.result-details{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.detail-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.75rem}.detail-label{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:var(--text-xs);font-weight:600}.detail-value{margin-top:.25rem;color:var(--text-primary);font-size:var(--text-lg);font-weight:800}.detail-sub{margin-top:.1rem;color:var(--text-secondary);font-size:var(--text-xs)}.result-empty{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1rem}.empty-led{display:flex;align-items:center;gap:.6rem}.empty-dot{width:8px;height:8px;border-radius:99px;background:var(--primary-color);box-shadow:0 0 15px var(--primary-glow)}.empty-text{color:var(--text-primary);font-weight:600;font-size:var(--text-base)}.empty-note{margin:.5rem 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.income-rank-foot{padding:.9rem clamp(1.25rem,4vw,1.5rem) 1.1rem;border-top:1px solid var(--glass-border);background:#0003}.foot-line{display:grid;grid-template-columns:70px 1fr;gap:.5rem;align-items:baseline;padding:.1rem 0}.foot-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:var(--text-xs);font-weight:600}.foot-value{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.35;word-break:break-word}.share-section{margin-top:1.25rem;display:flex;justify-content:center}.share-btn{background:var(--glass-bg-light);color:var(--text-primary);font-family:var(--font-main);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;padding:.875rem 1.75rem;border-radius:99px;cursor:pointer;border:1px solid var(--glass-border);transition:background-color .2s ease,border-color .2s ease}@media(max-width:480px){.income-rank{padding:0}.income-rank-card{max-width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0}.income-rank-header,.income-rank-form{padding:var(--space-md) var(--space-md) 0}.income-rank-result{padding:var(--space-md)}.income-rank-intro{padding:var(--space-md) var(--space-md) 0}.income-rank-foot{background:var(--glass-bg);border-top:1px solid var(--glass-border);padding:var(--space-md)}.result-topline{grid-template-columns:1fr;text-align:center}.result-stamp{justify-self:center;margin-top:.5rem}.result-caption{justify-content:center}.result-details{grid-template-columns:1fr}.foot-line{grid-template-columns:1fr;gap:.1rem}.income-check-btn{padding:0 1rem}.income-breakdown,.income-row-grid{grid-template-columns:1fr}}@media(max-width:400px){.poverty-note{flex-direction:column;align-items:flex-start;gap:.35rem}}@media(max-width:375px){.income-input-group{grid-template-columns:1fr;gap:.5rem}.income-check-btn{width:100%;padding:.875rem 1rem;min-width:unset}.result-stamp{width:80px;height:80px}.stamp-inner{width:64px;height:64px}.basis-chip{padding:.65rem .75rem}.intro-list{padding-left:.9rem}.income-currency-pill{min-width:3rem}.income-currency{width:3rem}.income-input-wrap{padding:.65rem .75rem}.poverty-status{padding:.75rem}}@media(max-width:320px){.income-rank-header,.income-rank-form,.income-rank-intro{padding-left:var(--space-sm);padding-right:var(--space-sm)}.income-rank-result,.income-rank-foot{padding:var(--space-sm)}.basis-chip{padding:.55rem .65rem}.income-chip{padding:.5rem .6rem}.status-item{padding:.45rem .55rem}.detail-card{padding:.6rem}.intro-card{padding:1rem}}@media(hover:hover)and (pointer:fine){.income-check-btn:hover:not(:disabled){box-shadow:0 0 25px var(--primary-glow)}.basis-chip:hover,.income-select-wrap:hover{border-color:var(--border)}.income-link-btn:hover{text-decoration:underline}.share-btn:hover{background:var(--decor-primary);border-color:var(--primary-color);color:var(--primary-color)}.poverty-note-btn:hover{border-color:#ffd66673;background:#00000059;transform:translateY(-1px)}}@media(hover:none)and (pointer:coarse){.income-check-btn:active:not(:disabled){opacity:.8}.basis-chip:active,.share-btn:active{opacity:.8}}.country-compare{--cc-surface: var(--card-bg);--cc-surface-solid: var(--surface-elevated);--cc-text: var(--text-primary);--cc-muted: var(--text-secondary);--cc-accent: var(--accent-color);--cc-accent-strong: var(--accent-dark);--cc-accent-alt: var(--secondary-color);--cc-border: var(--border-subtle);--cc-glow: var(--accent-glow);display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);color:var(--text-primary);position:relative;overflow:hidden}.country-compare:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 40px);opacity:.5;z-index:-1}.country-compare-hero{display:flex;flex-direction:column;gap:.75rem}.country-compare-title h1{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:-.02em;line-height:1.1}.country-compare-kicker{text-transform:uppercase;letter-spacing:.25em;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--accent-color);margin:0 0 .5rem}.country-compare-subtitle{color:var(--text-secondary);margin:0;max-width:34rem;font-size:var(--text-base);line-height:1.6}.country-compare-controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(.75rem,3vw,1.5rem);align-items:end}.country-compare-options{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:1rem;align-items:end}.country-compare-note{margin:0;color:var(--text-secondary);font-size:var(--text-sm);max-width:30rem}.country-compare-select{display:flex;flex-direction:column;gap:.5rem;min-width:0}.country-compare-select label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary)}.country-compare-select select{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);padding:.85rem 2.25rem .85rem 1rem;font-size:var(--text-base);font-family:var(--font-main);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-color) 50%),linear-gradient(135deg,var(--accent-color) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.country-compare-select select:hover,.country-compare-select select:focus{border-color:var(--primary-color);box-shadow:0 0 0 1px #d4a57433;outline:none}.country-compare-swap{border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-primary);padding:.8rem 1rem;border-radius:var(--radius-full);display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;font-size:var(--text-sm);min-width:72px;transition:all var(--transition-fast)}.swap-icon{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.08em}.country-compare-swap span:not(.swap-icon){font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary)}.country-compare-swap:hover{transform:translateY(-2px);border-color:var(--accent-color);box-shadow:var(--accent-glow)}.country-compare-message{padding:1rem;border-radius:var(--radius-lg);background:var(--card-bg);border:1px solid var(--border-subtle);color:var(--text-secondary);text-align:center}.country-compare-message.error{color:var(--accent-color);border-color:var(--border)}.country-compare-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2.5vw,1.25rem)}.country-compare-stat{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;min-height:120px;display:flex;flex-direction:column;gap:.4rem;position:relative;overflow:hidden;transition:all var(--transition-fast)}.country-compare-stat:hover{border-color:var(--border);background:var(--card-bg-hover)}.country-compare-stat:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.4}.country-compare-stat.primary:after{background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.country-compare-stat.secondary:after{background:linear-gradient(90deg,transparent,var(--secondary-color),transparent)}.country-compare-stat h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.stat-label{text-transform:uppercase;letter-spacing:.18em;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted)}.stat-value{margin:0;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}.stat-note{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.stat-rank{margin:0;color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.country-compare-map{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.country-compare-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--decor-accent),transparent 55%),radial-gradient(circle at 80% 60%,var(--decor-secondary),transparent 50%);opacity:.8;z-index:0}.map-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.map-header-compact{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1}.map-title-row{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.map-header-compact h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.map-legend-inline{display:flex;gap:.75rem;font-size:var(--text-sm)}.map-toolbar{display:flex;align-items:center;gap:.75rem}.toolbar-group{display:flex;align-items:center;gap:.5rem}.map-zoom-compact{display:flex;align-items:center;gap:.25rem;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem}.map-zoom-compact button{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-primary);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.map-zoom-compact button:hover:not(:disabled){background:var(--decor-accent-strong)}.map-zoom-compact button:disabled{opacity:.4;cursor:not-allowed}.map-zoom-compact span{min-width:3.5ch;text-align:center;font-size:var(--text-xs);color:var(--text-secondary)}.map-zoom-compact .zoom-slider{width:80px;appearance:none;height:4px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle));outline:none;margin:0 .25rem}.map-zoom-compact .zoom-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 8px var(--accent-glow);cursor:pointer}.map-zoom-compact .zoom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 8px var(--accent-glow);cursor:pointer}.map-zoom-compact .zoom-slider::-moz-range-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle))}.map-move-compact{display:flex;align-items:center;gap:.2rem;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem}.map-move-compact button{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.map-move-compact button:hover{color:var(--text-primary)}.map-move-compact button.active{background:var(--accent-color);color:var(--bg-color)}.map-move-compact button.primary-btn.active{background:var(--accent-color)}.map-move-compact button.secondary-btn.active{background:var(--secondary-color)}.expand-btn{width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.expand-btn:hover{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:scale(1.05)}.map-title{display:flex;flex-direction:column;gap:.1rem}.map-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.map-header p{margin:.2rem 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.map-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm)}.map-tools{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.fullscreen-toggle{border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-primary);padding:.5rem .9rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.fullscreen-toggle:hover{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:translateY(-1px)}.map-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em}.map-controls label{font-size:var(--text-xs)}.map-zoom{display:flex;align-items:center;gap:.5rem;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.4rem .5rem}.map-zoom input[type=range]{width:140px;appearance:none;height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle));outline:none}.map-zoom input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 12px var(--accent-glow)}.map-zoom input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 12px var(--accent-glow)}.map-zoom input[type=range]::-moz-range-track{height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle))}.zoom-button{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-primary);font-size:var(--text-base);line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.zoom-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-color);box-shadow:var(--accent-glow)}.zoom-button:disabled{opacity:.4;cursor:not-allowed}.map-zoom-readout{font-size:var(--text-xs);color:var(--text-primary);min-width:3ch;text-align:right;font-family:var(--font-mono)}.map-move-toggle{display:flex;flex-wrap:wrap;gap:.35rem}.map-move-button{border:1px solid var(--border-subtle);background:var(--glass-bg);color:var(--text-primary);padding:.45rem .65rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;transition:all var(--transition-fast)}.map-move-button.active{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:translateY(-1px)}.legend-item{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}.legend-item.secondary .legend-dot{background:var(--secondary-color);box-shadow:0 0 12px var(--secondary-color)}.map-stage{position:relative;background:linear-gradient(160deg,var(--surface-color),var(--bg-color));border-radius:var(--radius-xl);padding:.75rem;border:1px dashed var(--border);overflow:hidden;z-index:1;cursor:grab;-webkit-user-select:none;user-select:none}.map-stage.dragging{cursor:grabbing}.map-stage:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(90deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 32px);opacity:.4;z-index:0}.map-stage svg{width:100%;height:auto;display:block;position:relative;z-index:1;touch-action:none}.map-path{fill:var(--decor-accent-strong);stroke:var(--accent-dark);stroke-width:1.2;vector-effect:non-scaling-stroke}.map-path.secondary{fill:var(--decor-secondary-strong);stroke:var(--secondary-color)}.map-footnote{margin:0;color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;position:relative;z-index:1}body.cc-fullscreen-lock{overflow:hidden}.compare-fullscreen{position:fixed;inset:0;background:var(--bg-color);z-index:1200}.fullscreen-map-stage{position:absolute;inset:0;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.fullscreen-map-stage.dragging{cursor:grabbing}.fullscreen-map-stage:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(90deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 48px);z-index:0}.fullscreen-map-stage svg{width:100%;height:100%;position:relative;z-index:1;touch-action:none}.fullscreen-overlay-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(.75rem,2vw,1.25rem);pointer-events:none;z-index:10}.fullscreen-overlay-top>*{pointer-events:auto}.fullscreen-legend{display:flex;gap:1rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.65rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:var(--text-sm)}.fullscreen-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.fullscreen-close:hover{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:scale(1.05)}.fullscreen-overlay-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:.65rem;padding:clamp(.75rem,2vw,1.25rem);pointer-events:none;z-index:10}.fullscreen-overlay-bottom>*{pointer-events:auto}.fullscreen-selectors{display:flex;gap:.5rem;align-items:center;justify-content:center}.fullscreen-selectors select{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);padding:.65rem .85rem;font-size:var(--text-base);font-family:var(--font-main);max-width:180px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent-color) 50%),linear-gradient(135deg,var(--accent-color) 50%,transparent 50%);background-position:calc(100% - 14px) center,calc(100% - 10px) center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.fullscreen-swap{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.fullscreen-swap:hover{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:scale(1.05)}.fullscreen-tools{display:flex;gap:.75rem;align-items:center;justify-content:center;flex-wrap:wrap}.fullscreen-zoom{display:flex;align-items:center;gap:.4rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.4rem .5rem}.fullscreen-zoom .zoom-button{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.fullscreen-zoom .zoom-button:hover:not(:disabled){border-color:var(--accent-color);background:var(--decor-accent-strong)}.fullscreen-zoom .zoom-button:disabled{opacity:.4;cursor:not-allowed}.fullscreen-zoom .zoom-readout{min-width:4ch;text-align:center;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-primary)}.fullscreen-zoom .zoom-slider{width:100px;appearance:none;height:5px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle));outline:none;margin:0 .25rem}.fullscreen-zoom .zoom-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 10px var(--accent-glow);cursor:pointer}.fullscreen-zoom .zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color);border:2px solid var(--bg-color);box-shadow:0 0 10px var(--accent-glow);cursor:pointer}.fullscreen-zoom .zoom-slider::-moz-range-track{height:5px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-color),var(--border-subtle))}.fullscreen-move-toggle{display:flex;gap:.25rem;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem}.fullscreen-move-toggle button{border:none;background:transparent;color:var(--text-secondary);padding:.45rem .75rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-fast);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.fullscreen-move-toggle button:hover{color:var(--text-primary)}.fullscreen-move-toggle button.active{background:var(--accent-color);color:var(--bg-color)}.country-compare-blocks,.country-compare-ranking{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.block-stage{position:relative;background:linear-gradient(160deg,var(--surface-color),var(--bg-color));border-radius:var(--radius-xl);padding:.75rem;border:1px dashed var(--border);overflow:hidden;z-index:1}.block-stage svg{width:100%;height:auto;display:block}.block-rect{fill:var(--decor-accent-strong);stroke:var(--accent-dark);stroke-width:2}.block-rect.secondary{fill:var(--decor-secondary-strong);stroke:var(--secondary-color)}.block-diff{display:grid;gap:.4rem;color:var(--text-secondary);font-size:var(--text-sm)}.block-diff p{margin:0}.ranking-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.ranking-toggle{border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-primary);padding:.55rem .9rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast)}.ranking-toggle:hover{border-color:var(--accent-color);box-shadow:var(--accent-glow);transform:translateY(-1px)}.ranking-list{display:grid;gap:.5rem;max-height:360px;overflow:auto;padding-right:.35rem}.ranking-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--glass-bg);transition:all var(--transition-fast)}.ranking-row:hover{background:var(--glass-bg-light)}.ranking-row.primary{border-color:var(--accent-glow);box-shadow:0 0 20px var(--decor-accent)}.ranking-row.secondary{border-color:var(--secondary-color);box-shadow:0 0 20px var(--decor-secondary)}.ranking-index{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-muted)}.ranking-name{font-size:var(--text-base);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-area{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-secondary)}@media(max-width:720px){.country-compare-controls,.country-compare-options{grid-template-columns:1fr}.country-compare-swap{width:100%;flex-direction:row;justify-content:center}.country-compare-stats{grid-template-columns:1fr}.map-header{flex-direction:column;align-items:flex-start}.map-header-compact{flex-direction:column;align-items:flex-start;gap:.75rem}.map-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.map-toolbar{width:100%;justify-content:space-between}.map-tools,.map-controls{align-items:flex-start;width:100%}.map-zoom{width:100%;justify-content:space-between}.map-zoom input[type=range]{flex:1;width:auto}.fullscreen-selectors{flex-direction:column;width:100%}.fullscreen-selectors select{max-width:none;width:100%}.fullscreen-tools{width:100%;justify-content:space-between}}@media(max-width:480px){.country-compare{padding:1rem}.country-compare-title h1{font-size:var(--text-3xl)}}@media(orientation:landscape)and (max-height:600px){.fullscreen-overlay-bottom{flex-direction:row;align-items:center;justify-content:center;gap:1rem;padding:.5rem clamp(.75rem,2vw,1.25rem)}.fullscreen-selectors{gap:.35rem}.fullscreen-selectors select{padding:.4rem .6rem;font-size:var(--text-sm);max-width:140px}.fullscreen-swap{width:32px;height:32px}.fullscreen-tools{gap:.5rem}.fullscreen-zoom{padding:.25rem .4rem}.fullscreen-zoom .zoom-button{width:26px;height:26px}.fullscreen-zoom .zoom-readout{font-size:var(--text-xs)}.fullscreen-zoom .zoom-slider{width:60px}.fullscreen-move-toggle{padding:.2rem}.fullscreen-move-toggle button{padding:.3rem .5rem;max-width:100px}.fullscreen-legend{padding:.45rem .75rem;font-size:var(--text-xs);gap:.75rem}.fullscreen-close{width:34px;height:34px}}.global-stats{--gs-surface: var(--card-bg);--gs-surface-solid: var(--surface-elevated);--gs-text: var(--text-primary);--gs-muted: var(--text-secondary);--gs-accent: var(--primary-color);--gs-accent-strong: var(--primary-dark);--gs-accent-alt: var(--secondary-color);--gs-border: var(--border-subtle);--gs-glow: var(--primary-glow);display:flex;flex-direction:column;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1.25rem,3vw,2rem);color:var(--text-primary);position:relative;overflow:hidden;min-height:100vh;min-height:100dvh}.global-stats:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,var(--decor-primary-subtle) 0,var(--decor-primary-subtle) 1px,transparent 1px,transparent 40px);opacity:.5;z-index:-1}.global-stats-container{max-width:640px;width:100%;margin:0 auto}.global-stats-header{text-align:center;margin-bottom:1.5rem}.global-stats-title{font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.1}.global-stats-subtitle{color:var(--text-secondary);margin:0;font-size:var(--text-base);line-height:1.6}.global-stats-form{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:clamp(1.5rem,4vw,2rem);position:relative;overflow:hidden}.global-stats-form:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--decor-primary),transparent 55%),radial-gradient(circle at 80% 60%,var(--decor-secondary),transparent 50%);opacity:.8;z-index:0}.form-group{margin-bottom:1.5rem;position:relative;z-index:1}.form-label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-select{width:100%;padding:.85rem 1rem;font-size:var(--text-base);font-family:var(--font-main);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box}.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--primary-color) 50%),linear-gradient(135deg,var(--primary-color) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 12px) calc(1em + 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.5rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--decor-primary-strong)}.form-input::placeholder{color:var(--text-muted)}.form-select option{background:var(--surface-elevated);color:var(--text-primary)}.gender-toggle{display:flex;gap:.75rem}.gender-btn{flex:1;padding:.85rem 1.5rem;font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-main);background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.gender-btn:hover{border-color:var(--primary-color);color:var(--text-primary)}.gender-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border-color:var(--primary-color);color:var(--bg-color);box-shadow:var(--primary-glow)}.date-inputs{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:.75rem}.submit-btn{width:100%;padding:1rem 2rem;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);font-family:var(--font-main);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius-full);color:var(--bg-color);cursor:pointer;transition:all var(--transition-fast);margin-top:1rem;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1;box-shadow:var(--shadow-sm),inset 0 1px #ffffff26}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--primary-glow);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.global-stats-result{padding:1rem 0}.result-header{text-align:center;margin-bottom:1.5rem}.result-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0 0 .5rem;letter-spacing:-.02em}.result-subtitle{color:var(--text-secondary);margin:0;font-size:var(--text-base)}.result-cards{display:flex;flex-direction:column;gap:1rem}.result-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;position:relative;overflow:hidden;transition:all var(--transition-fast)}.result-card:hover{background:var(--card-bg-hover);border-color:var(--border)}.result-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,var(--decor-primary),transparent 50%);opacity:.8;z-index:0}.result-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:.4}.result-card.height-card:after{background:linear-gradient(90deg,transparent,var(--accent-color),transparent)}.result-card.age-card:after{background:linear-gradient(90deg,transparent,var(--secondary-color),transparent)}.result-card.birthday-card:after{background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.card-icon{font-size:var(--text-4xl);line-height:1;flex-shrink:0;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.card-content{flex:1;min-width:0;position:relative;z-index:1}.card-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);margin-bottom:.25rem}.card-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.card-percentile{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--primary-color);margin-bottom:.25rem}.percentile-detail{font-size:var(--text-sm);font-weight:var(--font-weight-regular);color:var(--text-secondary);margin-left:.5rem}.card-country-stat{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:.25rem}.card-population-stat{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.5rem}.stat-highlight{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);color:var(--secondary-color)}.card-rarity{margin-bottom:.5rem}.rarity-badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.rarity-badge.rare{background:var(--decor-primary-strong);color:var(--primary-color);border:1px solid var(--border)}.rarity-badge.common{background:var(--decor-secondary-strong);color:var(--secondary-color);border:1px solid var(--border)}.card-description{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.result-summary{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.25rem;margin-top:1.5rem;position:relative;overflow:hidden}.result-summary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--decor-primary),transparent 60%);opacity:.8;z-index:0}.summary-text{font-size:var(--text-base);color:var(--text-primary);margin:0;text-align:center;line-height:1.7;position:relative;z-index:1}.result-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.action-btn{padding:.85rem 2rem;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-main);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.1em}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;color:var(--bg-color);box-shadow:var(--shadow-sm)}.action-btn.secondary{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.action-btn:hover{transform:translateY(-2px)}.action-btn.primary:hover{box-shadow:var(--shadow-md),var(--primary-glow);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.action-btn.secondary:hover{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--decor-primary-strong)}@media(max-width:480px){.global-stats{padding:1rem}.global-stats-title{font-size:var(--text-3xl)}.global-stats-form{padding:1.5rem}.date-inputs{grid-template-columns:1fr}.gender-toggle{flex-direction:column}.result-card{padding:1rem}.card-value{font-size:var(--text-xl)}.card-percentile{font-size:var(--text-base)}.percentile-detail{display:block;margin-left:0;margin-top:.25rem}.result-actions{flex-direction:column}.action-btn{width:100%}}@media(max-width:375px){.global-stats-form{padding:1.25rem;border-radius:var(--radius-lg)}.form-group{margin-bottom:1.25rem}.result-card{gap:.75rem}}.admin-dashboard{min-height:100vh;background:#0a0a0a;color:#e0e0e0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.admin-header h1{font-size:24px;font-weight:600;color:#fff;margin:0}.refresh-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.refresh-btn:hover{background:#1d4ed8}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.admin-error button{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer}.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:10px 20px;background:#1a1a1a;color:#999;border:1px solid #333;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.tab-btn:hover{background:#252525;color:#fff}.tab-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.admin-summary{display:flex;flex-direction:column;gap:24px}.summary-card{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:20px}.summary-card.total{text-align:center}.summary-card h3{font-size:14px;color:#888;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.big-number{font-size:48px;font-weight:700;color:#2563eb;margin:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-list{list-style:none;padding:0;margin:0}.stat-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #252525}.stat-list li:last-child{border-bottom:none}.stat-label{color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.admin-responses{overflow:hidden}.table-container{overflow-x:auto;border:1px solid #333;border-radius:12px}.responses-table{width:100%;border-collapse:collapse;font-size:13px}.responses-table th,.responses-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #252525;white-space:nowrap}.responses-table th{background:#1a1a1a;color:#888;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;position:sticky;top:0}.responses-table tbody tr{background:#0f0f0f;cursor:pointer;transition:background .2s}.responses-table tbody tr:hover{background:#1a1a1a}.responses-table tbody tr.expanded{background:#1a2744}.detail-row{background:#111827!important;cursor:default!important}.detail-row:hover{background:#111827!important}.detail-content{padding:16px;display:flex;flex-direction:column;gap:16px}.detail-section h4{font-size:12px;color:#888;margin:0 0 8px;text-transform:uppercase}.detail-section p{margin:0;color:#ccc}.answers-grid{display:flex;flex-wrap:wrap;gap:8px}.answer-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.answer-badge.yes{background:#065f46;color:#6ee7b7}.answer-badge.no{background:#7f1d1d;color:#fca5a5}.no-data{text-align:center;padding:48px;color:#666}@media(max-width:768px){.admin-dashboard{padding:12px}.admin-header{flex-direction:column;gap:12px;align-items:flex-start}.admin-header h1{font-size:20px}.summary-grid{grid-template-columns:1fr}.big-number{font-size:36px}.responses-table{font-size:11px}.responses-table th,.responses-table td{padding:8px 6px}}.privacy-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--space-md);padding-top:calc(var(--space-md) + var(--safe-area-inset-top, 0px));padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom, 0px))}.privacy-container{background:linear-gradient(145deg,#19192dfa,#0f0f1efa);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0006}.privacy-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.privacy-header h1{font-size:var(--text-2xl);font-weight:600;color:var(--text-primary);margin:0}.privacy-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--glass-bg);color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.privacy-close:hover{background:#fff3;color:#fff}.privacy-content{flex:1;overflow-y:auto;padding:var(--space-lg);color:var(--text-primary);font-size:var(--text-base);line-height:1.7}.privacy-updated{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-lg)}.privacy-content section{margin-bottom:var(--space-xl)}.privacy-content h2{font-size:var(--text-lg);font-weight:600;color:var(--primary-color);margin:0 0 var(--space-md) 0}.privacy-content p{margin:0 0 var(--space-md) 0}.privacy-content ul{margin:var(--space-md) 0;padding-left:var(--space-lg)}.privacy-content li{margin-bottom:var(--space-sm)}.privacy-content strong{color:#fff}.privacy-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.privacy-btn{min-height:var(--touch-target-min, 44px);padding:var(--space-sm) var(--space-xl);border-radius:8px;border:none;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--bg-color);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s}.privacy-btn:hover{background:linear-gradient(135deg,#4df8ff,#39f)}.privacy-content::-webkit-scrollbar{width:8px}.privacy-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.privacy-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.privacy-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:480px){.privacy-overlay{padding:0}.privacy-container{max-height:100vh;height:100vh;border-radius:0}.privacy-header,.privacy-content{padding:var(--space-md)}}@media(max-width:320px){.privacy-content{padding:var(--space-sm)}}.consent-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:var(--space-md);padding-bottom:calc(var(--space-md) + var(--safe-area-inset-bottom, 0px))}.consent-banner{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:16px;padding:var(--space-lg);max-width:500px;width:100%;box-shadow:var(--shadow-lg)}.consent-content{margin-bottom:var(--space-lg)}.consent-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm)}.consent-title:before{content:"🔒";font-size:var(--text-lg)}.consent-text{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);margin:0 0 var(--space-md) 0}.consent-data-list{margin:0 0 var(--space-md) 0;padding-left:var(--space-lg);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8}.consent-data-list li{margin-bottom:4px}.consent-note{font-size:var(--text-xs);color:var(--text-muted);margin:0 0 var(--space-sm) 0;font-style:italic}.consent-link{font-size:var(--text-sm);color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.consent-link:hover{color:var(--primary-light);text-decoration:underline}.consent-link:after{content:"↗";font-size:var(--text-xs)}.consent-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.consent-btn{flex:1;min-width:120px;min-height:var(--touch-target-min, 44px);padding:var(--space-sm) var(--space-md);border-radius:8px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.consent-btn-accept{background:var(--primary-color);color:var(--bg-color)}.consent-btn-accept:hover{background:var(--primary-light);transform:translateY(-1px)}.consent-btn-accept:active{transform:translateY(0)}.consent-btn-reject{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.consent-btn-reject:hover{background:var(--glass-bg-light);border-color:var(--glass-border)}.consent-btn-reject:active{background:var(--glass-bg)}@media(max-width:480px){.consent-banner{padding:var(--space-md);border-radius:12px 12px 0 0;margin:0 calc(-1 * var(--space-md));width:calc(100% + 2 * var(--space-md));max-width:none}.consent-data-list{padding-left:var(--space-md)}.consent-actions{flex-direction:column}.consent-btn{width:100%}}@media(max-width:320px){.consent-banner{padding:var(--space-sm)}}