@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--color-primary-50: #fef7f4;--color-primary-100: #feeee7;--color-primary-200: #fdd5c4;--color-primary-300: #fab8a0;--color-primary-400: #f68e6f;--color-primary-500: #f2654a;--color-primary-600: #e34928;--color-primary-700: #c73e1f;--color-primary-800: #a3341d;--color-primary-900: #862d1c;--color-primary-950: #4a1409;--color-secondary-50: #f0fdf6;--color-secondary-100: #ddfae8;--color-secondary-200: #bef3d1;--color-secondary-300: #89e7ad;--color-secondary-400: #4dd481;--color-secondary-500: #22c55e;--color-secondary-600: #17a44a;--color-secondary-700: #15803d;--color-secondary-800: #166534;--color-secondary-900: #14532d;--color-secondary-950: #052e16;--color-neutral-0: #ffffff;--color-neutral-50: #faf9f7;--color-neutral-100: #f5f4f1;--color-neutral-200: #e8e6e1;--color-neutral-300: #d6d3cc;--color-neutral-400: #b8b4aa;--color-neutral-500: #9d9690;--color-neutral-600: #8a8379;--color-neutral-700: #726b61;--color-neutral-800: #5f5851;--color-neutral-900: #504a44;--color-neutral-950: #2a2622;--color-neutral-1000: #000000;--color-accent-danchu-light: #f87171;--color-accent-danchu-main: #dc2626;--color-accent-danchu-dark: #991b1b;--color-accent-cheongrok-light: #34d399;--color-accent-cheongrok-main: #059669;--color-accent-cheongrok-dark: #047857;--color-accent-hwangtho-light: #fbbf24;--color-accent-hwangtho-main: #f59e0b;--color-accent-hwangtho-dark: #d97706;--color-accent-jaju-light: #a78bfa;--color-accent-jaju-main: #7c3aed;--color-accent-jaju-dark: #5b21b6;--color-success-light: #bbf7d0;--color-success-main: #22c55e;--color-success-dark: #166534;--color-warning-light: #fef3c7;--color-warning-main: #f59e0b;--color-warning-dark: #92400e;--color-error-light: #fecaca;--color-error-main: #ef4444;--color-error-dark: #991b1b;--color-info-light: #bfdbfe;--color-info-main: #3b82f6;--color-info-dark: #1e40af;--color-beauty-glass-pearl: #fdf2f8;--color-beauty-glass-shimmer: #f8fafc;--color-beauty-glass-glow: #fef7cd;--color-beauty-product-cleanser: #e0f2fe;--color-beauty-product-toner: #fdf4ff;--color-beauty-product-serum: #f0fdf4;--color-beauty-product-moisturizer: #fffbeb;--color-emphasis-highest: var(--color-primary-600);--color-emphasis-high: var(--color-primary-500);--color-emphasis-medium: var(--color-neutral-600);--color-emphasis-low: var(--color-neutral-400);--color-learning-active: var(--color-accent-cheongrok-main);--color-learning-completed: var(--color-secondary-500);--color-learning-locked: var(--color-neutral-400);--color-learning-progress: var(--color-accent-hwangtho-main);--color-feedback-correct: var(--color-accent-cheongrok-main);--color-feedback-incorrect: var(--color-accent-danchu-main);--color-feedback-neutral: var(--color-accent-jaju-main);--spacing-px: 1px;--spacing-0: 0px;--spacing-0_5: .125rem;--spacing-1: .25rem;--spacing-1_5: .375rem;--spacing-2: .5rem;--spacing-2_5: .625rem;--spacing-3: .75rem;--spacing-3_5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--border-radius-none: 0px;--border-radius-xs: .125rem;--border-radius-sm: .25rem;--border-radius-base: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-3xl: 1.875rem;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-glass-soft: 0 8px 32px rgb(0 0 0 / .04);--shadow-glass-medium: 0 12px 40px rgb(0 0 0 / .08);--shadow-glass-strong: 0 16px 64px rgb(0 0 0 / .12);--font-family-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-family-mono: "Fira Code", "D2Coding", Monaco, "Cascadia Code", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.125rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.25rem;--font-size-6xl: 4rem;--font-size-display: 2.75rem;--font-size-headline: 2rem;--font-size-subheading: 1.5rem;--font-size-body-large: 1.125rem;--font-size-body: 1rem;--font-size-caption: .875rem;--font-size-micro: .75rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--line-height-korean: 1.8;--line-height-english: 1.6;--line-height-mixed: 1.7;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: 1s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-gentle: cubic-bezier(.25, .46, .45, .94);--easing-elegant: cubic-bezier(.23, 1, .32, 1);--easing-graceful: cubic-bezier(.165, .84, .44, 1);--transition-all: all .2s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--background-primary: var(--color-neutral-0);--background-secondary: var(--color-neutral-50);--background-tertiary: var(--color-neutral-100);--background-glass: var(--color-beauty-glass-pearl);--foreground-primary: var(--color-neutral-900);--foreground-secondary: var(--color-neutral-700);--foreground-tertiary: var(--color-neutral-500);--foreground-inverse: var(--color-neutral-0);--border-primary: var(--color-neutral-200);--border-secondary: var(--color-neutral-300);--border-focus: var(--color-primary-500);--glass: rgba(255, 255, 255, .85);--border: var(--border-primary);--shadow: var(--shadow-lg);--accent: var(--color-primary-500);--text-primary: var(--foreground-primary);--surface: var(--background-secondary);font-family:var(--font-family-sans);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);color-scheme:light dark;color:var(--foreground-primary);background-color:var(--background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;font-variant-ligatures:common-ligatures}@media (prefers-color-scheme: dark){:root{--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-glass-soft: 0 8px 32px rgb(0 0 0 / .3);--shadow-glass-medium: 0 12px 40px rgb(0 0 0 / .4);--shadow-glass-strong: 0 16px 64px rgb(0 0 0 / .5);--background-primary: var(--color-neutral-950);--background-secondary: var(--color-neutral-900);--background-tertiary: var(--color-neutral-800);--background-glass: rgba(0, 0, 0, .3);--foreground-primary: var(--color-neutral-50);--foreground-secondary: var(--color-neutral-300);--foreground-tertiary: var(--color-neutral-400);--foreground-inverse: var(--color-neutral-950);--border-primary: var(--color-neutral-700);--border-secondary: var(--color-neutral-600);--border-focus: var(--color-primary-400);--glass: rgba(0, 0, 0, .75);--border: var(--border-primary);--shadow: var(--shadow-lg);--accent: var(--color-primary-400);--text-primary: var(--foreground-primary);--surface: var(--background-secondary);--color-beauty-glass-pearl: #1a202c;--color-beauty-glass-shimmer: #2d3748;--color-beauty-glass-glow: #4a5568}}[data-theme=k-beauty]{--background-primary: #e8e9ed;--background-secondary: #f8f9fa;--background-tertiary: #ffffff;--background-glass: rgba(255, 255, 255, .85);--foreground-primary: #2c3e50;--foreground-secondary: #5a6c7d;--foreground-tertiary: #666666;--foreground-inverse: #ffffff;--border-primary: #d0d2d7;--border-secondary: #b0b3b8;--border-focus: #4a9eff;--color-accent-orange: linear-gradient(135deg, #ff6b6b, #ff8e53);--color-accent-blue: linear-gradient(135deg, #4a9eff, #0066ff);--color-accent-gold: #ffd700;--shadow-3d-card: 0 10px 40px rgba(0, 0, 0, .12), 0 2px 10px rgba(0, 0, 0, .08), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;--shadow-3d-hover: 0 20px 60px rgba(0, 0, 0, .2), 0 10px 30px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;--shadow-3d-button: 0 5px 15px rgba(74, 158, 255, .4), 0 2px 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .3) inset;--shadow-star: 0 3px 8px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset;--glass: rgba(255, 255, 255, .85);--border: #d0d2d7;--shadow: var(--shadow-3d-card);--accent: #4a9eff;--text-primary: #2c3e50;--surface: #ffffff;--header-bg: linear-gradient(to bottom, #ffffff, #f8f9fa);--header-shadow: 0 10px 30px rgba(0, 0, 0, .08), 0 1px 0 rgba(255, 255, 255, .9) inset, 0 -1px 0 rgba(0, 0, 0, .1) inset}[data-theme=dark]{--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-glass-soft: 0 8px 32px rgb(0 0 0 / .3);--shadow-glass-medium: 0 12px 40px rgb(0 0 0 / .4);--shadow-glass-strong: 0 16px 64px rgb(0 0 0 / .5);--background-primary: var(--color-neutral-950);--background-secondary: var(--color-neutral-900);--background-tertiary: var(--color-neutral-800);--background-glass: rgba(0, 0, 0, .3);--foreground-primary: var(--color-neutral-50);--foreground-secondary: var(--color-neutral-300);--foreground-tertiary: var(--color-neutral-400);--foreground-inverse: var(--color-neutral-950);--border-primary: var(--color-neutral-700);--border-secondary: var(--color-neutral-600);--border-focus: var(--color-primary-400);--glass: rgba(0, 0, 0, .75);--border: var(--border-primary);--shadow: var(--shadow-lg);--accent: var(--color-primary-400);--text-primary: var(--foreground-primary);--surface: var(--background-secondary);--color-beauty-glass-pearl: #1a202c;--color-beauty-glass-shimmer: #2d3748;--color-beauty-glass-glow: #4a5568}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--background-primary);color:var(--foreground-primary);transition:var(--transition-colors);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-ligatures:common-ligatures}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-wide);color:var(--foreground-primary)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}h6{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}p{margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-relaxed);color:var(--foreground-secondary)}a{font-weight:var(--font-weight-medium);color:var(--color-primary-500);text-decoration:none;transition:var(--transition-colors);border-radius:var(--border-radius-sm);outline-offset:2px}a:hover{color:var(--color-primary-600);text-decoration:underline;text-decoration-color:var(--color-primary-300);text-underline-offset:3px;text-decoration-thickness:2px}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-md);border:1px solid var(--border-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;line-height:var(--line-height-none);background-color:var(--background-primary);color:var(--foreground-primary);cursor:pointer;transition:var(--transition-all);outline:none;outline-offset:2px}button:hover{background-color:var(--background-secondary);border-color:var(--color-primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:active{transform:translateY(0);box-shadow:var(--shadow-xs)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.btn-primary{background-color:var(--color-primary-500);color:var(--color-neutral-0);border-color:var(--color-primary-500)}button.btn-primary:hover{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}button.btn-glass{background-color:var(--background-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#fff3;box-shadow:var(--shadow-glass-soft)}button.btn-glass:hover{box-shadow:var(--shadow-glass-medium)}input,textarea,select{padding:var(--spacing-3);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;background-color:var(--background-primary);color:var(--foreground-primary);transition:var(--transition-all);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.glass{background-color:var(--background-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.text-balance{text-wrap:balance}.korean-text{font-family:var(--font-family-sans);word-break:keep-all;overflow-wrap:break-word;line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-wide)}.english-text{font-family:var(--font-family-sans);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal)}.korean-button{background:linear-gradient(135deg,var(--color-accent-danchu-main),var(--color-accent-hwangtho-main));color:var(--color-neutral-0);border:2px solid var(--color-accent-danchu-light);border-radius:var(--border-radius-full);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-normal) var(--easing-elegant)}.korean-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass-medium),0 0 20px var(--color-accent-danchu-light) 40}.korean-card{background:var(--background-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-primary);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-glass-soft);transition:all var(--duration-normal) var(--easing-elegant)}.korean-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glass-medium);border-color:var(--border-secondary)}@media (max-width: 640px){:root{--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.625rem;--font-size-3xl: 2rem;--font-size-4xl: 1.9rem}body{font-size:var(--font-size-sm)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}[data-theme=k-beauty] .card-3d{position:relative;background:var(--color-3d-card);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;cursor:pointer;box-shadow:var(--shadow-3d-card)}[data-theme=k-beauty] .card-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-3d-highlight);border-radius:20px;pointer-events:none;z-index:1}[data-theme=k-beauty] .card-3d:hover{transform:translateY(-15px) rotateX(-10deg) rotateY(5deg) translateZ(20px);box-shadow:var(--shadow-3d-hover)}[data-theme=k-beauty] .card-shadow{position:absolute;top:15px;left:15px;right:-15px;bottom:-15px;background:linear-gradient(135deg,#0000001a,#0000000d);border-radius:20px;z-index:-1;filter:blur(15px);transition:all .4s}[data-theme=k-beauty] .card-3d:hover .card-shadow{top:30px;left:30px;right:-30px;bottom:-30px;filter:blur(25px);opacity:.5}[data-theme=k-beauty] .card-number{background:linear-gradient(135deg,var(--color-accent-blue-main),var(--color-accent-blue-dark));color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:var(--shadow-3d-button);z-index:10;transform:translateZ(10px)}[data-theme=k-beauty] .btn-3d{background:linear-gradient(to bottom,#fff,#f8f9fa);border-radius:15px;padding:10px 20px;border:1px solid var(--border-primary);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;position:relative}[data-theme=k-beauty] .btn-3d:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(to bottom,#fff,#f0f1f3)}[data-theme=k-beauty] .btn-3d:active{transform:translateY(0);box-shadow:var(--shadow-xs)}[data-theme=k-beauty] .btn-orange,[data-theme=k-beauty] button.orange{background:linear-gradient(135deg,#ff6b6b,#ff8e53)!important;color:#fff!important;border:1px solid #ff6b6b!important;box-shadow:0 3px 8px #0000001a,0 1px #ffffffe6 inset!important}[data-theme=k-beauty] .btn-orange:hover,[data-theme=k-beauty] button.orange:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ff6b6b66!important}[data-theme=k-beauty] .star-button{position:absolute;top:20px;right:20px;background:#f8f9fa!important;border:none!important;width:35px!important;height:35px!important;border-radius:50%!important;font-size:20px!important;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-star)!important;display:flex;align-items:center;justify-content:center;z-index:3}[data-theme=k-beauty] .star-button:hover{transform:scale(1.15) rotate(15deg);background:#fff!important;box-shadow:0 5px 15px #00000026,0 1px #ffffffe6 inset!important}[data-theme=k-beauty] .star-button.starred{color:gold!important;background:#fffbf0!important}[data-theme=k-beauty] body{background:#e8e9ed;perspective:1500px;position:relative}[data-theme=k-beauty] body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top left,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(200,200,210,.3) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=k-beauty] .background-pattern{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-2;opacity:.3;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(255,255,255,.1) 35px,rgba(255,255,255,.1) 70px),repeating-linear-gradient(-45deg,transparent,transparent 35px,rgba(0,0,0,.03) 35px,rgba(0,0,0,.03) 70px)}[data-theme=k-beauty] .depth-layer{position:fixed;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.05) 100%);pointer-events:none;z-index:-1}.korean-audio-visualizer{background:linear-gradient(135deg,var(--color-beauty-glass-pearl),var(--color-beauty-glass-shimmer));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-primary-200);box-shadow:var(--shadow-glass-medium)}.korean-focus:focus-visible{outline:3px solid var(--color-accent-danchu-light);outline-offset:2px;border-radius:var(--border-radius-md)}.korean-text-optimal{font-feature-settings:"kern" 1,"liga" 1,"clig" 1,"calt" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word}.enhanced-glass{background:var(--background-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-glass-medium)}.korean-gradient{background:linear-gradient(135deg,var(--color-accent-danchu-light) 0%,var(--color-accent-cheongrok-light) 25%,var(--color-accent-hwangtho-light) 50%,var(--color-accent-jaju-light) 75%,var(--color-primary-400) 100%)}.smooth-scroll{scroll-behavior:smooth}.smooth-scroll::-webkit-scrollbar{width:8px}.smooth-scroll::-webkit-scrollbar-track{background:var(--background-glass);border-radius:var(--border-radius-full)}.smooth-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-danchu-light),var(--color-accent-cheongrok-light));border-radius:var(--border-radius-full);border:1px solid var(--color-primary-200)}.smooth-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-accent-danchu-main),var(--color-accent-cheongrok-main))}@media (hover: none) and (pointer: coarse){.touch-target{min-height:44px;min-width:44px}.korean-focus:focus{outline:3px solid var(--color-accent-danchu-light);outline-offset:2px}}@media (prefers-contrast: high){:root{--shadow-glass-soft: 0 8px 32px rgb(0 0 0 / .6);--shadow-glass-medium: 0 12px 40px rgb(0 0 0 / .7);--shadow-glass-strong: 0 16px 64px rgb(0 0 0 / .8)}.enhanced-glass{border-width:2px}.korean-focus:focus-visible{outline-width:4px}}@media print{.korean-gradient{background:#fff!important;color:#000!important}.enhanced-glass{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid black!important;box-shadow:none!important}}#root{width:100%;min-height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.theme-dark-pro{--shadow-elevation-low: 0 1px 3px 0 rgba(0, 0, 0, .9), 0 1px 2px 0 rgba(0, 0, 0, .9);--shadow-elevation-medium: 0 4px 6px -1px rgba(0, 0, 0, .9), 0 2px 4px -1px rgba(0, 0, 0, .9);--shadow-elevation-high: 0 10px 15px -3px rgba(0, 0, 0, .9), 0 4px 6px -2px rgba(0, 0, 0, .9);--shadow-elevation-ultra: 0 20px 25px -5px rgba(0, 0, 0, .9), 0 10px 10px -5px rgba(0, 0, 0, .9);--glow-primary: 0 0 20px rgba(59, 130, 246, .5);--glow-secondary: 0 0 20px rgba(139, 92, 246, .5);--glow-accent: 0 0 20px rgba(236, 72, 153, .5);--gradient-mesh: radial-gradient(at 47% 33%, hsl(217, 100%, 50%) 0, transparent 59%), radial-gradient(at 82% 65%, hsl(271, 100%, 50%) 0, transparent 55%);--gradient-aurora: linear-gradient(45deg, #3b82f6 0%, #8b5cf6 25%, #ec4899 50%, #f59e0b 75%, #3b82f6 100%);--gradient-holographic: conic-gradient(from 180deg at 50% 50%, #3b82f6 0deg, #8b5cf6 60deg, #ec4899 120deg, #f59e0b 180deg, #10b981 240deg, #06b6d4 300deg, #3b82f6 360deg);--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-float: float 3s ease-in-out infinite;--animation-glow: glow 2s ease-in-out infinite alternate}.theme-light-zen{--shadow-soft-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-soft-sm: 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-soft-md: 0 4px 8px 0 rgba(0, 0, 0, .05);--shadow-soft-lg: 0 8px 16px 0 rgba(0, 0, 0, .06);--shadow-soft-xl: 0 12px 24px 0 rgba(0, 0, 0, .08);--gradient-pastel-peach: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%);--gradient-pastel-mint: linear-gradient(135deg, #a8e6cf 0%, #dcedc1 100%);--gradient-pastel-lavender: linear-gradient(135deg, #c7ceea 0%, #ffc6ff 100%);--gradient-pastel-sky: linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%);--border-radius-organic-sm: 13% 87% 82% 18% / 18% 23% 77% 82%;--border-radius-organic-md: 63% 37% 64% 36% / 43% 37% 63% 57%;--border-radius-organic-lg: 48% 52% 31% 69% / 42% 28% 72% 58%;--texture-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23000' points='50 0 60 40 100 50 60 60 50 100 40 60 0 50 40 40'/%3E%3C/g%3E%3C/svg%3E");--texture-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E")}.theme-midnight-blue{--gradient-nebula: radial-gradient(ellipse at top, #1e1b4b 0%, transparent 50%), radial-gradient(ellipse at bottom, #312e81 0%, transparent 50%), radial-gradient(ellipse at left, #4338ca 0%, transparent 50%), radial-gradient(ellipse at right, #4f46e5 0%, transparent 50%);--gradient-cosmic: conic-gradient(from 230.29deg at 51.63% 52.16%, #4f46e5 0deg, #06b6d4 67.5deg, #f59e0b 135deg, #dc2626 202.5deg, #4f46e5 270deg, #06b6d4 337.5deg, #4f46e5 360deg);--gradient-starfield: radial-gradient(2px 2px at 20% 30%, white, transparent), radial-gradient(2px 2px at 60% 70%, white, transparent), radial-gradient(1px 1px at 50% 50%, white, transparent);--blur-soft: blur(8px);--blur-medium: blur(16px);--blur-heavy: blur(32px);--blur-ultra: blur(64px);--border-glow-primary: 0 0 0 1px rgba(79, 70, 229, .5), 0 0 20px rgba(79, 70, 229, .5);--border-glow-secondary: 0 0 0 1px rgba(6, 182, 212, .5), 0 0 20px rgba(6, 182, 212, .5);--border-glow-accent: 0 0 0 1px rgba(245, 158, 11, .5), 0 0 20px rgba(245, 158, 11, .5);--particle-stars: radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, .3), transparent), radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, .2), transparent), radial-gradient(2px 2px at 50px 160px, rgba(255, 255, 255, .3), transparent), radial-gradient(2px 2px at 80px 10px, rgba(255, 255, 255, .2), transparent), radial-gradient(1px 1px at 110px 90px, rgba(255, 255, 255, .3), transparent), radial-gradient(1px 1px at 130px 180px, rgba(255, 255, 255, .2), transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%{box-shadow:0 0 10px var(--accent),0 0 20px var(--accent),0 0 30px var(--accent)}to{box-shadow:0 0 20px var(--accent),0 0 30px var(--accent),0 0 40px var(--accent)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.glass-light{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border)}.glass-heavy{background:var(--glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border)}.neumorphic-raised{background:var(--surface);box-shadow:6px 6px 12px #0000001a,-6px -6px 12px #ffffff1a}.neumorphic-inset{background:var(--surface);box-shadow:inset 6px 6px 12px #0000001a,inset -6px -6px 12px #ffffff1a}.gradient-text{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.gradient-text-animated{background:linear-gradient(90deg,var(--accent) 0%,var(--text-accent) 50%,var(--accent) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;animation:shimmer 3s linear infinite}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevation-high)}.hover-glow{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:var(--glow-primary)}.frosted-card{background:var(--glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.125)}.holographic{background:var(--gradient-holographic);background-size:200% 200%;animation:holographic-shift 8s ease-in-out infinite}@keyframes holographic-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.particle-bg{position:relative;overflow:hidden}.particle-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--particle-stars);background-size:150px 200px;animation:particle-float 20s linear infinite;opacity:.5}@keyframes particle-float{0%{transform:translateY(0)}to{transform:translateY(-200px)}}