:root{--color-mint-main: #00d9b6;--color-mint-dark: #00b899;--color-mint-light: #66e6d1;--color-mint-lightest: #ccf5ed;--color-mint-bg: #ffffff;--color-mint-accent: #e6fdf9;--color-mint-glass: rgba(0, 217, 182, .08);--color-mint-glow: rgba(0, 217, 182, .25);--color-orange: #ff7e36;--color-orange-light: #ffa366;--color-orange-glass: rgba(255, 126, 54, .08);--color-purple: #9333ea;--color-purple-glass: rgba(147, 51, 234, .08);--color-blue: #0ea5e9;--color-blue-glass: rgba(14, 165, 233, .08);--color-green: #10b981;--color-yellow: #f59e0b;--color-red: #ef4444;--color-pink: #ec4899;--color-indigo: #6366f1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-quaternary: #94a3b8;--color-text-inverse: #ffffff;--color-text-accent: var(--color-mint-dark);--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-quaternary: #e2e8f0;--color-bg-overlay: rgba(15, 23, 42, .6);--color-bg-glass: rgba(255, 255, 255, .85);--color-bg-glass-dark: rgba(15, 23, 42, .85);--color-border-light: #e2e8f0;--color-border-medium: #cbd5e1;--color-border-dark: #94a3b8;--color-border-accent: var(--color-mint-light);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .06);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .06);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--glow-mint: 0 0 20px var(--color-mint-glow);--glow-orange: 0 0 20px rgba(255, 126, 54, .25);--glow-purple: 0 0 20px rgba(147, 51, 234, .25);--glow-soft: 0 0 40px rgba(0, 0, 0, .1);font-family:Pretendard,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans KR,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--color-text-primary);background-color:var(--color-mint-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--radius-full: 9999px;--transition-micro: 75ms cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;color:var(--color-text-primary);font-weight:600;letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.04em}h2{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.03em}h3{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{margin:0;line-height:1.6;color:var(--color-text-secondary)}a{font-weight:500;color:var(--color-mint-main);text-decoration:none;transition:var(--transition-normal);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);margin:calc(var(--space-1) * -1) calc(var(--space-2) * -1);position:relative;overflow:hidden}a:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-mint-glass);transition:width var(--transition-normal);z-index:-1}a:hover:before{width:100%}a:focus{outline:2px solid var(--color-mint-main);outline-offset:2px;box-shadow:var(--glow-mint)}a:active{transform:translateY(0);transition:all var(--transition-micro)}body,#root{width:100vw!important;min-width:0!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important;margin:0;padding:0;min-height:100vh;background:var(--color-mint-bg)}main,.main-content{padding-bottom:80px}.fixed-bottom-button,.fab-button{bottom:80px!important}button{border-radius:var(--radius-lg);border:1px solid transparent;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;font-family:inherit;background-color:var(--color-mint-main);color:var(--color-text-inverse);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;outline:none;position:relative;overflow:hidden}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:focus-visible{outline:2px solid var(--color-mint-main);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-medium)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark)}.btn-outline{background-color:transparent;color:var(--color-mint-main);border:1px solid var(--color-mint-main)}.btn-outline:hover{background-color:var(--color-mint-main);color:var(--color-text-inverse)}.btn-danger{background-color:var(--color-red);color:var(--color-text-inverse)}.btn-danger:hover{background-color:#dc2626}input,textarea,select{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:.75rem 1rem;font-size:.875rem;font-family:inherit;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;width:100%;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:var(--color-mint-main);box-shadow:0 0 0 3px #00d9b61a}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.border-light{border-color:var(--color-border-light)}.border-medium{border-color:var(--color-border-medium)}.border-dark{border-color:var(--color-border-dark)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}.animate-slideUp{animation:slideUp var(--transition-normal)}.animate-pulse{animation:pulse 2s infinite}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}:root{--container-max-width: 100vw;--content-padding: 1rem;--header-height: 56px;--bottom-nav-height: 64px;--card-padding: 1rem;--grid-gap: .75rem;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--button-height: 44px;--input-height: 44px;--fab-size: 56px;--image-size-sm: 60px;--image-size-md: 80px;--image-size-lg: 100px}@media (min-width: 48rem){:root{--container-max-width: 768px;--content-padding: 1.5rem;--header-height: 64px;--bottom-nav-height: 72px;--card-padding: 1.5rem;--grid-gap: 1rem;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--button-height: 48px;--input-height: 48px;--fab-size: 64px;--image-size-sm: 70px;--image-size-md: 90px;--image-size-lg: 120px}}@media (min-width: 64rem){:root{--container-max-width: 1024px;--content-padding: 2rem;--header-height: 72px;--bottom-nav-height: 80px;--card-padding: 2rem;--grid-gap: 1.5rem;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--button-height: 52px;--input-height: 52px;--fab-size: 72px;--image-size-sm: 80px;--image-size-md: 100px;--image-size-lg: 140px}}@media (min-width: 80rem){:root{--container-max-width: 1280px;--content-padding: 2.5rem;--card-padding: 2.5rem;--grid-gap: 2rem;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--button-height: 56px;--input-height: 56px;--fab-size: 80px;--image-size-sm: 90px;--image-size-md: 120px;--image-size-lg: 160px}}@media (min-width: 96rem){:root{--container-max-width: 1536px;--content-padding: 3rem;--card-padding: 3rem;--grid-gap: 2.5rem}}.responsive-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--content-padding)}.responsive-grid{display:grid;gap:var(--grid-gap);width:100%}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (min-width: 48rem){.grid-tablet-2{grid-template-columns:repeat(2,1fr)}.grid-tablet-3{grid-template-columns:repeat(3,1fr)}.grid-tablet-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 64rem){.grid-desktop-2{grid-template-columns:repeat(2,1fr)}.grid-desktop-3{grid-template-columns:repeat(3,1fr)}.grid-desktop-4{grid-template-columns:repeat(4,1fr)}.grid-desktop-5{grid-template-columns:repeat(5,1fr)}.grid-desktop-6{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--color-text-primary: #000000;--color-text-secondary: #333333;--color-bg-primary: #ffffff;--color-mint-main: #006b56;--shadow-md: 0 4px 6px rgba(0, 0, 0, .3)}}@media (prefers-color-scheme: dark){:root{--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-glass: rgba(30, 41, 59, .85);--color-border-light: #334155;--color-border-medium: #475569}}*:focus-visible{outline:2px solid var(--color-mint-main);outline-offset:2px;border-radius:var(--radius-md);box-shadow:var(--glow-mint)}@media (hover: none) and (pointer: coarse){button,a,[role=button],input,textarea,select{min-height:44px;min-width:44px}button:active,a:active,[role=button]:active{transition:transform var(--transition-micro)}}@supports (padding: max(0px)){.safe-area-inset-top{padding-top:max(var(--space-4),env(safe-area-inset-top))}.safe-area-inset-bottom{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.safe-area-inset-left{padding-left:max(var(--space-4),env(safe-area-inset-left))}.safe-area-inset-right{padding-right:max(var(--space-4),env(safe-area-inset-right))}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0px,var(--color-bg-quaternary) 40px,var(--color-bg-tertiary) 80px);background-size:200px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-gradient{background:linear-gradient(135deg,var(--color-mint-main) 0%,var(--color-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}.text-responsive-sm{font-size:calc(var(--font-size-base) * .875)}.text-responsive-base{font-size:var(--font-size-base)}.text-responsive-lg{font-size:var(--font-size-lg)}.text-responsive-xl{font-size:var(--font-size-xl)}.p-responsive{padding:var(--content-padding)}.px-responsive{padding-left:var(--content-padding);padding-right:var(--content-padding)}.py-responsive{padding-top:var(--content-padding);padding-bottom:var(--content-padding)}.m-responsive{margin:var(--content-padding)}.mx-responsive{margin-left:var(--content-padding);margin-right:var(--content-padding)}.my-responsive{margin-top:var(--content-padding);margin-bottom:var(--content-padding)}.responsive-card{padding:var(--card-padding);border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.responsive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.image-responsive-sm{width:var(--image-size-sm);height:var(--image-size-sm)}.image-responsive-md{width:var(--image-size-md);height:var(--image-size-md)}.image-responsive-lg{width:var(--image-size-lg);height:var(--image-size-lg)}.btn-responsive{height:var(--button-height);font-size:var(--font-size-base);padding:0 calc(var(--content-padding) * 1.5)}.input-responsive{height:var(--input-height);font-size:var(--font-size-base);padding:0 var(--content-padding)}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media (min-width: 48rem){.mobile-only{display:none}.tablet-only{display:block}.desktop-only{display:none}}@media (min-width: 64rem){.mobile-only,.tablet-only{display:none}.desktop-only{display:block}}@media (hover: none) and (pointer: coarse){button,.clickable{min-height:44px;min-width:44px}.touch-target{padding:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.high-dpi-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){:root{--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-border-light: #374151;--color-border-medium: #4b5563;--color-border-dark: #6b7280;--color-mint-bg: #0f172a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.responsive-container{max-width:none!important;padding:0!important}}