@charset "utf-8";:root{--color-primary-hover:#4f46e5;--color-primary-dark:#3730a3;--color-secondary:#6c757d;--bg-tertiary:#e9ecef;--text-secondary:#6b7280;--text-muted:#6b7280;--border-color:#dee2e6;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow:0 2px 4px rgba(0,0,0,.08);--shadow-lg:0 4px 8px rgba(0,0,0,.12);--font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Korean System","Pretendard","Noto Sans KR","Malgun Gothic","맑은 고딕","Segoe UI",sans-serif;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:-0.01em;--letter-spacing-wide:0;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--container-max-width:1200px;--navbar-height:60px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--text-muted:grey;--border-color:#404040}body{background-color:var(--bg-primary);font-family:var(--font-family);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal);position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:var(--spacing-md);word-break:keep-all}a,button,div,input,label,p,span,textarea{overflow-wrap:break-word;word-break:keep-all}.dh-c-btn,button,input[type=button],input[type=reset],input[type=submit]{align-items:center;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:600;gap:var(--spacing-sm);justify-content:center;letter-spacing:var(--letter-spacing-normal);min-height:44px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base);word-break:keep-all}.btn-primary{border:none;box-shadow:0 2px 8px rgba(92,92,224,.3)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 16px rgba(92,92,224,.4)}.dh-c-card,.service-card{background:var(--bg-primary);border:1px solid rgba(0,0,0,.05);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--spacing-lg);transition:var(--transition-base)}.dh-c-card:hover,.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dh-c-card h3,.service-card h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);word-break:keep-all}.dh-c-card p,.service-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed);word-break:keep-all}input,select,textarea{color:var(--text-primary);letter-spacing:var(--letter-spacing-normal);word-break:keep-all}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 1px var(--color-primary);outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.dh-c-btn:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:4px solid var(--color-primary);outline-offset:2px}}.tab-button,.tabs button{background:transparent;border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-weight:500;min-height:40px;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-base);word-break:keep-all}.tab-button:hover,.tabs button:hover{background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.2)}.tab-button.dh-state-active,.tabs button.dh-state-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}a{color:var(--color-primary);transition:var(--transition-fast);word-break:keep-all}a:hover{color:var(--color-primary-hover)}@media (max-width:768px){.dh-c-btn,button,input[type=button],input[type=reset],input[type=submit]{font-size:var(--font-size-lg);min-height:48px;padding:var(--spacing-md) var(--spacing-lg)}.dh-c-card,.service-card{padding:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}}p{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);height:var(--navbar-height);left:0;position:sticky;right:0;top:0;transition:var(--transition-base);z-index:1000}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-lg)}.navbar-logo{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;text-decoration:none}.navbar-menu{gap:var(--spacing-xs);list-style:none}.navbar-menu,.navbar-menu a{align-items:center;display:flex;height:100%}.navbar-menu a{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:0 var(--spacing-md);text-decoration:none;transition:var(--transition-fast);white-space:nowrap}.navbar-menu a:hover{color:var(--color-primary)}body{padding-top:var(--navbar-height)}main{min-height:calc(100vh - var(--navbar-height))}.container{max-width:var(--container-max-width);padding:0 var(--spacing-lg)}section{padding:var(--spacing-3xl) 0}.dh-c-card{background:var(--bg-primary);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);transition:var(--transition-base)}.dh-c-card:hover{box-shadow:var(--shadow-lg)}.dh-c-btn{border-radius:var(--border-radius);font-weight:500;min-height:44px;transition:var(--transition-fast)}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:#0052cc}input,select,textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(0,102,255,.1)}.dh-l-grid{gap:var(--spacing-lg)}.dh-l-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dh-l-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dh-l-grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.navbar-menu{background:var(--bg-primary);box-shadow:var(--shadow-lg);flex-direction:column;left:0;opacity:0;position:fixed;right:0;top:var(--navbar-height);transform:translateY(-100%);transition:var(--transition-base);visibility:hidden}.navbar-menu.dh-state-active{opacity:1;transform:translateY(0);visibility:visible}.container{padding:0 var(--spacing-md)}section{padding:var(--spacing-2xl) 0}.dh-l-grid-2,.dh-l-grid-3,.dh-l-grid-4{grid-template-columns:1fr}}.dh-u-hidden{display:none}.block{display:block}html *{hyphens:auto;overflow-wrap:break-word}html *,html body{word-break:keep-all}html body{letter-spacing:-.01em;line-height:1.7}html a,html div,html h1,html h2,html h3,html h4,html h5,html h6,html li,html p,html span,html td,html th{overflow-wrap:break-word;word-break:keep-all}html .dh-l-footer,html .footer-content,html .footer-links,html .nav-link,html .nav-menu,html .navbar{word-break:keep-all}html .dh-c-btn,html button{white-space:nowrap;word-break:keep-all}html .card-content,html .card-title,html .dh-c-card{word-break:keep-all}.emoji-text-container{align-items:center;display:flex;gap:var(--space-2,.5rem);word-break:keep-all}.emoji-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:inherit;height:1.2em;justify-content:center;line-height:1;vertical-align:middle;width:1.2em}.emoji-icon--lg{font-size:1.25em;height:1.5em;width:1.5em}.emoji-icon--sm{font-size:.875em;height:1em;width:1em}.emoji-text{flex:1;letter-spacing:var(--letter-spacing-normal,-.005em);line-height:var(--line-height-korean-body,1.7);word-break:keep-all}.korean-text-block{word-break:keep-all;word-wrap:break-word;hyphens:none;overflow-wrap:break-word}.korean-title-block{letter-spacing:var(--letter-spacing-tighter,-.03em);margin-bottom:var(--space-4,1rem)}.korean-title-block,.korean-title-responsive{line-height:var(--line-height-korean-title,1.3);word-break:keep-all}.korean-title-responsive{font-size:clamp(1.25rem,4vw,2rem);text-align:center}@media (max-width:768px){.korean-title-responsive{font-size:clamp(1.125rem,5vw,1.5rem);line-height:1.4;text-align:left}}.service-card{background:var(--color-gray-0,#fff);border:1px solid var(--color-gray-200,#e5e7eb);border-radius:var(--radius-lg,.75rem);display:flex;flex-direction:column;gap:var(--space-3,.75rem);padding:var(--space-6,1.5rem);transition:var(--transition-all,all .15s ease)}.service-card:hover{border-color:var(--color-brand-300,#a8a8ff);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.service-card__header{align-items:center;display:flex;gap:var(--space-3,.75rem);margin-bottom:var(--space-2,.5rem)}.service-card__icon{align-items:center;background:var(--color-brand-50,#f5f5ff);border-radius:var(--radius-md,.5rem);display:flex;flex-shrink:0;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.service-card__title{color:var(--color-gray-900,#111827);flex:1;font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-korean-title,1.3);word-break:keep-all}.service-card__description{color:var(--color-gray-600,#4b5563);font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-korean-body,1.7);margin-bottom:var(--space-4,1rem);word-break:keep-all}.service-card__action{background:var(--color-brand-500,#5c5ce0);border:none;border-radius:var(--radius-md,.5rem);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium,500);margin-top:auto;padding:var(--space-3,.75rem) var(--space-4,1rem);text-align:center;text-decoration:none;transition:var(--transition-colors);word-break:keep-all}.service-card__action:hover{background:var(--color-brand-600,#4646d3)}.result-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-4,1rem);margin-bottom:var(--space-8,2rem)}.result-header__icon{align-items:center;background:var(--color-brand-50,#f5f5ff);border-radius:var(--radius-full,9999px);display:flex;flex-shrink:0;font-size:3rem;height:4rem;justify-content:center;width:4rem}.result-header__title{color:var(--color-gray-900,#111827);font-size:var(--font-size-2xl,1.5rem);font-weight:var(--font-weight-semibold,600);line-height:var(--line-height-korean-title,1.3);word-break:keep-all}.result-header__subtitle{color:var(--color-gray-600,#4b5563);font-size:var(--font-size-base,1rem);line-height:var(--line-height-korean-body,1.7);max-width:32rem;word-break:keep-all}.korean-list-item{align-items:flex-start;background:var(--color-gray-50,#f9fafb);border-radius:var(--radius-md,.5rem);display:flex;gap:var(--space-3,.75rem);margin-bottom:var(--space-3,.75rem);padding:var(--space-4,1rem)}.korean-list-item__icon{align-items:center;display:flex;flex-shrink:0;height:1.5rem;justify-content:center;margin-top:.125rem;width:1.5rem}.korean-list-item__content{flex:1;line-height:var(--line-height-korean-body,1.7);word-break:keep-all}.korean-list-item__title{color:var(--color-gray-900,#111827);font-weight:var(--font-weight-medium,500);margin-bottom:var(--space-1,.25rem);word-break:keep-all}.korean-list-item__description{color:var(--color-gray-600,#4b5563);font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-korean-body,1.7);word-break:keep-all}.korean-grid{display:grid;gap:var(--space-6,1.5rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:640px){.korean-grid{gap:var(--space-4,1rem);grid-template-columns:1fr}}.korean-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:768px){.korean-grid--2{grid-template-columns:1fr}}.korean-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1024px){.korean-grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.korean-grid--3{grid-template-columns:1fr}.korean-title-responsive{font-size:clamp(1.125rem,5vw,1.375rem)}.service-card{padding:var(--space-4,1rem)}.korean-list-item{gap:var(--space-2,.5rem);padding:var(--space-3,.75rem)}.result-header__icon{font-size:2rem;height:3rem;width:3rem}.result-header__title{font-size:var(--font-size-xl,1.25rem)}}.korean-list-item:focus-within,.service-card:focus-within{outline:2px solid var(--color-brand-500,#5c5ce0);outline-offset:2px}.dh-c-btn,.service-card__action,button{min-height:44px;min-width:44px}@media print{.korean-list-item,.service-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.korean-title-block{color:#000!important}.emoji-icon{-webkit-print-color-adjust:exact;color-adjust:exact}}.korean-input{font-family:var(--font-korean-ui,"Pretendard Variable","Pretendard",sans-serif);font-size:var(--font-size-base,1rem);letter-spacing:var(--letter-spacing-normal,-.005em);line-height:var(--line-height-normal,1.6);word-break:keep-all;ime-mode:active;-webkit-ime-mode:active;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-gray-0,#fff);border:1px solid var(--color-gray-300,#d1d5db);border-radius:var(--radius-md,.5rem);color:var(--color-gray-900,#111827);padding:var(--space-3,.75rem) var(--space-4,1rem);transition:var(--transition-colors);width:100%}.korean-input:focus{border-color:var(--color-brand-500,#5c5ce0);box-shadow:0 0 0 3px rgba(92,92,224,.1);outline:none}.korean-input.error{border-color:var(--color-danger,#ef4444);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.korean-input.success{border-color:var(--color-success,#10b981);box-shadow:0 0 0 3px rgba(16,185,129,.1)}@media (max-width:768px){.korean-input{font-size:16px;min-height:44px;padding:var(--space-3,.75rem) var(--space-4,1rem);-webkit-user-select:text;-moz-user-select:text;user-select:text}.korean-input.textarea{min-height:120px;resize:vertical}}.korean-input--lg{font-size:var(--font-size-lg,1.125rem);min-height:56px;padding:var(--space-4,1rem) var(--space-5,1.25rem)}.korean-input--sm{font-size:var(--font-size-sm,.875rem);min-height:36px;padding:var(--space-2,.5rem) var(--space-3,.75rem)}.korean-input--inline{display:inline-block;min-width:120px;width:auto}@supports (-webkit-touch-callout:none){.keyboard-active{height:-webkit-fill-available}}.keyboard-open{padding-top:var(--space-4,1rem)}.keyboard-adaptive-container{display:flex;flex-direction:column;min-height:100vh;min-height:-webkit-fill-available}.keyboard-adaptive-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.keyboard-adaptive-footer{background:var(--color-gray-0,#fff);border-top:1px solid var(--color-gray-200,#e5e7eb);flex-shrink:0;padding:var(--space-4,1rem)}.korean-input[data-composing=true]{background-color:var(--color-brand-50,#f5f5ff)}.korean-autocomplete{background:var(--color-gray-0,#fff);border:1px solid var(--color-gray-300,#d1d5db);border-radius:0 0 var(--radius-md,.5rem) var(--radius-md,.5rem);border-top:none;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown,1000)}.korean-autocomplete__item{cursor:pointer;font-family:inherit;padding:var(--space-3,.75rem) var(--space-4,1rem);transition:var(--transition-colors);word-break:keep-all}.korean-autocomplete__item.dh-state-active,.korean-autocomplete__item:hover{background:var(--color-brand-50,#f5f5ff);color:var(--color-brand-700,#3838b8)}.korean-input-group{display:flex;flex-direction:column;gap:var(--space-2,.5rem);margin-bottom:var(--space-4,1rem)}.korean-input-label{color:var(--color-gray-700,#374151);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-medium,500);line-height:var(--line-height-normal,1.6);word-break:keep-all}.korean-input-label.required:after{color:var(--color-danger,#ef4444);content:" *"}.korean-input-help{color:var(--color-gray-500,#6b7280)}.korean-input-error,.korean-input-help{font-size:var(--font-size-xs,.75rem);line-height:var(--line-height-normal,1.6);word-break:keep-all}.korean-input-error{color:var(--color-danger,#ef4444);margin-top:var(--space-1,.25rem)}.korean-input-counter{color:var(--color-gray-500,#6b7280);font-size:var(--font-size-xs,.75rem);margin-top:var(--space-1,.25rem);text-align:right}.korean-input-counter.warning{color:var(--color-warning,#f59e0b)}.korean-input-counter.error{color:var(--color-danger,#ef4444)}.korean-input-wrapper{display:inline-block;position:relative;width:100%}.korean-input-clear{background:none;border:none;border-radius:var(--radius-sm,.25rem);color:var(--color-gray-400,#9ca3af);cursor:pointer;padding:var(--space-1,.25rem);position:absolute;right:var(--space-3,.75rem);top:50%;transform:translateY(-50%);transition:var(--transition-colors)}.korean-input-clear:hover{background:var(--color-gray-100,#f3f4f6);color:var(--color-gray-600,#4b5563)}@media (max-width:768px){.korean-form{padding:var(--space-4,1rem)}.korean-input-group{margin-bottom:var(--space-6,1.5rem)}.korean-form-buttons{display:flex;flex-direction:column;gap:var(--space-3,.75rem);margin-top:var(--space-6,1.5rem)}.korean-form-buttons .dh-c-btn{font-size:var(--font-size-base,1rem);min-height:48px;width:100%}.korean-form-buttons--horizontal{flex-direction:row}.korean-form-buttons--horizontal .dh-c-btn{flex:1}}@media (prefers-contrast:high){.korean-input{border-width:2px}.korean-input:focus{box-shadow:0 0 0 4px rgba(92,92,224,.3)}}@media (prefers-reduced-motion:reduce){.korean-autocomplete__item,.korean-input{transition:none}}.korean-input[aria-invalid=true]{border-color:var(--color-danger,#ef4444)}.korean-input--search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0'/%3E%3C/svg%3E");background-position:var(--space-3,.75rem) center;background-repeat:no-repeat;background-size:1rem;padding-left:var(--space-10,2.5rem)}.korean-input--date{font-family:var(--font-mono);letter-spacing:.05em}.korean-input--number{font-variant-numeric:tabular-nums;text-align:right}:root{--korean-blue:#0f4c81;--korean-red:#c1272d;--korean-yellow:#f7931e;--korean-white:#fff;--korean-black:#000;--dancheong-red:#e60012;--dancheong-blue:#0146a6;--dancheong-yellow:#ffd100;--dancheong-green:#00a651;--dancheong-white:#fff;--korean-pine:#2d5016;--korean-bamboo:#4a7c59;--korean-cherry:#ff9fdb;--korean-sky:#87ceeb;--korean-earth:#8b4513;--spring-green:#90ee90;--summer-blue:#4169e1;--autumn-orange:#ff8c00;--winter-gray:#708090;--lucky-gold:gold;--lucky-jade:#00a86b;--lucky-pearl:#f8f8ff;--lucky-coral:coral}.gradient-korean-sunset{background:linear-gradient(135deg,var(--korean-red) 0,var(--korean-yellow) 50%,var(--korean-white) 100%)}.gradient-korean-mountain{background:linear-gradient(to bottom,var(--korean-blue) 0,var(--korean-pine) 50%,var(--korean-earth) 100%)}.gradient-korean-spring{background:linear-gradient(45deg,var(--spring-green) 0,var(--korean-cherry) 100%)}.gradient-korean-traditional{background:linear-gradient(90deg,var(--dancheong-blue) 0,var(--dancheong-red) 25%,var(--dancheong-yellow) 50%,var(--dancheong-green) 75%,var(--dancheong-blue) 100%)}.pattern-taegeuk{background-image:radial-gradient(circle at 25% 25%,var(--korean-red) 0,var(--korean-red) 25%,transparent 25%),radial-gradient(circle at 75% 75%,var(--korean-blue) 0,var(--korean-blue) 25%,transparent 25%);background-size:40px 40px}.pattern-cloud{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 60 40'%3E%3Cpath fill='%23e0e0e0' fill-opacity='.3' d='M20 20c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10m20 0c0-8.8-7.2-16-16-16S8 11.2 8 20s7.2 16 16 16 16-7.2 16-16'/%3E%3C/svg%3E");background-repeat:repeat}.pattern-dancheong{background-image:linear-gradient(45deg,var(--dancheong-red) 25%,transparent 25%),linear-gradient(-45deg,var(--dancheong-blue) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--dancheong-yellow) 75%),linear-gradient(-45deg,transparent 75%,var(--dancheong-green) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.card-hanok{background:var(--korean-white);border:2px solid var(--korean-earth);border-radius:12px 12px 0 0;box-shadow:0 4px 6px rgba(139,69,19,.1),inset 0 1px 0 hsla(0,0%,100%,.8);padding:var(--space-6);position:relative}.card-hanok:before{background:var(--korean-earth);border-radius:12px 12px 0 0;content:"";height:8px;left:-2px;position:absolute;right:-2px;top:-2px}.card-hanok:after{background:linear-gradient(90deg,var(--dancheong-red),var(--dancheong-blue),var(--dancheong-yellow));border-radius:2px;content:"";height:3px;left:10%;position:absolute;right:10%;top:6px}.card-hanji{background:linear-gradient(45deg,rgba(255,248,220,.8) 25%,transparent 0),linear-gradient(-45deg,rgba(255,248,220,.8) 25%,transparent 0),#fffef7;background-size:10px 10px;border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);padding:var(--space-6);position:relative}.card-hanji:before{background:radial-gradient(circle at 20% 20%,rgba(139,69,19,.05) 1px,transparent 0),radial-gradient(circle at 80% 80%,rgba(139,69,19,.05) 1px,transparent 0);background-size:30px 30px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.theme-spring{--primary-color:var(--spring-green);--secondary-color:var(--korean-cherry);--accent-color:var(--korean-bamboo);--bg-color:linear-gradient(120deg,#e8f5e8,#fff0f8)}.theme-spring .service-card{background:var(--bg-color);border-color:var(--primary-color)}.theme-summer{--primary-color:var(--summer-blue);--secondary-color:var(--korean-sky);--accent-color:var(--dancheong-blue);--bg-color:linear-gradient(120deg,#e6f3ff,#f0f8ff)}.theme-autumn{--primary-color:var(--autumn-orange);--secondary-color:var(--korean-yellow);--accent-color:var(--korean-earth);--bg-color:linear-gradient(120deg,#fff4e6,#ffeaa7)}.theme-winter{--primary-color:var(--winter-gray);--secondary-color:var(--korean-white);--accent-color:var(--korean-blue);--bg-color:linear-gradient(120deg,#f8f9fa,#e9ecef)}.icon-stamp{align-items:center;background:var(--korean-red);border-radius:50%;box-shadow:0 2px 4px rgba(193,39,45,.3),inset 0 1px 0 hsla(0,0%,100%,.2);color:var(--korean-white);display:inline-flex;font-weight:700;height:2em;justify-content:center;position:relative;width:2em}.icon-stamp:before{border:1px solid hsla(0,0%,100%,.3);border-radius:50%;content:"";inset:2px;position:absolute}.direction-korean{align-items:center;color:var(--korean-blue);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2)}.direction-korean:before{align-items:center;background:var(--korean-blue);border-radius:50%;color:var(--korean-white);content:attr(data-direction);display:inline-flex;font-size:.8em;font-weight:700;height:1.5em;justify-content:center;width:1.5em}.status-auspicious{background:rgba(255,215,0,.1);border:1px solid var(--lucky-gold);border-radius:var(--radius-sm);color:var(--lucky-gold)}.status-auspicious,.status-inauspicious{font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-2)}.status-inauspicious{background:rgba(193,39,45,.1);border:1px solid var(--korean-red);border-radius:var(--radius-sm);color:var(--korean-red)}.status-neutral{background:rgba(112,128,144,.1);border:1px solid var(--winter-gray);border-radius:var(--radius-sm);color:var(--winter-gray);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-2)}@keyframes fan-unfold{0%{opacity:0;transform:scaleX(0) rotate(-30deg)}50%{opacity:.7;transform:scaleX(.5) rotate(-15deg)}to{opacity:1;transform:scaleX(1) rotate(0deg)}}.animation-fan-unfold{animation:fan-unfold .8s cubic-bezier(.25,.46,.45,.94) forwards;transform-origin:left center}@keyframes lotus-bloom{0%{opacity:0;transform:scale(.3) rotate(-180deg)}50%{opacity:.5;transform:scale(.7) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.animation-lotus-bloom{animation:lotus-bloom 1.2s ease-out forwards}@keyframes hanji-flutter{0%,to{transform:rotateX(0deg) rotateY(0deg)}25%{transform:rotateX(5deg) rotateY(2deg)}75%{transform:rotateX(-3deg) rotateY(-2deg)}}.animation-hanji-flutter{animation:hanji-flutter 3s ease-in-out infinite}.korean-layout{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:var(--space-6)}.korean-layout--golden-ratio{grid-template-columns:1fr 1.618fr}@media (max-width:768px){.korean-layout--golden-ratio{grid-template-columns:1fr}}.korean-flex{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4)}.korean-flex--center{justify-content:center;text-align:center}.korean-flex--between{justify-content:space-between}.korean-focus:focus{box-shadow:0 0 0 4px rgba(15,76,129,.2);outline:2px solid var(--korean-blue);outline-offset:2px}.korean-hover:hover{box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px var(--korean-blue);transform:translateY(-2px);transition:all .3s ease}@media (prefers-contrast:high){.card-hanji,.card-hanok{border-color:var(--korean-black);border-width:3px}.status-auspicious,.status-inauspicious,.status-neutral{border-width:2px}}@media (prefers-color-scheme:dark){:root{--korean-white:#1a1a1a;--korean-black:#fff;--korean-blue:#4a90e2;--korean-red:#ff6b6b;--korean-yellow:#ffd93d}.card-hanji,.card-hanok{background:#2a2a2a;border-color:#555}}@font-face{font-display:swap;font-family:Pretendard Variable;font-style:normal;font-weight:300 700;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations"),url(/fonts/pretendardvariable-400.woff2) format("woff2");font-named-instance:"Regular"}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:400;src:url(/fonts/Pretendard-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:500;src:url(/fonts/Pretendard-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:600;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Pretendard;font-style:normal;font-weight:700;src:url(/fonts/Pretendard-Bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Korean System;font-style:normal;font-weight:400;src:local("Apple SD Gothic Neo"),local("Malgun Gothic"),local("맑은 고딕"),local("Noto Sans KR"),local("system-ui"),local("sans-serif")}:root{--font-pretendard-local:"Pretendard Variable","Pretendard";--font-system-korean:"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕","Noto Sans KR";--font-system-western:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui;--font-ultimate-fallback:var(--font-pretendard-local),var(--font-system-korean),var(--font-system-western),sans-serif}body{font-family:var(--font-ultimate-fallback);font-feature-settings:"kern" 1,"liga" 0;text-rendering:optimizeSpeed}.korean-text,[lang=ko],body{hyphens:none;letter-spacing:-.01em;line-height:1.7;overflow-wrap:break-word;word-break:keep-all}.font-preload{font-family:var(--font-pretendard-local)}.fonts-loading{font-family:var(--font-system-western);visibility:hidden}.fonts-loaded{font-family:var(--font-ultimate-fallback);visibility:visible}@media screen and (max-width:768px){body{font-size:16px}.korean-text{line-height:1.8}}@media screen and (-webkit-min-device-pixel-ratio:2){body{-webkit-font-smoothing:subpixel-antialiased}}@media print{body{font-family:var(--font-system-korean),serif;-webkit-print-color-adjust:exact;color-adjust:exact}}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{background-color:transparent;color:inherit;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ol,p,ul{margin:0}ol,ul{list-style:none;padding:0}a{background-color:transparent;color:inherit}a:hover{text-decoration:none}img{border-style:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:transparent;background-image:none;border:none;cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}fieldset{border:0;margin:0}fieldset,legend{padding:0}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}table{border-spacing:0}td,th{padding:0}details{display:block}summary{display:list-item}html [hidden]{display:none}abbr[title]{border-bottom:none}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,monospace;font-size:1em}pre{overflow:auto}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}:focus{outline:0}:focus-visible{outline:2px solid currentColor}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}@media print{html *,html :after,html :before{background:transparent;box-shadow:none;color:#000;text-shadow:none}a,a:visited{text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}html pre{white-space:pre-wrap}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}:root{--header-height:64px;--footer-height:200px;--sidebar-width:280px;--content-max-width:var(--container-xl);--content-padding:var(--space-4);--button-height-sm:44px;--button-height-md:48px;--button-height-lg:56px;--input-height:48px;--avatar-size-sm:32px;--avatar-size-md:40px;--avatar-size-lg:48px;--grid-columns:12;--grid-gap:var(--space-4);--grid-margin:var(--space-4);--card-padding:var(--space-4);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--modal-backdrop:var(--bg-overlay);--modal-radius:var(--radius-xl);--modal-padding:var(--space-6);--modal-max-width:600px;--form-gap:var(--space-4);--form-label-margin:var(--space-2);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--input-radius:var(--radius-md);--input-border-width:var(--border-1);--font-family-korean:"Pretendard","Noto Sans KR",sans-serif;--line-height-korean:1.7;--letter-spacing-korean:-0.02em;--animation-fast:150ms;--animation-normal:300ms;--animation-slow:500ms;--animation-easing:var(--ease-in-out);--mobile-breakpoint:var(--breakpoint-sm);--tablet-breakpoint:var(--breakpoint-md);--desktop-breakpoint:var(--breakpoint-lg);--hover-opacity:0.8;--disabled-opacity:0.5;--focus-ring-color:var(--color-primary)}@media (max-width:768px){:root{--header-height:56px;--content-padding:var(--space-3);--grid-gap:var(--space-3);--grid-margin:var(--space-3);--card-padding:var(--space-3);--modal-padding:var(--space-4);--form-gap:var(--space-3)}}@media (min-width:1536px){:root{--content-max-width:var(--container-2xl);--sidebar-width:320px}}[data-theme=dark]{--hover-opacity:0.9;--focus-ring-color:var(--color-brand-400)}@media print{:root{--content-padding:0;--header-height:0;--footer-height:0}}@media (prefers-reduced-motion:reduce){:root{--animation-fast:0ms;--animation-normal:0ms;--animation-slow:0ms}}@media (prefers-contrast:high){:root{--focus-ring-width:3px;--input-border-width:2px}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;font-kerning:normal;text-rendering:optimizeLegibility}body{font-family:var(--font-family-korean);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-korean);line-height:var(--line-height-korean);overflow-wrap:break-word}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-4);margin-top:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}p{line-height:var(--line-height-korean);margin-bottom:var(--space-4);margin-top:0}p+p{margin-top:var(--space-4)}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover);text-decoration:underline}a:focus-visible{border-radius:var(--radius-sm);outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}ol,ul{margin-bottom:var(--space-4);margin-top:0;padding-left:var(--space-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{line-height:var(--line-height-korean)}li,ol ol,ol ul,ul ol,ul ul{margin-bottom:var(--space-2)}ol ol,ol ul,ul ol,ul ul{margin-top:var(--space-2)}b,strong{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}mark{background-color:var(--color-warning-light);border-radius:var(--radius-sm);color:var(--text-primary);padding:.125em .25em}blockquote{background-color:var(--bg-secondary);border-left:var(--border-4) solid var(--border-primary);font-style:italic;margin:var(--space-6) 0;padding:var(--space-4) var(--space-6)}blockquote p:last-child{margin-bottom:0}q{quotes:"" " " "" "'" "'"}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.875em}code{border-radius:var(--radius-sm);color:var(--text-primary);padding:.125em .375em}code,pre{background-color:var(--bg-tertiary)}pre{border-radius:var(--radius-md);display:block;line-height:var(--line-height-normal);margin:var(--space-4) 0;overflow-x:auto;padding:var(--space-4)}pre code{background-color:transparent;font-size:inherit;padding:0}small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}time{color:var(--text-secondary)}hr{border:0;border-top:var(--border-1) solid var(--border-primary);margin:var(--space-8) 0}@media (max-width:768px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-3)}}@media print{body{color:#000;font-size:12pt;line-height:1.5}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5,h6{font-size:12pt}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt}}:root{--hover-lift-distance:-2px;--hover-scale-factor:1.02;--hover-button-scale:0.98;--active-scale-factor:0.98;--active-lift-distance:0px;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-blur:0px;--interaction-duration:200ms;--interaction-timing:cubic-bezier(0.25,0.46,0.45,0.94);--quick-interaction:150ms;--instant-feedback:100ms;--pulse-duration:2s;--skeleton-shimmer:1.5s}.interactive-base{cursor:pointer;position:relative;transition:all var(--interaction-duration) var(--interaction-timing);will-change:transform,box-shadow,background-color,border-color;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.interactive-base:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.dh-c-btn,.dh-c-button,button:not(.btn-minimal){@extend .interactive-base;transition:background-color var(--quick-interaction) var(--interaction-timing),border-color var(--quick-interaction) var(--interaction-timing),color var(--quick-interaction) var(--interaction-timing),box-shadow var(--interaction-duration) var(--interaction-timing),transform var(--instant-feedback) var(--interaction-timing)}.dh-c-btn:hover,.dh-c-button:hover,button:not(.btn-minimal):hover{box-shadow:var(--shadow-hover-lift);transform:translateY(var(--hover-lift-distance))}.btn-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 90%,#000 10%);box-shadow:var(--shadow-colored)}.btn-secondary:hover{background-color:var(--color-neutral-100);border-color:var(--color-neutral-300)}.btn-ghost:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.btn-danger:hover{background-color:color-mix(in srgb,var(--color-error) 90%,#000 10%);box-shadow:var(--shadow-error)}.dh-c-btn:active,.dh-c-button:active,button:not(.btn-minimal):active{transform:scale(var(--active-scale-factor));transition-duration:var(--instant-feedback)}.dh-c-btn:focus,.dh-c-button:focus,button:focus{box-shadow:var(--shadow-button-rest),0 0 0 var(--focus-ring-width) var(--color-primary-alpha-20);outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.dh-c-btn:disabled,.dh-c-button:disabled,button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important;transition:opacity var(--interaction-duration) var(--interaction-timing)}.dh-c-card,.result-card,.service-card{@extend .interactive-base;transition:box-shadow var(--interaction-duration) var(--interaction-timing),transform var(--interaction-duration) var(--interaction-timing),border-color var(--interaction-duration) var(--interaction-timing)}.dh-c-card:hover,.result-card:hover,.service-card:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.card.interactive:active,.service-card:active{transform:translateY(0) scale(.99);transition-duration:var(--instant-feedback)}.dh-c-card:focus,.service-card:focus{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.link,a{color:var(--color-neutral-600);position:relative;text-decoration:none;transition:color var(--interaction-duration) var(--interaction-timing)}.link:hover,a:hover{color:var(--color-neutral-900)}.link-primary{color:var(--color-primary)}.link-primary:hover{color:color-mix(in srgb,var(--color-primary) 80%,#000 20%);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px}.link:focus,a:focus{border-radius:var(--radius-sm);outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}input,select,textarea{transition:border-color var(--interaction-duration) var(--interaction-timing),box-shadow var(--interaction-duration) var(--interaction-timing),background-color var(--interaction-duration) var(--interaction-timing)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){background-color:var(--color-neutral-25);border-color:var(--color-neutral-300)}input:focus,select:focus,textarea:focus{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-input-focus);outline:none}input.error,input:invalid,textarea.error,textarea:invalid{border-color:var(--color-error);box-shadow:var(--shadow-input-error)}input.success,textarea.success{border-color:var(--color-success);box-shadow:0 0 0 2px var(--color-success-alpha-20)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-neutral-50);border-color:var(--color-neutral-200);cursor:not-allowed;opacity:.6}.nav-link{padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--interaction-duration) var(--interaction-timing),color var(--interaction-duration) var(--interaction-timing)}.nav-link:hover{color:var(--color-neutral-900)}.nav-link.dh-state-active{background-color:var(--color-primary-alpha-10)}.nav-link:focus{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:1px}.btn.dh-u-loading,.button.dh-u-loading{color:transparent;cursor:wait;pointer-events:none;position:relative}.btn.dh-u-loading:after,.button.dh-u-loading:after{animation:var(--animation-spin);border-color:currentcolor transparent;border-radius:50%;border-style:solid;border-width:2px;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.card.dh-u-loading{animation:var(--animation-pulse);pointer-events:none}.skeleton{animation:skeleton-shimmer var(--skeleton-shimmer) ease-in-out infinite;background:linear-gradient(90deg,var(--color-neutral-200) 0,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (pointer:coarse){.card.interactive,.dh-c-btn,.dh-c-button,.nav-link,.service-card,button{min-height:44px;min-width:44px}.dh-c-btn:hover,.dh-c-button:hover,.dh-c-card:hover,.nav-link:hover,.service-card:hover{transform:none}.card.interactive:active,.dh-c-btn:active,.dh-c-button:active,.service-card:active{opacity:.8;transform:scale(.96);transition-duration:50ms}input,select,textarea{font-size:16px;min-height:44px}}[data-theme=dark]{--color-neutral-hover:var(--color-neutral-800);--color-neutral-active:var(--color-neutral-700);.dh-c-btn:focus,.dh-c-button:focus,input:focus,textarea:focus{box-shadow:var(--shadow-glow),0 0 0 var(--focus-ring-width) var(--color-primary-alpha-30)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-800) 0,var(--color-neutral-700) 50%,var(--color-neutral-800) 100%)}}@media (prefers-reduced-motion:reduce){.dh-c-btn,.dh-c-button,.dh-c-card,.interactive-base,.link,.service-card,a,button,input,select,textarea{animation-duration:.01ms!important;transition-duration:.01ms!important}.dh-c-btn:active,.dh-c-btn:hover,.dh-c-button:active,.dh-c-button:hover,.dh-c-card:hover,.service-card:hover{transform:none!important}.dh-c-btn:focus,.dh-c-button:focus,.link:focus,a:focus,input:focus,textarea:focus{outline:var(--focus-ring-width) solid var(--color-primary)!important;outline-offset:var(--focus-ring-offset)!important}}.hover\:lift:hover{transform:translateY(var(--hover-lift-distance))}.hover\:scale:hover{transform:scale(var(--hover-scale-factor))}.hover\:glow:hover{box-shadow:var(--shadow-glow)}.active\:scale:active{transform:scale(var(--active-scale-factor))}.active\:press:active{transform:scale(var(--active-scale-factor)) translateY(1px)}.is-loading{cursor:wait;opacity:.7;pointer-events:none}.is-disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.is-interactive{cursor:pointer;transition:all var(--interaction-duration) var(--interaction-timing)}.focus-ring:focus{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.focus-ring-inset:focus{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:calc(var(--focus-ring-offset)*-1)}.focus-ring-none:focus{outline:none}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-shadow{will-change:box-shadow}.will-change-colors{will-change:background-color,border-color,color}.gpu-accelerated{transform:translateZ(0);will-change:transform}.ripple{overflow:hidden;position:relative}.ripple:after{background:var(--color-primary-alpha-20);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple:active:after{height:300px;transition:width 0s,height 0s;width:300px}:root{--color-primary-50:#f0f4ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-brand-50:var(--color-primary-50);--color-brand-100:var(--color-primary-100);--color-brand-200:var(--color-primary-200);--color-brand-300:var(--color-primary-300);--color-brand-400:var(--color-primary-400);--color-brand-500:var(--color-primary-500);--color-brand-600:var(--color-primary-600);--color-brand-700:var(--color-primary-700);--color-brand-800:var(--color-primary-800);--color-brand-900:var(--color-primary-900);--color-success-light:#34d399;--color-success-dark:#059669;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-info-light:#60a5fa;--color-info-dark:#2563eb;--color-gray-0:#fff;--color-gray-1000:#000;--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-quaternary:var(--color-gray-400);--color-bg-primary:var(--color-gray-0);--color-bg-secondary:var(--color-gray-50);--color-bg-tertiary:var(--color-gray-100);--color-bg-hover:rgba(0,0,0,.02);--color-bg-active:rgba(0,0,0,.04);--color-bg-selected:rgba(99,102,241,.08);--font-sans:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",system-ui,sans-serif;--font-mono:"SF Mono","D2Coding",Monaco,"Cascadia Code",Consolas,monospace;--font-korean-display:"Pretendard Variable","Pretendard",sans-serif;--font-korean-text:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-korean-ui:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-size-2xs:0.6875rem;--font-size-sm:0.8125rem;--font-size-base:0.875rem;--font-size-md:1rem;--font-size-3xl:1.75rem;--font-size-responsive-sm:clamp(0.75rem,2vw,0.8125rem);--font-size-responsive-base:clamp(0.875rem,2.5vw,1rem);--font-size-responsive-lg:clamp(1rem,3vw,1.125rem);--font-size-responsive-xl:clamp(1.125rem,4vw,1.25rem);--font-size-responsive-2xl:clamp(1.25rem,5vw,1.5rem);--font-size-responsive-3xl:clamp(1.5rem,6vw,1.75rem);--font-size-responsive-4xl:clamp(1.75rem,8vw,2.25rem);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-relaxed:1.6;--line-height-loose:1.7;--line-height-ui:1.2;--line-height-heading:1.3;--line-height-body:1.5;--line-height-reading:1.7;--line-height-korean-title:1.3;--line-height-korean-body:1.7;--line-height-korean-caption:1.6;--line-height-korean-ui:1.4;--letter-spacing-tighter:-0.03em;--letter-spacing-tight:-0.015em;--letter-spacing-normal:-0.005em;--letter-spacing-wide:0.01em;--letter-spacing-wider:0.02em;--letter-spacing-widest:0.05em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.07);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.07);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,.06);--shadow-none:none;--transition-none:none;--transition-all:all 150ms cubic-bezier(0.4,0,0.2,1);--transition-colors:background-color,border-color,color,fill,stroke 150ms cubic-bezier(0.4,0,0.2,1);--transition-opacity:opacity 150ms cubic-bezier(0.4,0,0.2,1);--transition-shadow:box-shadow 150ms cubic-bezier(0.4,0,0.2,1);--transition-transform:transform 150ms cubic-bezier(0.4,0,0.2,1);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--korean-word-break:keep-all;--korean-word-wrap:break-word;--korean-hyphenation:none;--korean-text-justify:inter-character;--korean-text-orientation:mixed;--korean-hanging-punctuation:none}.text-display{font-size:var(--font-size-5xl)}.text-display,.text-heading-1{color:var(--color-text-primary);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-heading)}.text-heading-1{font-size:var(--font-size-4xl)}.text-heading-2{font-size:var(--font-size-3xl)}.text-heading-2,.text-heading-3{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-heading)}.text-heading-3{font-size:var(--font-size-2xl)}.text-subheading{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-snug)}.text-body-large{font-size:var(--font-size-lg)}.text-body,.text-body-large{color:var(--color-text-primary);font-weight:var(--font-weight-regular);line-height:var(--line-height-reading)}.text-body{font-size:var(--font-size-base)}.text-body-small{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.text-body-small,.text-caption{font-weight:var(--font-weight-regular)}.text-caption{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.text-label,.text-ui-small{font-weight:var(--font-weight-medium);line-height:var(--line-height-ui)}.text-ui-small{color:var(--color-text-tertiary);font-size:var(--font-size-2xs)}.text-korean{font-family:var(--font-korean-text);word-wrap:var(--korean-word-wrap);hyphens:var(--korean-hyphenation);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-korean-body)}.text-korean,.text-korean-title{word-break:var(--korean-word-break)}.text-korean-title{font-family:var(--font-korean-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tighter);line-height:var(--line-height-korean-title)}.text-korean-caption{font-size:var(--font-size-sm);line-height:var(--line-height-korean-caption)}.text-korean-caption,.text-korean-ui{font-family:var(--font-korean-ui);letter-spacing:var(--letter-spacing-normal);word-break:var(--korean-word-break)}.text-korean-ui{font-weight:var(--font-weight-medium);line-height:var(--line-height-korean-ui)}.text-korean-justify{text-align:justify;text-justify:var(--korean-text-justify)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-quaternary{color:var(--color-text-quaternary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-hover:hover{background-color:var(--color-bg-hover)}.bg-active:active{background-color:var(--color-bg-active)}.bg-selected{background-color:var(--color-bg-selected)}.leading-korean-tight{line-height:var(--line-height-korean-title)}.leading-korean-normal{line-height:var(--line-height-korean-caption)}.leading-korean-relaxed{line-height:var(--line-height-korean-body)}.leading-korean-ui{line-height:var(--line-height-korean-ui)}.leading-ui{line-height:var(--line-height-ui)}.leading-heading{line-height:var(--line-height-heading)}.leading-body{line-height:var(--line-height-body)}.leading-reading{line-height:var(--line-height-reading)}.tracking-korean-tight{letter-spacing:var(--letter-spacing-tighter)}.tracking-korean-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-korean-wide{letter-spacing:var(--letter-spacing-wide)}.text-responsive-sm{font-size:var(--font-size-responsive-sm)}.text-responsive-base{font-size:var(--font-size-responsive-base)}.text-responsive-lg{font-size:var(--font-size-responsive-lg)}.text-responsive-xl{font-size:var(--font-size-responsive-xl)}.text-responsive-2xl{font-size:var(--font-size-responsive-2xl)}.text-responsive-3xl{font-size:var(--font-size-responsive-3xl)}.text-responsive-4xl{font-size:var(--font-size-responsive-4xl)}*,:after,:before{margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-korean-primary);font-size:var(--text-base-size);line-height:var(--text-base-line-height);word-wrap:break-word;text-rendering:optimizeLegibility}.linear-button{--button-height:2.5rem;--button-padding-x:1rem;--button-border-radius:var(--radius-lg);--button-font-weight:500;--button-font-size:var(--text-sm-size);--button-transition:var(--transition-base);align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--button-font-size);font-weight:var(--button-font-weight);gap:.5rem;height:var(--button-height);justify-content:center;outline:none;overflow:hidden;padding:0 var(--button-padding-x);position:relative;text-decoration:none;transition:all var(--button-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;.icon{flex-shrink:0;height:1rem;width:1rem}}.linear-button--primary{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.linear-button--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.linear-button--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.linear-button--secondary{background:var(--color-bg-secondary);border-color:var(--color-border-default);color:var(--color-text-primary)}.linear-button--secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.linear-button--ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.linear-button--ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:translateY(-1px)}.linear-button--danger{background:var(--color-semantic-error);border-color:var(--color-semantic-error);color:#fff}.linear-button--danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.linear-button--sm{--button-height:2rem;--button-padding-x:0.75rem;--button-font-size:var(--text-xs-size)}.linear-button--lg{--button-height:3rem;--button-padding-x:1.5rem;--button-font-size:var(--text-base-size)}.linear-button--xl{--button-height:3.5rem;--button-padding-x:2rem;--button-font-size:var(--text-lg-size)}.linear-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.linear-button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.linear-button--loading{color:transparent}.linear-button--loading:after{animation:linear-spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:1rem;position:absolute;width:1rem}@keyframes linear-spin{to{transform:rotate(1turn)}}.linear-card{background:var(--color-bg-primary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all var(--transition-base)}.linear-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.linear-card__header{border-bottom:1px solid var(--color-border-subtle);padding:1.5rem}.linear-card__title{color:var(--color-text-primary);font-size:var(--title-3-size);font-weight:var(--title-3-weight);line-height:var(--title-3-line-height);margin-bottom:.25rem}.linear-card__description{color:var(--color-text-secondary);font-size:var(--text-sm-size);line-height:1.6}.linear-card__body{padding:1.5rem}.linear-card__footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.linear-card--elevated{border-color:transparent;box-shadow:var(--shadow-md)}.linear-card--elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.linear-card--interactive{cursor:pointer;transition:all var(--transition-base)}.linear-card--interactive:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-glow)}.linear-card--accent{background:linear-gradient(135deg,var(--color-bg-primary) 0,rgba(94,106,210,.02) 100%);border-color:var(--color-primary-200)}.linear-input{--input-height:2.5rem;--input-padding-x:0.75rem;--input-border-radius:var(--radius-lg);--input-font-size:var(--text-base-size);background:var(--color-bg-primary);border:1px solid var(--color-border-default);border-radius:var(--input-border-radius);color:var(--color-text-primary);font-family:inherit;font-size:var(--input-font-size);height:var(--input-height);outline:none;padding:0 var(--input-padding-x);transition:all var(--transition-base);width:100%;word-break:keep-all}.linear-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(94,106,210,.1)}.linear-input:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.linear-input::-moz-placeholder{color:var(--color-text-tertiary)}.linear-input::placeholder{color:var(--color-text-tertiary)}.linear-input--sm{--input-height:2rem;--input-font-size:var(--text-sm-size)}.linear-input--lg{--input-height:3rem;--input-font-size:var(--text-lg-size)}.linear-input--error,.linear-input--error:focus{border-color:var(--color-semantic-error)}.linear-input--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.linear-textarea{--textarea-min-height:5rem;line-height:1.6;min-height:var(--textarea-min-height);padding:.75rem;resize:vertical}.linear-input-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.linear-input-group__label{color:var(--color-text-primary);font-size:var(--text-sm-size);font-weight:500}.linear-input-group__help{color:var(--color-text-tertiary);font-size:var(--text-xs-size)}.linear-input-group__error{color:var(--color-semantic-error);font-size:var(--text-xs-size)}.linear-nav{backdrop-filter:blur(8px);background:var(--color-bg-primary);background:hsla(0,0%,100%,.8);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;z-index:var(--z-sticky)}.linear-nav__container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:0 var(--gutter-md)}.linear-nav__brand{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--title-4-size);font-weight:var(--title-4-weight);gap:.75rem;text-decoration:none}.linear-nav__brand .icon{flex-shrink:0;height:2rem;width:2rem}.linear-nav__menu{align-items:center;display:flex;gap:1.5rem;list-style:none}.linear-nav__item{position:relative}.linear-nav__link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--text-sm-size);font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.linear-nav__link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.linear-nav__link--active{background:rgba(94,106,210,.1);color:var(--color-primary-500)}.linear-nav__mobile-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;height:2.5rem;justify-content:center;transition:all var(--transition-base);width:2.5rem}.linear-nav__mobile-toggle:hover{background:var(--color-bg-secondary)}.linear-nav__mobile-menu{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);display:none;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.linear-nav__mobile-menu--open{display:flex}@media (max-width:768px){.linear-nav__menu{display:none}.linear-nav__mobile-toggle{display:flex}}.linear-badge{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:var(--text-xs-size);font-weight:500;gap:.25rem;padding:.25rem .5rem}.linear-badge--primary{background:rgba(94,106,210,.1);border-color:var(--color-primary-200);color:var(--color-primary-500)}.linear-badge--success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:var(--color-semantic-success)}.linear-badge--warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:var(--color-semantic-warning)}.linear-badge--error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:var(--color-semantic-error)}.linear-avatar{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;flex-shrink:0;font-size:var(--text-sm-size);font-weight:500;height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.linear-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.linear-avatar--sm{font-size:var(--text-xs-size);height:2rem;width:2rem}.linear-avatar--lg{font-size:var(--text-base-size);height:3rem;width:3rem}.linear-progress{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:.5rem;overflow:hidden;width:100%}.linear-progress__bar{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.linear-skeleton{animation:linear-skeleton 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes linear-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.linear-container{margin:0 auto;max-width:var(--container-xl);padding:0 var(--gutter-md);width:100%}.linear-container--sm{max-width:var(--container-sm)}.linear-container--md{max-width:var(--container-md)}.linear-container--lg{max-width:var(--container-lg)}.linear-container--2xl{max-width:var(--container-2xl)}.linear-grid{display:grid;gap:var(--spacing-6)}.linear-grid--1{grid-template-columns:1fr}.linear-grid--2{grid-template-columns:repeat(2,1fr)}.linear-grid--3{grid-template-columns:repeat(3,1fr)}.linear-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.linear-grid--2,.linear-grid--3,.linear-grid--4{grid-template-columns:1fr}}.linear-stack{display:flex;flex-direction:column}.linear-stack>*+*{margin-top:var(--spacing-4)}.linear-stack--sm>*+*{margin-top:var(--spacing-2)}.linear-stack--lg>*+*{margin-top:var(--spacing-6)}.linear-stack--xl>*+*{margin-top:var(--spacing-8)}.linear-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.linear-inline--sm{gap:var(--spacing-2)}.linear-inline--lg{gap:var(--spacing-4)}@media (max-width:640px){.linear-hidden-sm{display:none!important}.linear-visible-sm{display:block!important}}@media (min-width:641px){.linear-visible-sm{display:none!important}}@media (max-width:768px){.linear-hidden-md{display:none!important}.linear-visible-md{display:block!important}}@media (min-width:769px){.linear-visible-md{display:none!important}}[data-theme=dark] .linear-nav{background:rgba(17,24,39,.8)}[data-theme=dark] .linear-card{background:var(--color-bg-primary);border-color:var(--color-border-subtle)}[data-theme=dark] .linear-card:hover{border-color:var(--color-border-default)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media print{.linear-button,.linear-nav,.linear-nav__mobile-toggle{display:none!important}.linear-card{border:1px solid #000!important;box-shadow:none!important}body{background:#fff!important;color:#000!important}}:root{--highlight-color-primary:rgba(99,102,241,.1);--highlight-color-secondary:rgba(156,163,175,.08);--highlight-color-accent:rgba(59,130,246,.06);--highlight-color-warning:rgba(245,158,11,.08);--highlight-color-success:rgba(34,197,94,.06);--highlight-opacity-subtle:0.05;--highlight-opacity-normal:0.1;--highlight-opacity-medium:0.15;--highlight-opacity-strong:0.2;--highlight-pattern-small:8px;--highlight-pattern-medium:16px;--highlight-pattern-large:24px}[data-theme=dark]{--highlight-color-primary:rgba(129,140,248,.06);--highlight-color-secondary:rgba(156,163,175,.04);--highlight-color-accent:rgba(96,165,250,.04);--highlight-color-warning:rgba(251,191,36,.05);--highlight-color-success:rgba(52,211,153,.04);--highlight-opacity-subtle:0.03;--highlight-opacity-normal:0.06;--highlight-opacity-medium:0.08;--highlight-opacity-strong:0.12}.highlight-base{background-color:var(--highlight-color-secondary);border-radius:3px;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.highlight-base:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.highlight-dots{background-attachment:scroll;background-color:var(--highlight-color-secondary);background-image:radial-gradient(circle at 2px 2px,var(--highlight-color-primary) .5px,transparent .5px);background-position:0 0,4px 4px;background-size:var(--highlight-pattern-small) var(--highlight-pattern-small);border-radius:3px;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.highlight-dots:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.highlight-dots.subtle{background-image:radial-gradient(circle at 1px 1px,rgba(156,163,175,var(--highlight-opacity-subtle)) .3px,transparent .3px);background-size:6px 6px}.highlight-dots.medium{background-image:radial-gradient(circle at 3px 3px,var(--highlight-color-primary) .8px,transparent .8px);background-size:12px 12px}.highlight-diagonal{background-color:var(--highlight-color-secondary);background-image:linear-gradient(45deg,transparent 40%,var(--highlight-color-primary) 40%,var(--highlight-color-primary) 60%,transparent 60%);background-size:var(--highlight-pattern-medium) var(--highlight-pattern-medium);border-radius:3px;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:background-position .3s ease;will-change:transform;z-index:10}.highlight-diagonal:hover{background-position:4px 4px;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.highlight-diagonal.reverse{background-image:linear-gradient(-45deg,transparent 40%,var(--highlight-color-accent) 40%,var(--highlight-color-accent) 60%,transparent 60%)}.highlight-diagonal.fine{background-image:linear-gradient(45deg,transparent 47%,rgba(156,163,175,var(--highlight-opacity-normal)) 47%,rgba(156,163,175,var(--highlight-opacity-normal)) 53%,transparent 53%);background-size:8px 8px}.highlight-grid{background-color:rgba(248,250,252,.3);background-image:linear-gradient(var(--highlight-color-secondary) 1px,transparent 1px),linear-gradient(90deg,var(--highlight-color-secondary) 1px,transparent 1px);background-size:var(--highlight-pattern-medium) var(--highlight-pattern-medium);border-radius:3px;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.highlight-grid:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}[data-theme=dark] .highlight-grid{background-color:rgba(15,23,42,.2)}.highlight-grid.fine{background-image:linear-gradient(rgba(156,163,175,var(--highlight-opacity-subtle)) .5px,transparent .5px),linear-gradient(90deg,rgba(156,163,175,var(--highlight-opacity-subtle)) .5px,transparent .5px);background-size:8px 8px}.highlight-grid.bold{background-image:linear-gradient(var(--highlight-color-primary) 1.5px,transparent 1.5px),linear-gradient(90deg,var(--highlight-color-primary) 1.5px,transparent 1.5px);background-size:20px 20px}.highlight-noise{background-color:var(--highlight-color-secondary);background-image:radial-gradient(circle at 20% 50%,transparent 20%,var(--highlight-color-secondary) 21%,var(--highlight-color-secondary) 34%,transparent 35%,transparent),radial-gradient(circle at 40% 20%,var(--highlight-color-primary) 8%,transparent 9%),radial-gradient(circle at 80% 80%,transparent 15%,var(--highlight-color-accent) 16%,var(--highlight-color-accent) 18%,transparent 19%),radial-gradient(circle at 60% 90%,var(--highlight-color-secondary) 5%,transparent 6%);background-position:0 0,8px 8px,12px 4px,4px 16px;background-size:20px 20px,16px 16px,24px 24px,12px 12px;border-radius:3px;opacity:.6;padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.highlight-noise:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.highlight-noise.fine{background-size:12px 12px,10px 10px,14px 14px,8px 8px;opacity:.4}.highlight-noise.organic{background-image:radial-gradient(circle at 15% 30%,var(--highlight-color-primary) 2px,transparent 2px),radial-gradient(circle at 75% 60%,var(--highlight-color-secondary) 1.5px,transparent 1.5px),radial-gradient(circle at 45% 85%,var(--highlight-color-accent) 1px,transparent 1px),radial-gradient(circle at 90% 20%,var(--highlight-color-primary) 2.5px,transparent 2.5px);background-size:30px 25px,22px 28px,18px 20px,26px 32px}.highlight-geometric{background-color:var(--highlight-color-secondary);background-image:conic-gradient(from 0deg at 50% 50%,transparent 0deg,var(--highlight-color-primary) 60deg,transparent 120deg,var(--highlight-color-accent) 180deg,transparent 240deg,var(--highlight-color-primary) 300deg,transparent 1turn);background-size:var(--highlight-pattern-large) var(--highlight-pattern-large);border-radius:3px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 35%);mask-image:radial-gradient(circle at center,#000 30%,transparent 35%);padding:2px 4px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:transform;z-index:10}.highlight-geometric:hover{box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.highlight-geometric.hexagon{background-image:conic-gradient(from 30deg at 50% 50%,var(--highlight-color-primary) 0deg,transparent 60deg,var(--highlight-color-secondary) 120deg,transparent 180deg,var(--highlight-color-accent) 240deg,transparent 300deg,var(--highlight-color-primary) 1turn);-webkit-mask-image:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);mask-image:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%)}.highlight-geometric.triangle{background-image:linear-gradient(60deg,var(--highlight-color-primary) 25%,transparent 25%,transparent 75%,var(--highlight-color-secondary) 75%),linear-gradient(-60deg,var(--highlight-color-accent) 25%,transparent 25%,transparent 75%,var(--highlight-color-primary) 75%);background-size:16px 28px}.highlight-subtle{opacity:.5}.highlight-normal{opacity:.8}.highlight-strong{opacity:1}.highlight-sm{border-radius:2px;padding:1px 2px}.highlight-lg{border-radius:4px;padding:4px 8px}.highlight-xl{border-radius:6px;padding:8px 12px}.highlight-primary{--highlight-color-primary:rgba(99,102,241,.12);--highlight-color-secondary:rgba(99,102,241,.06)}.highlight-success{--highlight-color-primary:rgba(34,197,94,.12);--highlight-color-secondary:rgba(34,197,94,.06)}.highlight-warning{--highlight-color-primary:rgba(245,158,11,.12);--highlight-color-secondary:rgba(245,158,11,.06)}.highlight-error{--highlight-color-primary:rgba(239,68,68,.12);--highlight-color-secondary:rgba(239,68,68,.06)}.highlight-korean{background-blend-mode:multiply;letter-spacing:-.01em;line-height:1.7;word-break:keep-all}.highlight-animated{transition:all .3s cubic-bezier(.4,0,.2,1)}.highlight-animated:hover{box-shadow:0 4px 12px rgba(0,0,0,.05),0 0 0 1px rgba(99,102,241,.1);transform:translateY(-1px)}.highlight-pulse{animation:highlight-pulse 2s ease-in-out infinite}@keyframes highlight-pulse{0%,to{opacity:.8}50%{opacity:1}}.highlight-geometric.animated{animation:highlight-float 3s ease-in-out infinite}@keyframes highlight-float{0%,to{background-position:0 0;transform:translateY(0)}50%{background-position:2px 2px;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.highlight-animated,.highlight-geometric.animated,.highlight-pulse{animation:none;transition:none}.highlight-animated:hover,.highlight-base:hover{transform:none}}@media (prefers-contrast:high){:root{--highlight-opacity-subtle:0.15;--highlight-opacity-normal:0.25;--highlight-opacity-medium:0.35;--highlight-opacity-strong:0.45}}@media print{[class*=highlight-]{background-color:rgba(0,0,0,.05)!important;background-image:none!important;color:inherit!important}}.highlight-base,[class*=highlight-]{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}[class*=highlight-]:not(:hover){will-change:auto}[class*=highlight-]:hover{will-change:transform,background-position}.highlight-safe-zone{position:relative;z-index:15}.adsbygoogle,[class*=ad-container],[id*=google_ads]{overflow:hidden;position:relative;z-index:1!important}[class*=highlight-]:not(.highlight-safe-zone){position:relative;z-index:10}.highlight-protected,.text-content-protected{background-color:hsla(0,0%,100%,.95);border-radius:3px;padding:2px 4px;position:relative;z-index:12}[data-theme=dark] .highlight-protected,[data-theme=dark] .text-content-protected{background-color:rgba(15,23,42,.95)}:root{--color-primary:#5c5ce0;--color-primary-dark:#4646d3;--color-primary-light:#7373e7;--color-primary-lighter:#e8e8ff;--color-primary-lightest:#f5f5ff;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-black:#000;--color-gray-900:#111827;--color-gray-800:#1f2937;--color-gray-700:#374151;--color-gray-600:#4b5563;--color-gray-500:#6b7280;--color-gray-400:#9ca3af;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-gray-50:#f9fafb;--color-white:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-inverse:#1a1a1a;--border-color:#e5e7eb;--border-color-dark:#d1d5db;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:2;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#6b6b6b;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--border-color:#2a2a2a;--border-color-dark:#3a3a3a}.dh-c-btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-medium);gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}.dh-c-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dh-c-btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-color-dark)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.btn-block{width:100%}.dh-c-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.dh-c-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-md)}.card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin:0}.card-subtitle{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.card-body,.card-subtitle{color:var(--text-secondary)}.card-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-primary);display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-sm)}.form-control{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-lighter)}.form-control:disabled{background-color:var(--bg-secondary);cursor:not-allowed}.form-control.is-valid{border-color:var(--color-success)}.form-control.is-invalid{border-color:var(--color-danger)}.form-text{color:var(--text-tertiary);display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.invalid-feedback{display:none;margin-top:var(--spacing-xs)}.form-control.is-invalid~.invalid-feedback{display:block}.form-check{margin-bottom:var(--spacing-sm)}.form-check-input{margin-right:var(--spacing-sm)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--spacing-md)*-1)}.col{flex:1;padding:0 var(--spacing-md)}@media (min-width:768px){.col-md-1{flex:0 0 8.333333%}.col-md-2{flex:0 0 16.666667%}.col-md-3{flex:0 0 25%}.col-md-4{flex:0 0 33.333333%}.col-md-5{flex:0 0 41.666667%}.col-md-6{flex:0 0 50%}.col-md-7{flex:0 0 58.333333%}.col-md-8{flex:0 0 66.666667%}.col-md-9{flex:0 0 75%}.col-md-10{flex:0 0 83.333333%}.col-md-11{flex:0 0 91.666667%}.col-md-12{flex:0 0 100%}}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-column{flex-direction:column}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.m-1{margin:var(--spacing-sm)}.m-2{margin:var(--spacing-md)}.m-3{margin:var(--spacing-lg)}.m-4{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.dh-u-text-left{text-align:left}.dh-u-text-center{text-align:center}.dh-u-text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-bold{font-weight:var(--font-bold)}.font-medium{font-weight:var(--font-medium)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.border{border:1px solid var(--border-color)}.border-0{border:0}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-kr{letter-spacing:-.02em;line-height:var(--line-height-relaxed);word-break:keep-all}.container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100vw;overflow-x:hidden;padding-left:var(--space-4);padding-right:var(--space-4);width:100%}.container--sm{max-width:min(var(--container-sm),100vw)}.container--md{max-width:min(var(--container-md),100vw)}.container--lg{max-width:min(var(--container-lg),100vw)}.container--xl{max-width:min(var(--container-xl),100vw)}.container--2xl{max-width:min(var(--container-2xl),100vw)}.container--full,.dh-l-section{max-width:100vw}.dh-l-section{overflow-x:hidden;padding-bottom:var(--space-12);padding-top:var(--space-12)}.section--sm{padding-bottom:var(--space-8);padding-top:var(--space-8)}.section--lg{padding-bottom:var(--space-16);padding-top:var(--space-16)}.dh-l-content{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:min(var(--container-lg),100vw);overflow-x:hidden;padding:var(--space-4)}.content--narrow{max-width:65ch}.content--wide{max-width:100%}.page{display:flex;flex-direction:column;min-height:100vh}.page__header{flex-shrink:0}.page__main{flex:1 0 auto;padding-top:var(--space-16)}.page__footer{flex-shrink:0}.dh-l-wrapper{padding:var(--space-4)}.wrapper--sm{padding:var(--space-2)}.wrapper--lg{padding:var(--space-6)}.wrapper--xl{padding:var(--space-8)}.box{background-color:var(--surface-primary);border:var(--border-1) solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4)}.box--elevated{border:none;box-shadow:var(--shadow-md)}.box--ghost{background-color:transparent;border:none}@media (max-width:640px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}.dh-l-section{padding-bottom:var(--space-8);padding-top:var(--space-8)}.dh-l-content{padding:var(--space-3)}}@media (min-width:1536px){.container--fluid{max-width:calc(100% - var(--space-16))}}.container--center{align-items:center;display:flex;justify-content:center;min-height:100vh}.container--scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.container--no-padding{padding-left:0;padding-right:0}@media print{.container,.dh-l-content{max-width:100%;padding:0}.dh-l-section{padding:var(--space-4) 0}}.container,.dh-l-container{margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);width:100%}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.dh-l-grid{box-sizing:border-box;display:grid;gap:var(--spacing-4);max-width:100%;overflow-x:hidden;width:100%}.dh-l-grid-cols-1,.grid-cols-1{grid-template-columns:repeat(1,1fr)}.dh-l-grid-cols-2,.grid-cols-2{grid-template-columns:repeat(2,1fr)}.dh-l-grid-cols-3,.grid-cols-3{grid-template-columns:repeat(3,1fr)}.dh-l-grid-cols-4,.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}@media (min-width:576px){.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.md\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}@media (min-width:992px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr)}}.dh-l-flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}.my-8{margin-bottom:var(--spacing-8);margin-top:var(--spacing-8)}.p-0{padding:0}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-4{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.dh-l-section{padding-bottom:var(--spacing-16);padding-top:var(--spacing-16)}@media (max-width:768px){.dh-l-section{padding-bottom:var(--spacing-12);padding-top:var(--spacing-12)}}.dh-l-header,.navbar{background-color:var(--color-white);box-shadow:var(--shadow-sm);position:sticky;top:0;transition:all var(--transition-base);z-index:var(--z-sticky)}.dh-l-header-container,.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1320px;padding:var(--spacing-4) var(--spacing-6)}.dh-l-header-brand,.navbar-brand{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.navbar-brand img{height:32px;margin-right:var(--spacing-2);width:auto}.dh-l-nav-menu,.nav-menu{display:flex;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{border-radius:var(--radius-md);color:var(--color-gray-700);display:block;font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:background-color .2s cubic-bezier(.25,.46,.45,.94),color .2s cubic-bezier(.25,.46,.45,.94),transform .1s cubic-bezier(.25,.46,.45,.94);will-change:background-color,color}.nav-link:hover{background-color:var(--color-neutral-50);color:var(--color-gray-900)}.nav-link:focus-visible{box-shadow:0 0 0 2px rgba(94,106,210,.2);outline:2px solid var(--color-primary);outline-offset:2px}.nav-link.dh-state-active{background-color:rgba(94,106,210,.1);color:var(--color-primary);font-weight:500}.mobile-menu-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:0;width:40px}.mobile-menu-btn span{background-color:var(--color-gray-700);display:block;height:2px;margin:3px 0;transition:all var(--transition-base);width:24px}.mobile-menu-btn.dh-state-active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.dh-state-active span:nth-child(2){opacity:0}.mobile-menu-btn.dh-state-active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.dropdown{position:relative}.dropdown-menu{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;min-width:200px;opacity:0;padding:var(--spacing-2);position:absolute;top:100%;transform:translateY(-10px);transition:all var(--transition-base);visibility:hidden}.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{border-radius:var(--radius-md);color:var(--color-gray-700);display:block;padding:var(--spacing-2) var(--spacing-3);text-decoration:none;transition:all var(--transition-base)}.dropdown-item:hover{background-color:var(--color-gray-50);color:var(--color-primary)}@media (max-width:768px){body{padding-top:0!important}.navbar-container{padding:var(--spacing-3) var(--spacing-4)}.mobile-menu-btn{display:flex}.nav-menu{background-color:var(--color-white);box-shadow:var(--shadow-xl);flex-direction:column;gap:var(--spacing-1);height:calc(100vh - 70px);left:-100%;overflow-y:auto;padding:var(--spacing-6);position:fixed;top:70px;transition:left var(--transition-base);width:100%}.nav-menu.dh-state-active{left:0}.nav-link{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4);width:100%}.dropdown-menu{border:none;box-shadow:none;display:none;opacity:1;padding-left:var(--spacing-6);position:static;transform:none;visibility:visible}.dropdown.dh-state-active .dropdown-menu{display:block}}footer.dh-l-footer{background-color:var(--color-gray-900);border-top:none;color:var(--color-gray-300);margin-top:auto;padding-bottom:var(--spacing-8);padding-top:var(--spacing-16);position:relative;width:100%}.dh-l-footer-content,.footer-content{align-items:start;display:grid;gap:var(--spacing-6);grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin:0 auto;max-width:1320px;padding:0 var(--spacing-6)}@media (max-width:1200px) and (min-width:901px){.footer-content{gap:var(--spacing-6);grid-template-columns:2fr 1fr 1fr}}@media (max-width:900px) and (min-width:769px){.footer-content{gap:var(--spacing-6);grid-template-columns:1fr 1fr}}.footer-section h3{color:var(--color-white)}.footer-section h3,.footer-section p{margin-bottom:var(--spacing-4);word-break:keep-all}.footer-section p{line-height:var(--line-height-relaxed)}.footer-brand h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.footer-description{color:var(--color-gray-400);line-height:1.6;margin-bottom:var(--spacing-5)}.footer-links a{align-items:center;display:flex;gap:var(--spacing-2)}.footer-links li{margin-bottom:var(--spacing-2)}.footer-links a{color:var(--color-gray-300);transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-white)}.footer-social{gap:var(--spacing-3);margin-top:var(--spacing-4)}.social-link{align-items:center;background-color:var(--color-gray-800);border-radius:var(--radius-full);color:var(--color-gray-300);display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.social-link:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-8);text-align:center}.footer-copyright{color:var(--color-gray-400);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.footer-legal{flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-4);justify-content:center}.footer-legal a{transition:color var(--transition-base)}.footer-legal a:hover{color:var(--color-white)}.footer-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6)}.footer-badge{align-items:center;background-color:var(--color-gray-800);border-radius:var(--radius-md);color:var(--color-gray-300);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.footer-badge img{height:20px;width:auto}@media (max-width:768px){footer{padding-bottom:var(--spacing-6);padding-top:var(--spacing-12)}.footer-content{gap:var(--spacing-6);grid-template-columns:1fr;padding:0 var(--spacing-4);text-align:center}.footer-social{justify-content:center}.footer-legal{flex-direction:column;gap:var(--spacing-2)}.footer-badges{align-items:center;flex-direction:column}}.fade-in{opacity:0;transform:translateY(var(--space-5));transition:opacity var(--duration-500) var(--ease-out),transform var(--duration-500) var(--ease-out)}.fade-in.dh-u-visible{opacity:1;transform:translateY(0)}.loading-spinner{animation:spin var(--duration-1000) var(--ease-linear) infinite;border:3px solid rgba(0,0,0,.1);border-top:3px solid var(--color-primary)}.btn-click{transform:scale(.95);transition:transform var(--duration-150) var(--ease-out)}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 1s infinite}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.slide-in-up{animation:slideInUp .6s ease forwards}.slide-in-down{animation:slideInDown .6s ease forwards}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.floating-hearts .heart{animation:heartFloat 3s ease-in-out infinite;font-size:1.5rem;pointer-events:none}.floating-hearts .heart:nth-child(2){animation-delay:.6s}.floating-hearts .heart:nth-child(3){animation-delay:1.2s}.floating-hearts .heart:nth-child(4){animation-delay:1.8s}.floating-hearts .heart:nth-child(5){animation-delay:2.4s}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-animate{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,100%)}}.progress-animated{animation:progressFill 1.5s ease-in-out forwards}.stagger-item{animation:staggerIn .6s ease forwards;opacity:0;transform:translateY(20px)}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}.type-badge{display:inline-block;transition:all .3s ease}.type-badge:hover{box-shadow:0 4px 12px rgba(0,0,0,.2);transform:scale(1.1)}.card-flip{animation:cardFlip .6s ease-in-out}@media (prefers-reduced-motion:reduce){html *,html :after,html :before{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}.fade-in{opacity:1;transform:none}}.will-animate{will-change:transform,opacity}.animate-complete{will-change:auto}.dh-c-btn,.legacy-btn{align-items:center;background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:6px;color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-family:var(--font-korean-ui);font-size:var(--font-size-sm);font-weight:500;gap:var(--space-2,var(--spacing-2));justify-content:center;line-height:var(--line-height-korean-caption);min-height:36px;min-width:-moz-max-content;min-width:max-content;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .15s cubic-bezier(.25,.46,.45,.94),border-color .15s cubic-bezier(.25,.46,.45,.94),color .15s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .1s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;will-change:transform,box-shadow,background-color;word-break:keep-all;word-break:var(--korean-word-break)}.legacy-btn:hover:not(:disabled){background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.06);transform:translateY(-1px)}.legacy-btn:active:not(:disabled){background-color:rgba(0,0,0,.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.1);transform:scale(.98);transition-duration:50ms}.legacy-btn:focus-visible{box-shadow:0 2px 4px rgba(0,0,0,.06),0 0 0 2px rgba(94,106,210,.2);outline:2px solid var(--color-primary);outline-offset:2px}.legacy-btn:focus:not(:focus-visible){outline:none}.dh-c-btn[aria-disabled=true],.legacy-btn.dh-state-disabled,.legacy-btn:disabled{cursor:not-allowed;opacity:var(--disabled-opacity,.6);pointer-events:none}.dh-c-btn--primary,.dh-c-btn-primary,.legacy-btn--primary,.legacy-btn-primary{background-color:#1f2937;border:1px solid #1f2937;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--color-white);font-weight:500}.legacy-btn--primary:hover:not(:disabled),.legacy-btn-primary:hover:not(:disabled){background-color:#374151;border-color:#374151;box-shadow:0 8px 16px -4px rgba(31,41,55,.3),0 4px 8px -2px rgba(31,41,55,.1);transform:translateY(-1px)}.dh-c-btn--secondary,.dh-c-btn-secondary,.legacy-btn--secondary,.legacy-btn-secondary{background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);color:var(--color-gray-700)}.legacy-btn--secondary:hover:not(:disabled),.legacy-btn-secondary:hover:not(:disabled){background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.15)}.dh-c-btn--ghost,.dh-c-btn-ghost,.legacy-btn--ghost,.legacy-btn-ghost{background-color:transparent;border:1px solid transparent;color:var(--color-gray-700)}.legacy-btn--ghost:hover:not(:disabled),.legacy-btn-ghost:hover:not(:disabled){background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.1)}.dh-c-btn--success,.dh-c-btn-success,.legacy-btn--success,.legacy-btn-success{background-color:var(--semantic-success,var(--color-success));border-color:var(--semantic-success,var(--color-success));color:var(--color-gray-0,var(--color-white))}.legacy-btn--success:hover:not(:disabled),.legacy-btn-success:hover:not(:disabled){background-color:var(--color-success-dark);border-color:var(--color-success-dark)}.dh-c-btn--danger,.dh-c-btn-danger,.legacy-btn--danger,.legacy-btn-danger{background-color:var(--semantic-danger,var(--color-danger));border-color:var(--semantic-danger,var(--color-danger));color:var(--color-gray-0,var(--color-white))}.legacy-btn--danger:hover:not(:disabled),.legacy-btn-danger:hover:not(:disabled){background-color:var(--color-danger-dark);border-color:var(--color-danger-dark)}.legacy-btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.legacy-btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.dh-c-btn--sm,.dh-c-btn-sm,.legacy-btn--sm,.legacy-btn-sm{font-size:var(--font-size-xs,var(--font-size-sm));min-height:32px;padding:6px 12px}.dh-c-btn--lg,.dh-c-btn-lg,.legacy-btn--lg,.legacy-btn-lg{font-size:var(--font-size-base,var(--font-size-lg));min-height:44px;padding:12px 24px}.dh-c-btn--full,.dh-c-btn-block,.legacy-btn--full,.legacy-btn-block{width:100%}.legacy-btn--icon{min-width:var(--button-height-md,40px);padding:var(--space-2,var(--spacing-2))}.legacy-btn--icon.legacy-btn--sm,.legacy-btn--icon.legacy-btn-sm{min-width:var(--button-height-sm,36px);padding:var(--space-1,var(--spacing-1))}.legacy-btn--icon.legacy-btn--lg,.legacy-btn--icon.legacy-btn-lg{min-width:var(--button-height-lg,52px);padding:var(--space-3,var(--spacing-3))}.legacy-btn--rounded{border-radius:var(--radius-full,999px)}.legacy-btn--loading{color:transparent;pointer-events:none;position:relative}.legacy-btn--loading:after{animation:button-spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes button-spin{to{transform:rotate(1turn)}}.home-cta-button,.legacy-btn-cta{align-items:center;background-color:#1f2937;border:1px solid #1f2937;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--color-white);display:inline-flex;font-size:var(--font-size-lg);font-weight:500;justify-content:center;min-height:48px;padding:16px 32px;text-decoration:none;transition:all .2s ease}.home-cta-button:hover:not(:disabled),.legacy-btn-cta:hover:not(:disabled){background-color:#374151;border-color:#374151;box-shadow:0 1px 4px rgba(0,0,0,.12);color:var(--color-white);text-decoration:none;transform:none}.legacy-btn-tools{background-color:#1f2937;border:1px solid #1f2937;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--color-white)}.legacy-btn-tools:hover:not(:disabled){background-color:#374151;border-color:#374151;box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--color-white);text-decoration:none;transform:none}.legacy-btn-fortune{background-color:#1f2937;border:1px solid #1f2937;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--color-white)}.legacy-btn-fortune:hover:not(:disabled){background-color:#374151;border-color:#374151;box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--color-white);text-decoration:none;transform:none}.feat-share-btn{align-items:center;background-color:#fee500;border-radius:var(--radius-md);color:#3c1e1e;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-all)}.feat-share-btn:hover{background-color:#fdd835;text-decoration:none;transform:translateY(-1px)}.feat-share-btn-kakao{background-color:#fee500}.feat-share-btn-facebook{background-color:#1877f2;color:var(--color-white)}.feat-share-btn-twitter{background-color:#1da1f2;color:var(--color-white)}.legacy-btn-group{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--space-2,var(--spacing-2));margin-top:var(--spacing-4)}.legacy-btn-group-center{justify-content:center}.legacy-btn-group--vertical{flex-direction:column;width:100%}.legacy-btn-group--attached{gap:0}.legacy-btn-group--attached .legacy-btn{border-radius:0}.legacy-btn-group--attached .legacy-btn:first-child{border-bottom-left-radius:var(--radius-md,var(--radius-lg));border-top-left-radius:var(--radius-md,var(--radius-lg))}.legacy-btn-group--attached .legacy-btn:last-child{border-bottom-right-radius:var(--radius-md,var(--radius-lg));border-top-right-radius:var(--radius-md,var(--radius-lg))}.legacy-btn-group--attached .legacy-btn:not(:last-child){border-right:none}.btn__icon{align-items:center;display:inline-flex;flex-shrink:0;height:1.25em;justify-content:center;width:1.25em}.btn__icon--start{margin-left:calc(var(--space-1, var(--spacing-1))*-1);margin-right:var(--space-2,var(--spacing-2))}.btn__icon--end{margin-left:var(--space-2,var(--spacing-2));margin-right:calc(var(--space-1, var(--spacing-1))*-1)}@media (max-width:768px){.legacy-btn{font-size:var(--font-size-base);min-height:44px;padding:12px 20px}.legacy-btn--sm,.legacy-btn-sm{font-size:var(--font-size-sm);min-height:40px}.legacy-btn-group:not(.legacy-btn-group--vertical){flex-wrap:wrap}.legacy-btn-group .legacy-btn{margin-left:auto;margin-right:auto;max-width:300px;width:100%}}@media print{html .legacy-btn{background:none;border:1px solid;color:inherit}}@media (prefers-contrast:high){.legacy-btn{border-width:2px}.legacy-btn:focus-visible{outline-width:3px}}.dh-c-card,.legacy-card{background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:var(--space-32,8rem);overflow:hidden;overflow-x:hidden;position:relative;transition:box-shadow .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94),border-color .2s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:transform,box-shadow}.legacy-card--hover:hover,.legacy-card:hover{border-color:rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.legacy-card--clickable{cursor:pointer}.legacy-card--clickable:active{transform:translateY(0) scale(.99);transition-duration:.1s}.legacy-card--clickable:focus-visible{box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 2px rgba(94,106,210,.2);outline:2px solid var(--color-primary);outline-offset:2px}.card__header,.dh-c-card-header,.legacy-card-header{background-color:transparent;border-bottom:1px solid rgba(0,0,0,.08);padding:24px 24px 16px}.card__body,.dh-c-card-body,.legacy-card-body{flex:1;line-height:1.7;padding:24px}.card__footer,.dh-c-card-footer,.legacy-card-footer{background-color:transparent;border-top:1px solid rgba(0,0,0,.08);padding:16px 24px}.legacy-card--compact .card__body,.legacy-card--compact .card__footer,.legacy-card--compact .card__header,.legacy-card--compact .legacy-card-body,.legacy-card--compact .legacy-card-footer,.legacy-card--compact .legacy-card-header{padding:16px}.card__title,.dh-c-card-title,.legacy-card-title{color:var(--color-gray-900);font-size:var(--font-size-lg,var(--font-size-xl));font-weight:600;line-height:var(--line-height-korean-title);margin:0 0 8px;word-break:keep-all}.card__subtitle,.legacy-card-subtitle{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-sm);line-height:var(--line-height-korean-caption);margin:0 0 var(--space-3,var(--spacing-3)) 0}.card__text,.legacy-card-text{color:var(--color-gray-700);font-size:var(--font-size-base);line-height:1.7;margin:0 0 16px;word-break:keep-all}.card__meta{color:var(--text-tertiary,var(--color-gray-500));display:flex;font-size:var(--font-size-sm);gap:var(--space-4,var(--spacing-4));margin-top:var(--space-4,var(--spacing-4))}.card__image,.legacy-card-img-top{background-color:var(--bg-tertiary,var(--color-gray-100));height:200px;overflow:hidden;position:relative;width:100%}.card__image img,.legacy-card-img-top{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__image--top{border-radius:var(--radius-lg,var(--radius-xl)) var(--radius-lg,var(--radius-xl)) 0 0;margin:-1px -1px 0}.card__image--square{aspect-ratio:1;height:auto}.card__image--wide{aspect-ratio:16/9;height:auto}.card__actions{align-items:center;display:flex;gap:var(--space-3,var(--spacing-3));justify-content:flex-end;padding:var(--space-4,var(--spacing-4)) var(--space-6,var(--spacing-6))}.card__actions--start{justify-content:flex-start}.card__actions--center{justify-content:center}.card__actions--between{justify-content:space-between}.legacy-card--borderless,.legacy-card-bordered{border:1px solid rgba(0,0,0,.1);box-shadow:none}.legacy-card--borderless,.legacy-card--borderless .card__footer,.legacy-card--borderless .card__header,.legacy-card--borderless .legacy-card-footer,.legacy-card--borderless .legacy-card-header{border:none}.legacy-card-flat{background-color:var(--color-white);border:1px solid rgba(0,0,0,.08);box-shadow:none}.legacy-card--elevated{border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.08)}.legacy-card--elevated:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-1px)}.legacy-card--ghost{background-color:transparent;border:1px dashed rgba(0,0,0,.15)}.legacy-card--highlighted{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.legacy-card--primary,.legacy-card-primary{border-top:4px solid var(--color-primary)}.legacy-card--success,.legacy-card-success{background-color:var(--semantic-success-bg,rgba(34,197,94,.05));border-color:var(--semantic-success,var(--color-success))}.legacy-card--warning,.legacy-card-warning{background-color:var(--semantic-warning-bg,rgba(250,204,21,.05));border-color:var(--semantic-warning,var(--color-warning))}.legacy-card--danger,.legacy-card-danger{background-color:var(--semantic-danger-bg,rgba(239,68,68,.05));border-color:var(--semantic-danger,var(--color-danger))}.legacy-card--info{background-color:var(--semantic-info-bg,rgba(59,130,246,.05));border-color:var(--semantic-info,var(--color-info))}.fortune-result-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--color-primary-light);margin:var(--spacing-8) auto;max-width:600px;padding:var(--spacing-8);text-align:center}.fortune-result-card .legacy-card-header{background:transparent;border-bottom:2px solid var(--color-primary-light);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4)}.fortune-result-card .legacy-card-title{color:var(--color-primary);font-size:var(--font-size-2xl)}.fortune-result-card .legacy-card-body{color:var(--color-gray-800);font-size:var(--font-size-lg);line-height:var(--line-height-loose)}.dh-t-result-card,.result-card,.test-result-card{background:linear-gradient(135deg,var(--bg-primary,#fff) 0,var(--bg-secondary,#f8f9fa) 100%);border:none;box-shadow:var(--shadow-lg);margin:var(--spacing-8) auto;max-width:500px;padding:var(--space-8,var(--spacing-10));text-align:center}.result-card__score,.test-result-card .result-title{color:var(--color-primary);font-size:var(--font-size-4xl,var(--font-size-3xl));font-weight:var(--font-weight-bold);margin:var(--space-4,var(--spacing-4)) 0}.test-result-card .result-description{color:var(--color-gray-700);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.result-card__badge{background-color:var(--color-primary);border-radius:var(--radius-full,999px);color:var(--color-gray-0,var(--color-white));display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4,var(--spacing-4));padding:var(--space-1,var(--spacing-1)) var(--space-3,var(--spacing-3))}.feature-card,.home-service-card{background-color:var(--color-white);border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.05);height:100%;padding:32px 24px;text-align:center;transition:all .2s ease}.feature-card:hover,.home-service-card:hover{border-color:rgba(0,0,0,.15);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:translateY(-1px)}.home-service-card:active{transform:translateY(0) scale(.98);transition-duration:.1s}.feature-card-icon,.home-service-card__icon{align-items:center;background-color:var(--bg-tertiary,var(--color-gray-100));border-radius:var(--radius-full,50%);color:var(--color-primary);display:flex;font-size:var(--font-size-2xl,2rem);height:64px;justify-content:center;margin:0 auto var(--space-4,var(--spacing-4));width:64px}.feature-card-title,.home-service-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3,var(--spacing-3)) 0}.feature-card-description,.home-service-card__description{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.legacy-card-grid{display:grid;gap:var(--space-6,var(--spacing-6));grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.legacy-card-grid--2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.legacy-card-grid--3{grid-template-columns:repeat(3,1fr)}.legacy-card-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.legacy-card{margin-bottom:16px}.card__body,.card__footer,.card__header,.legacy-card-body,.legacy-card-footer,.legacy-card-header{padding:16px}.fortune-result-card,.result-card,.test-result-card{margin:16px 12px;padding:24px}.result-card__score,.test-result-card .result-title{font-size:var(--font-size-2xl)}.legacy-card-grid,.legacy-card-grid--2,.legacy-card-grid--3,.legacy-card-grid--4{grid-template-columns:1fr}.card__actions{flex-direction:column;width:100%}.card__actions .legacy-btn{width:100%}}@media (max-width:1024px){.legacy-card-grid--3,.legacy-card-grid--4{grid-template-columns:repeat(2,1fr)}}@media print{.legacy-card{-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid}.legacy-card,.legacy-card--elevated{border:1px solid #ddd}}.form{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--form-gap,var(--spacing-6));max-width:100%;overflow-x:hidden;width:100%}.form--inline{align-items:flex-end;flex-direction:row;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:var(--form-label-margin,var(--spacing-2));margin-bottom:var(--spacing-6)}.form-group--horizontal{align-items:center;flex-direction:row;gap:var(--space-4,var(--spacing-4))}.form-label{color:var(--text-primary,var(--color-gray-700));display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.form-label--required:after,.form-label-required:after{color:var(--semantic-danger,var(--color-danger));content:" *"}.form-control,.form-input,.form-select,.form-textarea{background-clip:padding-box;background-color:var(--surface-primary,var(--color-white));border:var(--input-border-width,1px) solid var(--border-primary,var(--color-gray-300));border-radius:var(--input-radius,var(--radius-md));color:var(--text-primary,var(--color-gray-900));display:block;font-family:var(--font-family-korean,var(--font-family-base));font-size:var(--font-size-base);line-height:var(--line-height-normal,1.5);min-height:var(--input-height,40px);padding:var(--input-padding-y,var(--spacing-3)) var(--input-padding-x,var(--spacing-4));transition:border-color .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s cubic-bezier(.25,.46,.45,.94),background-color .2s cubic-bezier(.25,.46,.45,.94);width:100%;will-change:border-color,box-shadow;word-break:keep-all}.form-control:hover:not(:disabled):not(:focus),.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus),.form-textarea:hover:not(:disabled):not(:focus){background-color:var(--color-neutral-25);border-color:var(--color-neutral-300)}.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--color-white);border-color:var(--color-primary);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05),0 0 0 2px rgba(94,106,210,.2);color:var(--text-primary,var(--color-gray-900));outline:none}.form-control:disabled,.form-control[readonly],.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-disabled,var(--color-gray-50));cursor:not-allowed;opacity:var(--disabled-opacity,.6)}.form-control::-moz-placeholder,.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-tertiary,var(--color-gray-400));opacity:1}.form-control::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary,var(--color-gray-400));opacity:1}.form-control-sm,.form-input--sm,.form-select--sm{font-size:var(--font-size-sm);min-height:32px;padding:var(--space-1,var(--spacing-2)) var(--space-2,var(--spacing-3))}.form-control-lg,.form-input--lg,.form-select--lg{font-size:var(--font-size-lg);min-height:48px;padding:var(--space-3,var(--spacing-4)) var(--space-4,var(--spacing-6))}.form-textarea,textarea.form-control{min-height:120px;resize:vertical}.form-textarea--fixed{resize:none}.form-select,select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:20px;padding-right:var(--space-10,var(--spacing-10))}.form-select::-ms-expand,select.form-control::-ms-expand{display:none}.form-check{align-items:center;display:flex;gap:var(--space-2,var(--spacing-2));margin-bottom:var(--spacing-3)}.form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-primary,var(--color-white));border:var(--border-2,2px) solid var(--border-primary,var(--color-gray-300));border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;height:20px;margin:0;transition:var(--transition-all,all .2s ease);width:20px}.form-check-input[type=radio]{border-radius:var(--radius-full,50%)}.form-check-input:hover:not(:disabled){border-color:var(--border-secondary,var(--color-gray-400))}.form-check-input:checked{background-color:var(--color-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px;border-color:var(--color-primary)}.form-check-input[type=radio]:checked{background-image:none}.form-check-input[type=radio]:checked:after{background-color:#fff;border-radius:var(--radius-full,50%);content:"";display:block;height:8px;margin:4px;width:8px}.form-check-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle,rgba(139,92,246,.1));outline:none}.form-check-input:disabled{cursor:not-allowed;opacity:var(--disabled-opacity,.5)}.form-check-label{color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-check-input:disabled~.form-check-label{cursor:not-allowed;opacity:.5}.form-help,.form-text{color:var(--text-secondary,var(--color-gray-600));display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-1,var(--spacing-1))}.form-help--error{color:var(--semantic-danger,var(--color-danger))}.form-help--success{color:var(--semantic-success,var(--color-success))}.form-control.is-invalid,.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--border-error,var(--color-danger))}.form-control.is-invalid:focus,.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{border-color:var(--color-error);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05),0 0 0 2px rgba(239,68,68,.2)}.form-control.is-valid,.form-input--success,.form-select--success,.form-textarea--success{border-color:var(--border-success,var(--color-success))}.form-control.is-valid:focus,.form-input--success:focus,.form-select--success:focus,.form-textarea--success:focus{border-color:var(--color-success);box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05),0 0 0 2px rgba(16,185,129,.2)}.invalid-feedback{color:var(--color-danger)}.invalid-feedback,.valid-feedback{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.valid-feedback{color:var(--color-success)}.input-group{align-items:stretch;display:flex;position:relative;width:100%}.input-group>.form-control,.input-group>.form-input{border-radius:0;flex:1 1 auto;min-width:0;position:relative;width:1%}.input-group>.form-control:first-child,.input-group>.form-input:first-child{border-bottom-left-radius:var(--input-radius,var(--radius-md));border-top-left-radius:var(--input-radius,var(--radius-md))}.input-group>.form-control:last-child,.input-group>.form-input:last-child{border-bottom-right-radius:var(--input-radius,var(--radius-md));border-top-right-radius:var(--input-radius,var(--radius-md))}.input-group-append,.input-group-prepend,.input-group-text{align-items:center;background-color:var(--bg-tertiary,var(--color-gray-50));border:var(--input-border-width,1px) solid var(--border-primary,var(--color-gray-300));color:var(--text-secondary,var(--color-gray-700));display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal,1.5);padding:var(--input-padding-y,var(--spacing-3)) var(--input-padding-x,var(--spacing-4));text-align:center;white-space:nowrap}.input-group-prepend,.input-group-text:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:0}.input-group-append,.input-group-text:last-child{border-left:0;border-radius:0 var(--radius-md) var(--radius-md) 0}.form-field{display:flex;flex-direction:column;gap:var(--space-2,var(--spacing-2))}.form-actions{display:flex;gap:var(--space-3,var(--spacing-3));margin-top:var(--space-6,var(--spacing-6))}.form-actions--right{justify-content:flex-end}.form-actions--center{justify-content:center}.form-actions--between{justify-content:space-between}.form-row{gap:var(--spacing-4)}.form-col{flex:1;min-width:0}.form-file{cursor:pointer;display:inline-block;overflow:hidden;position:relative}.form-file-input{opacity:0;position:absolute;z-index:-1}.form-file-label{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-700);display:inline-block;font-weight:var(--font-weight-medium);line-height:1.5;padding:var(--spacing-3) var(--spacing-4);transition:all var(--transition-base)}.form-file:hover .form-file-label{background-color:var(--color-gray-50)}.form-file-input:focus~.form-file-label{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;height:6px;padding:0;width:100%}.form-range::-webkit-slider-track{background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary);border:0;border-radius:var(--radius-full);cursor:pointer;height:20px;margin-top:-7px;-webkit-transition:all var(--transition-base);transition:all var(--transition-base);width:20px}.form-range::-webkit-slider-thumb:hover{background:var(--color-primary-dark);transform:scale(1.1)}.form-range::-moz-range-track{background:var(--color-gray-200);border-radius:var(--radius-full);height:6px;width:100%}.form-range::-moz-range-thumb{background:var(--color-primary);border:0;border-radius:var(--radius-full);cursor:pointer;height:20px;-moz-transition:all var(--transition-base);transition:all var(--transition-base);width:20px}.form-switch{align-items:center;cursor:pointer;display:inline-flex}.form-switch-input{opacity:0;pointer-events:none;position:absolute}.form-switch-label{background-color:var(--color-gray-300);border-radius:var(--radius-full);display:inline-block;height:24px;margin-right:var(--spacing-2);position:relative;transition:background-color var(--transition-base);width:48px}.form-switch-label:after{background-color:var(--color-white);border-radius:var(--radius-full);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform var(--transition-base);width:20px}.form-switch-input:checked~.form-switch-label{background-color:var(--color-primary)}.form-switch-input:checked~.form-switch-label:after{transform:translateX(24px)}.form-switch-input:focus~.form-switch-label{box-shadow:0 0 0 3px rgba(139,92,246,.1)}@media (max-width:768px){.form--inline{flex-direction:column}.form-group--horizontal{align-items:stretch;flex-direction:column}.form-row{flex-direction:column}.form-col{width:100%}.form-actions{flex-direction:column}.form-actions .dh-c-btn{width:100%}.input-group{flex-direction:column}.input-group-append,.input-group-prepend,.input-group-text{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);margin-bottom:-1px;width:100%}.input-group>.form-control,.input-group>.form-input{border-radius:var(--radius-md);width:100%}}@media (max-width:640px){.form-control,.form-input,.form-select,.form-textarea{font-size:16px}}@media print{.form-control,.form-input,.form-select,.form-textarea{background:none;border:1px solid #999}}.navbar-flex{align-items:center;display:flex;justify-content:space-between}.navbar-fixed{left:0;position:fixed;right:0;top:0;z-index:1000}.nav-flex{align-items:center;display:flex}.nav-link-padded{padding:var(--space-2,.5rem) var(--space-4,1rem)}.nav-item{list-style:none}.mobile-menu-btn,.mobile-menu-toggle,.navbar-toggle{align-items:center;background:transparent;border:none;border-radius:var(--radius-md,6px);color:var(--text-primary,var(--color-text-primary));cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.mobile-menu-btn:hover,.mobile-menu-toggle:hover,.navbar-toggle:hover{background:var(--bg-secondary,var(--color-background-hover))}.menu-bar{background:var(--text-primary,currentColor);border-radius:1px;display:block;height:2px;margin:2px 0;transition:all .3s ease;width:20px}.mobile-menu-btn.dh-state-active .menu-bar:first-child,.navbar-toggle.dh-state-active .menu-bar:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.dh-state-active .menu-bar:nth-child(2),.navbar-toggle.dh-state-active .menu-bar:nth-child(2){opacity:0}.mobile-menu-btn.dh-state-active .menu-bar:nth-child(3),.navbar-toggle.dh-state-active .menu-bar:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-toggle:hover{background:var(--color-background-hover);border-radius:8px}.mobile-menu{background:var(--color-background);box-shadow:-2px 0 8px rgba(0,0,0,.1);height:100vh;overflow-y:auto;position:fixed;right:-300px;top:0;transition:right .3s ease;width:300px;z-index:1001}.mobile-menu.dh-state-active{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.mobile-menu-title{color:var(--color-text-primary);font-size:18px;font-weight:600}.mobile-menu-close{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.mobile-menu-close:hover{background:var(--color-background-hover);border-radius:8px;color:var(--color-text-primary)}.mobile-menu-content{padding:20px}.mobile-menu-content .nav-menu{display:flex;flex-direction:column;gap:8px}.mobile-menu-content .nav-link{border-radius:8px;color:var(--color-text-primary);display:block;padding:12px 16px;text-decoration:none;transition:all .2s ease}.mobile-menu-content .nav-link:hover{background:var(--color-background-hover);color:var(--color-primary)}.mobile-menu-content .nav-link.dh-state-active{background:var(--color-primary-background);color:var(--color-primary)}.mobile-menu-overlay{background:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.mobile-menu-overlay.dh-state-active{opacity:1;visibility:visible}@media (max-width:768px){.mobile-menu-btn,.mobile-menu-toggle,.navbar-toggle{align-items:center;display:flex!important;justify-content:center}.nav-menu,.navbar-menu{display:none!important}.navbar-container{padding:0 var(--space-4,1rem)}}[data-theme=dark]{.mobile-menu{background:var(--color-background-dark);box-shadow:-2px 0 8px rgba(0,0,0,.3)}.mobile-menu-header{border-bottom-color:var(--color-border-dark)}}.mobile-menu:focus-within{outline:2px solid var(--color-primary);outline-offset:-2px}@media (max-width:400px){.mobile-menu{right:-100%;width:100%}}.result-container{animation:resultFadeIn .6s ease-out;margin:0 auto;max-width:900px;padding:0 var(--spacing-6)}.result-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-8)}.result-card-header{background:var(--result-gradient,linear-gradient(135deg,#818cf8 0,#6366f1 100%));color:var(--color-white);padding:var(--spacing-10) var(--spacing-8);position:relative;text-align:center}.result-card-header:after{background:var(--color-white);bottom:-1px;clip-path:ellipse(100% 60px at 50% 100%);content:"";height:60px;left:0;position:absolute;right:0}.result-icon{animation:bounce 1s ease-out;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:80px;margin-bottom:var(--spacing-4)}.result-type{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);text-transform:uppercase}.result-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-2)}.result-subtitle{font-size:var(--font-size-lg);font-style:italic;opacity:.9}.result-card-body{padding:var(--spacing-8);padding-top:var(--spacing-12)}.result-description{color:var(--color-gray-700);font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);margin-left:auto;margin-right:auto;max-width:600px}.result-sections{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.result-section{background-color:var(--color-gray-50);border-left:4px solid var(--section-color,var(--color-primary));border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-base)}.result-section:hover{background-color:var(--color-gray-100);box-shadow:var(--shadow-md);transform:translateX(4px)}.result-section-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.result-section-content{color:var(--color-gray-700);line-height:1.6}.result-stats{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--spacing-8)}.result-stat{background-color:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.result-stat:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.result-stat-label{color:var(--color-gray-600);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.result-items{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-bottom:var(--spacing-6)}.result-item{align-items:center;background-color:var(--item-bg,var(--color-primary-light));border-radius:var(--radius-full);color:var(--item-color,var(--color-primary-dark));display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-base)}.result-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.result-chart{background-color:var(--color-gray-50);border-radius:var(--radius-xl);margin:var(--spacing-8) 0;padding:var(--spacing-6);text-align:center}.result-progress-list{display:grid;gap:var(--spacing-4);margin:var(--spacing-6) 0}.result-progress-item{align-items:center;display:grid;gap:var(--spacing-3);grid-template-columns:120px 1fr 60px}.result-progress-label{color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:right}.result-progress-bar{background-color:var(--color-gray-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.result-progress-fill{background:var(
    --progress-gradient,linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%)
  );border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);width:var(--progress-value,0)}.result-progress-value{color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.result-advice{background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-secondary-light) 100%);border-radius:var(--radius-xl);margin:var(--spacing-8) 0;overflow:hidden;padding:var(--spacing-8);position:relative;text-align:center}.result-advice:before{background-color:var(--color-white);border-radius:var(--radius-full);content:'"✨"';font-size:40px;left:50%;padding:0 var(--spacing-4);position:absolute;top:-20px;transform:translateX(-50%)}.result-advice-text{color:var(--color-gray-800);font-size:var(--font-size-lg);font-style:italic;line-height:1.8;margin-top:var(--spacing-4)}.result-actions{border-top:1px solid var(--color-gray-200);flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-8)}.result-action-btn{border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);text-decoration:none;transition:all var(--transition-base)}.result-action-primary{background-color:var(--color-primary);color:var(--color-white)}.result-action-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-action-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.result-action-secondary:hover{background-color:var(--color-gray-300)}.result-action-kakao{background-color:#fee500;color:#3c1e1e}.result-action-kakao:hover{background-color:#fdd835;box-shadow:var(--shadow-md);transform:translateY(-2px)}.fortune-result .result-card-header{--result-gradient:linear-gradient(135deg,#818cf8,#6366f1)}.fortune-daily .result-section{--section-color:#8b5cf6}.fortune-saju .result-section{--section-color:#ec4899}.fortune-tarot .result-section{--section-color:#3b82f6}.fortune-zodiac .result-section{--section-color:#10b981}.fortune-zodiac-animal .result-section{--section-color:#f59e0b}.test-result .result-card-header{--result-gradient:linear-gradient(135deg,#f59e0b,#dc2626)}.test-teto .result-section{--section-color:#f59e0b}.test-mbti .result-section{--section-color:#3b82f6}.test-love .result-section{--section-color:#ec4899}.tool-result .result-card-header{--result-gradient:linear-gradient(135deg,#10b981,#059669)}.tool-text .result-section{--section-color:#10b981}.tool-salary .result-section{--section-color:#8b5cf6}.tool-bmi .result-section{--section-color:#3b82f6}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.result-container{padding:0 var(--spacing-4)}.result-card-header{padding:var(--spacing-8) var(--spacing-6)}.result-icon{font-size:60px}.result-title{font-size:var(--font-size-2xl)}.result-subtitle{font-size:var(--font-size-base)}.result-card-body{padding:var(--spacing-6);padding-top:var(--spacing-10)}.result-description{font-size:var(--font-size-base)}.result-stats{grid-template-columns:repeat(2,1fr)}.result-progress-item{gap:var(--spacing-2);grid-template-columns:1fr}.result-progress-label{text-align:left}.result-advice{padding:var(--spacing-6)}.result-actions{flex-direction:column}.result-action-btn{justify-content:center;width:100%}}.pwa-install-banner{background:var(--white);border-top:2px solid var(--primary);bottom:-100px;box-shadow:0 -4px 20px rgba(0,0,0,.1);left:0;position:fixed;right:0;transition:bottom .3s ease-out;z-index:1000}.pwa-install-banner.show{bottom:0}.install-content{align-items:center;display:flex;gap:var(--space-lg);margin:0 auto;max-width:800px;padding:var(--space-lg) var(--space-xl)}.install-icon{flex-shrink:0;font-size:2.5rem}.install-text{flex:1}.install-text h4{color:var(--gray-900);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-xs) 0}.install-text p{color:var(--gray-600);font-size:.875rem;margin:0}.install-actions{display:flex;flex-shrink:0;gap:var(--space-sm)}.ios-install-prompt{background:var(--gray-900);border-radius:var(--radius-lg);bottom:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);color:var(--white);left:50%;max-width:320px;padding:var(--space-lg);position:fixed;text-align:center;transform:translateX(-50%);width:calc(100% - 40px);z-index:1001}.ios-prompt-content{position:relative}.ios-prompt-close{align-items:center;background:var(--gray-700);border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.25rem;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease;width:28px}.ios-prompt-close:hover{background:var(--gray-600)}.ios-install-prompt h4{font-size:1.125rem;font-weight:600;margin:0 0 var(--space-sm) 0}.ios-install-prompt p{font-size:.875rem;line-height:1.5;margin:0 0 var(--space-sm) 0}.ios-share-icon{background:var(--primary);border-radius:4px;color:var(--white);display:inline-block;font-weight:700;padding:2px 6px}.ios-arrow{animation:bounce 2s infinite;font-size:2rem}.pwa-update-notification{animation:slideInRight .3s ease-out;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:320px;padding:var(--space-md);position:fixed;right:20px;top:80px;z-index:1000}.update-content{align-items:center;display:flex;gap:var(--space-md)}.update-content p{color:var(--gray-700);flex:1;font-size:.875rem;margin:0}.pwa-install-success{animation:zoomIn .3s ease-out;background:var(--white);border-radius:var(--radius-xl);box-shadow:0 10px 40px rgba(0,0,0,.2);left:50%;padding:var(--space-xl);position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1002}.success-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.success-icon{align-items:center;background:var(--green-100);border-radius:50%;color:var(--green-600);display:inline-flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;width:60px}.pwa-install-success p{color:var(--gray-700);font-size:1rem;margin:0}.pwa-install-success.fade-out{opacity:0;transform:translate(-50%,-50%) scale(.9);transition:all .3s ease-out}#network-status{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-md);pointer-events:none;position:fixed;right:20px;top:70px;transition:all .3s ease;z-index:999}.network-online{opacity:0;transform:translateX(100px)}.network-offline{background:var(--red-100);border:1px solid var(--red-300);color:var(--red-700);opacity:1;transform:translateX(0)}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.btn-sm{font-size:.875rem;min-width:auto;padding:var(--space-xs) var(--space-md)}@media (max-width:640px){.install-content{flex-wrap:wrap;padding:var(--space-md);text-align:center}.install-icon{margin-bottom:var(--space-sm);width:100%}.install-text{margin-bottom:var(--space-md);width:100%}.install-actions{justify-content:center;width:100%}.pwa-update-notification{left:10px;max-width:none;right:10px}#network-status{right:10px;top:60px}}@media (prefers-color-scheme:dark){.pwa-install-banner{background:var(--gray-800);border-top-color:var(--primary-dark)}.install-text h4{color:var(--gray-100)}.install-text p{color:var(--gray-400)}.pwa-update-notification{background:var(--gray-800);border-color:var(--gray-700)}.update-content p{color:var(--gray-300)}.pwa-install-success{background:var(--gray-800)}.pwa-install-success p{color:var(--gray-300)}}:root{--green-100:#dcfce7;--green-600:#16a34a;--red-100:#fee2e2;--red-300:#fca5a5;--red-700:#dc2626;--primary-dark:#4f46e5;--radius-full:9999px}.pwa-install-section{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e0f2fe;border-top:1px solid #e0f2fe;margin:2rem 0;padding:1.5rem 0}.pwa-install-card{align-items:center;background:#fff;border:1px solid #e0f2fe;border-radius:16px;box-shadow:0 4px 20px rgba(59,130,246,.1);display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem;position:relative}.pwa-install-content{align-items:center;display:flex;flex:1;gap:1rem}.pwa-install-icon{flex-shrink:0;font-size:2.5rem}.pwa-install-text h3{color:#1e40af;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.pwa-install-text p{color:#64748b;font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.pwa-benefits{color:#10b981;display:flex;font-size:.85rem;font-weight:500;gap:1rem;list-style:none;margin:0;padding:0}.pwa-benefits li{align-items:center;display:flex;gap:.25rem}.pwa-install-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.pwa-install-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.pwa-install-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.pwa-install-button:not(:disabled):hover{box-shadow:0 6px 20px rgba(59,130,246,.3);transform:translateY(-1px)}.pwa-close-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.pwa-close-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}@media (max-width:768px){.pwa-install-card{padding:1.25rem}.pwa-install-card,.pwa-install-content{flex-direction:column;text-align:center}.pwa-benefits{flex-wrap:wrap;justify-content:center}.pwa-install-actions{justify-content:center;width:100%}.pwa-install-button{flex:1;justify-content:center}}@media (max-width:480px){.pwa-install-section{margin:1rem 0;padding:1rem 0}.pwa-benefits{align-items:center;flex-direction:column;gap:.5rem}.pwa-install-text h3{font-size:1.1rem}.pwa-install-text p{font-size:.85rem}}.pwa-install-card{animation:cardAppear .4s ease-out}@keyframes cardAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pwa-install-button.ready{background:#10b981;color:#fff}.pwa-install-button.ready:hover:not(:disabled){background:#059669;box-shadow:0 6px 20px rgba(16,185,129,.3)}.pwa-install-button.installed{background:#6b7280;color:#fff}@media (prefers-color-scheme:dark){.pwa-install-section{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569}.pwa-install-card{background:#1e293b;border-color:#475569;box-shadow:0 4px 20px rgba(0,0,0,.3)}.pwa-install-text h3{color:#60a5fa}.pwa-install-text p{color:#94a3b8}.pwa-close-button{background:#334155;border-color:#475569;color:#94a3b8}.pwa-close-button:hover{background:#475569;border-color:#64748b;color:#cbd5e1}}@media (prefers-contrast:high){.pwa-install-card{border:2px solid #000}.pwa-install-button{border:2px solid}}@media (prefers-reduced-motion:reduce){.pwa-close-button,.pwa-install-button,.pwa-install-card,.pwa-install-section{animation:none;transition:none}}.test-result-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-2xl)}.test-progress{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.test-progress-bar{background:var(--color-background-secondary);flex:1;height:8px}.test-progress-fill{background:var(--color-primary);transition:width .3s ease}.test-question-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-xl)}.test-question-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg)}.test-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.test-option{background:var(--color-background-secondary);border:2px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s ease}.test-option:hover{background:var(--color-background-hover);border-color:var(--color-primary)}.test-option.selected{background:var(--color-primary-background)}.test-navigation{align-items:center;border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.test-result-type{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);text-align:center}.test-result-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7;margin-bottom:var(--spacing-2xl);text-align:center}.test-stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:var(--spacing-2xl) 0}.test-stat-item{background:var(--color-background-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.test-stat-value{color:var(--color-primary);display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.test-stat-label{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}@media (max-width:768px){.test-question-card,.test-result-card{padding:var(--spacing-lg)}.test-navigation{flex-direction:column;gap:var(--spacing-md)}.test-navigation button{width:100%}}.test-result-container{animation:fadeIn .5s ease-out;padding:40px 20px}.test-result-card{background:var(--white);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px;text-align:center}.test-result-type{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:10px}.test-result-title{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:20px}.test-result-description{color:var(--gray-700);font-size:1.1rem;line-height:1.8;margin-bottom:30px}.test-traits{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.test-trait-item{background:var(--primary-light);border-radius:20px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:8px 16px}.test-analysis-card{background:var(--gray-50);border-radius:15px;margin:20px 0;padding:30px;text-align:left}.test-analysis-card h4{align-items:center;color:var(--gray-800);display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin-bottom:15px}.test-share-section{margin-top:40px}.test-share-buttons{gap:15px;margin:20px 0}.test-share-btn{border-radius:25px;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.test-share-btn-kakao{background:#fee500;color:#000}.test-share-btn-kakao:hover{background:#fdd835}.test-share-btn-copy{background:var(--gray-200);color:var(--gray-700)}.test-share-btn-copy:hover{background:var(--gray-300);transform:translateY(-2px)}.test-action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px}.test-btn{border-radius:25px;display:inline-block;font-size:1rem;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .3s ease}.test-btn-primary{background:var(--primary-color);color:#fff}.test-btn-primary:hover{background:var(--primary-dark)}.test-btn-secondary{background:var(--gray-200);color:var(--gray-700)}.test-btn-secondary:hover{background:var(--gray-300);transform:translateY(-2px)}@media (max-width:768px){.test-result-container{padding:20px 15px}.test-result-card{padding:30px 20px}.test-result-type{font-size:1.5rem}.test-result-title{font-size:1.2rem}.test-action-buttons,.test-share-buttons{flex-direction:column;width:100%}.test-btn,.test-share-btn{justify-content:center;width:100%}}.test-wrapper{background-color:var(--color-gray-50);min-height:100vh;padding-top:var(--spacing-16);position:relative}.test-container{margin:0 auto;max-width:800px;padding:0 var(--spacing-6)}.test-header{margin-bottom:var(--spacing-10);text-align:center}.test-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.test-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.6}.test-progress-container{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-6)}.test-progress-info{color:var(--color-gray-600);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:var(--spacing-3)}.test-progress-bar{background-color:var(--color-gray-200);height:12px;overflow:hidden}.test-progress-bar,.test-progress-fill{border-radius:var(--radius-full);position:relative}.test-progress-fill{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-dark) 100%);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);width:var(--progress-width,0)}.test-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.test-question-card{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-8)}.test-question-number{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3);text-transform:uppercase}.test-question-text{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:1.6;margin-bottom:var(--spacing-6)}.test-options{display:grid;gap:var(--spacing-4)}.test-option{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;padding:var(--spacing-4) var(--spacing-6);text-align:left;transition:all var(--transition-base);width:100%}.test-option:hover{background-color:var(--color-primary-light);background-color:rgba(139,92,246,.05);border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-option.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-medium)}.test-navigation{display:flex;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-8)}.test-btn{border:none;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-base)}.test-btn-primary{background-color:var(--color-primary);color:var(--color-white)}.test-btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.test-btn-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.test-btn-secondary:hover{background-color:var(--color-gray-300)}.test-intro-section{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin:0 auto;max-width:600px;padding:var(--spacing-12);text-align:center}.test-intro-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.test-intro-text{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-8)}.test-start-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-white);cursor:pointer;display:inline-flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);transition:all var(--transition-base)}.test-start-button:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.test-result-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:800px}.test-hidden{display:none!important}.test-share-section{background-color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-top:var(--spacing-8);padding:var(--spacing-8);text-align:center}.test-share-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-6)}.test-share-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-bottom:var(--spacing-6)}.test-share-btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-base)}.test-share-btn-kakao{background-color:#fee500;color:#3c1e1e}.test-share-btn-kakao:hover{background-color:#fdd835;transform:translateY(-2px)}.test-share-btn-copy{background-color:var(--color-gray-200);color:var(--color-gray-700)}.test-share-btn-copy:hover{background-color:var(--color-gray-300)}.notification{animation:slideInRight .3s ease;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-4) var(--spacing-6);position:fixed;right:20px;top:20px;z-index:9999}.notification-success{background-color:var(--color-success);color:var(--color-white)}.notification-error{background-color:var(--color-danger);color:var(--color-white)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.test-wrapper{padding-top:var(--spacing-8)}.test-container{padding:0 var(--spacing-4)}.test-title{font-size:var(--font-size-2xl)}.test-subtitle{font-size:var(--font-size-base)}.test-progress-container{padding:var(--spacing-4)}.test-question-card{padding:var(--spacing-6)}.test-question-text{font-size:var(--font-size-lg)}.test-option{font-size:var(--font-size-sm);padding:var(--spacing-3) var(--spacing-4)}.test-navigation{flex-direction:column-reverse}.test-btn{width:100%}.test-intro-section{padding:var(--spacing-8)}.test-intro-title{font-size:var(--font-size-2xl)}.test-intro-text{font-size:var(--font-size-base)}.test-share-buttons{flex-direction:column}.test-share-btn{width:100%}}.page-header{background:linear-gradient(135deg,#818cf8,#6366f1);color:var(--color-white);overflow:hidden;padding:var(--spacing-16) 0;position:relative}.page-header:before{background:url(/images/pattern.svg) 50%/cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.page-subtitle,.page-title{position:relative;z-index:1}.page-subtitle{font-size:var(--font-size-lg);opacity:.9}.dh-f-section,.fortune-section{background-color:var(--color-gray-50);min-height:500px;padding:var(--spacing-16) 0}.dh-f-form-container,.fortune-form-container{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:var(--spacing-10)}.fortune-form-container h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.dh-f-result-container,.fortune-result-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:800px}.dh-u-loading{color:var(--color-gray-600);font-size:var(--font-size-lg);padding:var(--spacing-16)}.dh-u-loading:before{animation:spin 1s linear infinite;border:3px solid var(--color-gray-300);border-radius:var(--radius-full);border-top-color:var(--color-primary);content:"";display:inline-block;height:24px;margin-right:var(--spacing-3);vertical-align:middle;width:24px}.error{background-color:rgba(239,68,68,.1);border-radius:var(--radius-lg);color:var(--color-danger);margin:var(--spacing-4) 0;padding:var(--spacing-8);text-align:center}.d-none-init{display:none}.ad-label{background-color:var(--color-gray-50);z-index:1}.ad-container-min{min-height:90px;position:relative}.ad-placeholder{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-500);font-size:var(--font-size-sm);min-height:90px}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-8)}.legacy-btn-retry,.legacy-btn-share{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-base)}.legacy-btn-share{background-color:#fee500;color:#3c1e1e}.legacy-btn-share:hover{background-color:#fdd835;box-shadow:var(--shadow-md);transform:translateY(-2px)}.legacy-btn-retry{background-color:var(--color-gray-200);color:var(--color-gray-700)}.legacy-btn-retry:hover{background-color:var(--color-gray-300);transform:translateY(-2px)}@media (max-width:768px){.page-header{padding:var(--spacing-12) 0}.page-title{font-size:var(--font-size-3xl)}.page-subtitle{font-size:var(--font-size-base)}.fortune-section{padding:var(--spacing-8) 0}.fortune-form-container{margin:0 var(--spacing-4);padding:var(--spacing-6)}.fortune-form-container h2{font-size:var(--font-size-xl)}.action-buttons{align-items:stretch;flex-direction:column}.legacy-btn-retry,.legacy-btn-share{justify-content:center;width:100%}}.fortune-result-card{background:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-8);overflow:hidden;padding:var(--spacing-10);position:relative}.fortune-result-card:before{background:linear-gradient(90deg,#818cf8,#6366f1 50%,#a855f7);content:"";height:4px;left:0;position:absolute;right:0;top:0}.fortune-result-card h3{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-8);text-align:center}.fortune-content{display:grid;gap:var(--spacing-6)}.fortune-section{background-color:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-base)}.fortune-section:hover{background-color:var(--color-gray-100);transform:translateX(4px)}.fortune-section h4{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.fortune-section p{color:var(--color-gray-700);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.fortune-section:first-child{border-left-color:#8b5cf6}.fortune-section:nth-child(2){border-left-color:#ec4899}.fortune-section:nth-child(3){border-left-color:#10b981}.fortune-section:nth-child(4){border-left-color:#3b82f6}.fortune-section:nth-child(5){border-left-color:#f59e0b}.lucky-items{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:var(--spacing-4)}.lucky-item{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4);text-align:center;transition:all var(--transition-base)}.lucky-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lucky-item-icon{font-size:2rem;margin-bottom:var(--spacing-2)}.lucky-item-label{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.lucky-item-value{color:var(--color-gray-900);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.saju-pillars{background-color:var(--color-gray-50);border-radius:var(--radius-xl);gap:var(--spacing-4);margin-top:var(--spacing-6);padding:var(--spacing-6)}.saju-pillar{text-align:center}.saju-pillar-label{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.saju-pillar-value{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--spacing-3)}.fortune-score{justify-content:center;margin:var(--spacing-8) 0}.score-circle{align-items:center;background:conic-gradient(var(--color-primary) var(--score-percentage,0),var(--color-gray-200) var(--score-percentage,0) 100%);border-radius:var(--radius-full);display:flex;height:120px;justify-content:center;position:relative;width:120px}.score-circle:before{background-color:var(--color-white);border-radius:var(--radius-full);content:"";height:100px;position:absolute;width:100px}.score-value{color:var(--color-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);position:relative}.advice-box{background:linear-gradient(135deg,#f5f3ff,#e9e3ff);border-radius:var(--radius-xl);margin-top:var(--spacing-8);padding:var(--spacing-8);position:relative;text-align:center}.advice-box:before{background-color:var(--color-white);content:'"✨"';font-size:2rem;left:50%;padding:0 var(--spacing-4);position:absolute;top:-20px;transform:translateX(-50%)}.advice-text{color:var(--color-gray-800);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed)}@media (max-width:768px){.fortune-result-card{margin:0 var(--spacing-4);padding:var(--spacing-6)}.fortune-result-card h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.fortune-content{gap:var(--spacing-4)}.fortune-section{padding:var(--spacing-4)}.fortune-section h4{font-size:var(--font-size-base)}.fortune-section p{font-size:var(--font-size-sm)}.saju-pillars{gap:var(--spacing-3);padding:var(--spacing-4)}.lucky-items,.saju-pillars{grid-template-columns:repeat(2,1fr)}.advice-box{padding:var(--spacing-6)}.advice-text{font-size:var(--font-size-base)}}.tool-page{background:var(--gray-50);min-height:100vh}.tool-section{margin:0 auto;max-width:800px;padding:40px 20px}.page-header{margin-bottom:40px}.page-title{color:var(--gray-800);margin-bottom:10px}.page-subtitle{color:var(--gray-600);font-size:1.1rem;line-height:1.6}.tool-form{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.form-group{margin-bottom:25px}.form-control{background:#fff;border:2px solid var(--gray-200);border-radius:10px;font-size:1rem;transition:all .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.input-wrapper{align-items:center;display:flex}.input-wrapper input{padding-right:60px}.calculate-btn{background:var(--primary-color);border-radius:12px;font-size:1.1rem;margin-top:20px;padding:16px 32px}.calculate-btn:hover{background:var(--primary-dark);box-shadow:0 5px 15px rgba(var(--primary-rgb),.3)}.result-container{border-radius:20px;margin-bottom:30px;opacity:0;padding:40px;transform:translateY(20px);transition:all .5s ease}.result-container.show{opacity:1;transform:translateY(0)}.result-value .label{font-size:.9rem;margin-bottom:8px}.result-value .value{font-size:2.5rem;font-weight:700}.result-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.result-action-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.result-action-primary{background:var(--primary-color);color:#fff}.result-action-secondary{background:var(--gray-200);color:var(--gray-700)}.result-action-btn:hover{transform:translateY(-2px)}.info-box{background:var(--info-light);border-left:4px solid var(--info-color);border-radius:8px;margin:20px 0;padding:20px}.info-box h3{color:var(--info-dark);font-weight:600;margin-bottom:10px}.info-box p{color:var(--gray-700)}.guide-title{font-size:1.5rem;font-weight:600;margin-bottom:20px}.guide-list li{line-height:1.6;padding:12px 0 12px 30px}.bmi-calculator-toast,.salary-calculator-toast,.text-counter-toast,.tool-toast{backdrop-filter:blur(10px);background:var(--gray-800);border-radius:8px;bottom:30px;box-shadow:0 10px 25px rgba(0,0,0,.2);color:#fff;font-size:1rem;font-weight:500;left:50%;max-width:90vw;opacity:0;padding:16px 24px;position:fixed;text-align:center;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.4,0,.2,1);word-break:keep-all;z-index:1000}.bmi-calculator-toast.show,.salary-calculator-toast.show,.text-counter-toast.show,.tool-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.tool-toast.success{background:var(--success-color)}.tool-toast.error{background:var(--danger-color)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;display:inline-block;height:20px;width:20px}@media (hover:none) and (pointer:coarse){.calculate-btn,.control-btn,.result-action-btn{min-height:44px;min-width:44px}.calculate-btn:active,.control-btn:active,.result-action-btn:active{transform:scale(.95);transition:transform .1s ease}.form-control{font-size:16px;padding:16px}.setting-checkbox{height:20px;margin-right:12px;width:20px}}@media (max-width:768px){.tool-section{padding:20px 15px}.page-title{font-size:2rem}.guide-section,.result-container,.tool-form{border-radius:15px;padding:30px 20px}.calculate-btn{font-size:1.1rem;min-height:56px;padding:18px 24px}.result-value .value{font-size:2rem}.result-actions{flex-direction:column;gap:12px;width:100%}.result-action-btn{justify-content:center;min-height:50px;padding:16px 24px;width:100%}.text-input{font-size:16px;line-height:1.6;min-height:200px}.text-counter-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.control-btn{flex:1;min-height:48px;min-width:120px;padding:14px 16px}.results-grid{gap:15px;grid-template-columns:1fr 1fr}.result-card{min-height:90px;padding:20px 16px}}@media (max-width:480px){.tool-section{padding:15px 10px}.page-title{font-size:1.8rem}.guide-section,.result-container,.tool-form{margin-bottom:20px;padding:25px 15px}.results-grid{gap:12px;grid-template-columns:1fr}.text-counter-controls{flex-direction:column}.control-btn{min-width:100%}.form-row{flex-direction:column}.form-row .form-group{width:100%}}.bmi-calculator-wrapper{margin:0 auto;max-width:600px}.bmi-form,.bmi-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.bmi-result{animation:slideIn .5s ease-out}.bmi-result h2{color:var(--gray-800);font-size:1.8rem;font-weight:700;margin-bottom:30px;text-align:center}.result-value{margin:20px 0;text-align:center}.result-value .label{color:var(--gray-600);display:block;font-size:1rem;margin-bottom:10px}.result-value .value{color:var(--primary-color);font-size:3rem;font-weight:800}.result-status{margin:30px 0;text-align:center}.result-status .label{color:var(--gray-600);display:block;font-size:1rem;margin-bottom:10px}.result-status .status{border-radius:30px;display:inline-block;font-size:2rem;font-weight:700;padding:10px 30px}.status.underweight{background:rgba(52,152,219,.1);color:#3498db}.status.normal{background:rgba(46,204,113,.1);color:#2ecc71}.status.overweight{background:rgba(243,156,18,.1);color:#f39c12}.status.obese1{background:rgba(231,76,60,.1);color:#e74c3c}.status.obese2{background:rgba(192,57,43,.1);color:#c0392b}.status.obese3{background:rgba(142,68,173,.1);color:#8e44ad}.result-description{background:var(--gray-50);border-radius:12px;color:var(--gray-700);font-size:1.1rem;line-height:1.8;margin:20px 0;padding:20px;text-align:center}.additional-info{background:var(--gray-50);border-radius:15px;margin:30px 0;padding:30px}.additional-info h3{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.info-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#fff;border-radius:10px;padding:15px;text-align:center}.info-label{color:var(--gray-600);display:block;font-size:.9rem;margin-bottom:5px}.info-value{color:var(--gray-800);font-size:1.2rem;font-weight:600}.health-advice{background:var(--info-light);border-left:4px solid var(--info-color);border-radius:8px;margin:30px 0;padding:30px}.health-advice h3{color:var(--info-dark);font-size:1.3rem;font-weight:600;margin-bottom:20px}.advice-list{list-style:none;padding:0}.advice-list li{color:var(--gray-700);line-height:1.6;padding:10px 0 10px 25px;position:relative}.advice-list li:before{content:"💡";left:0;position:absolute}.bmi-chart-container{margin:30px 0;padding:20px}.bmi-chart{height:60px;margin:20px 0;position:relative}.bmi-chart-bar{border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;height:40px}.bmi-range{height:100%;transition:all .3s ease}.bmi-marker{position:absolute;top:-10px;transform:translateX(-50%);transition:left .5s ease}.bmi-marker-value{background:var(--gray-800);border-radius:5px;color:#fff;font-size:.9rem;font-weight:600;padding:5px 10px;position:relative}.bmi-marker-value:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--gray-800);bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.bmi-reference{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:30px 0;padding:40px}.bmi-reference h3{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:20px;text-align:center}.bmi-table{margin:20px 0}.bmi-table thead{background:var(--gray-50)}.bmi-table th{border-bottom:2px solid var(--gray-200);color:var(--gray-700);font-weight:600;padding:15px;text-align:left}.bmi-table td{border-bottom:1px solid var(--gray-200);padding:15px}.bmi-table tbody tr{cursor:pointer;transition:all .3s ease}.bmi-table tbody tr:hover{background:var(--gray-50)}.bmi-table tbody tr.highlight{background:var(--primary-light);transform:scale(1.02)}.bmi-table tr.underweight td:first-child{border-left:4px solid #3498db}.bmi-table tr.normal td:first-child{border-left:4px solid #2ecc71}.bmi-table tr.overweight td:first-child{border-left:4px solid #f39c12}.bmi-table tr.obese1 td:first-child{border-left:4px solid #e74c3c}.bmi-table tr.obese2 td:first-child{border-left:4px solid #c0392b}.bmi-table tr.obese3 td:first-child{border-left:4px solid #8e44ad}.bmi-info-section{background:#fff;border-radius:20px;margin:30px 0;padding:40px}.bmi-info-section h3{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin:30px 0 15px}.bmi-info-section h3:first-child{margin-top:0}.bmi-info-section p{color:var(--gray-700);line-height:1.8;margin-bottom:15px}.bmi-info-section ul{list-style:none;padding:0}.bmi-info-section li{color:var(--gray-700);line-height:1.6;padding:10px 0 10px 25px;position:relative}.bmi-info-section li:before{color:var(--primary-color);content:"•";font-weight:700;left:10px;position:absolute}.bmi-calculator-toast{background:var(--gray-800);border-radius:8px;bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-size:1rem;left:50%;opacity:0;padding:16px 24px;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s ease;z-index:1000}.bmi-calculator-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:768px){.bmi-form,.bmi-info-section,.bmi-reference,.bmi-result{padding:30px 20px}.result-value .value{font-size:2.5rem}.result-status .status{font-size:1.5rem;padding:8px 20px}.info-grid{gap:15px;grid-template-columns:1fr}.bmi-table{font-size:.9rem}.bmi-table td,.bmi-table th{padding:10px}.bmi-chart{height:50px}.bmi-chart-bar{height:30px}}@media (max-width:480px){.bmi-calculator-wrapper{padding:0 10px}.page-title,.result-value .value{font-size:2rem}.bmi-info-section h3{font-size:1.1rem}}.salary-form{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.input-group{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.radio-group{display:flex;gap:20px;margin-top:10px}.radio-label{align-items:center;border:2px solid var(--gray-200);border-radius:10px;cursor:pointer;display:flex;padding:10px 20px;transition:all .3s ease}.radio-label:hover{border-color:var(--primary-color)}.radio-label input[type=radio]{margin-right:8px}.radio-label input[type=radio]:checked+span{color:var(--primary-color);font-weight:600}.radio-label:has(input:checked){background:var(--primary-light);border-color:var(--primary-color)}.salary-input{font-size:1.1rem;font-weight:600;text-align:right}.salary-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;opacity:0;padding:40px;transform:translateY(20px);transition:all .5s ease}.salary-result.show{opacity:1;transform:translateY(0)}.summary-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.summary-title{font-size:1.2rem;margin-bottom:10px;opacity:.9}.summary-amount{font-size:3rem;font-weight:800;margin-bottom:20px}.summary-period{border-top:1px solid hsla(0,0%,100%,.3);display:flex;gap:30px;justify-content:center;padding-top:20px}.period-item{text-align:center}.period-label{display:block;font-size:.9rem;margin-bottom:5px;opacity:.8}.period-value{font-size:1.3rem;font-weight:600}.detail-section{margin-top:30px}.detail-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.deduction-table{background:var(--gray-50);border-radius:15px;margin-bottom:20px;overflow:hidden;width:100%}.deduction-header{background:var(--gray-100);color:var(--gray-700);display:flex;font-weight:600;justify-content:space-between;padding:15px 20px}.deduction-item{border-bottom:1px solid var(--gray-200);padding:15px 20px;transition:all .3s ease}.deduction-item:last-child{border-bottom:none}.deduction-item:hover{background:#fff}.deduction-name{align-items:center;color:var(--gray-700);display:flex;font-weight:500;gap:10px}.deduction-rate{color:var(--gray-500);font-size:.85rem;margin-left:5px}.deduction-amount{color:var(--danger-color);font-weight:600}.net-salary{background:var(--success-light);border:2px solid var(--success-color);border-radius:15px;margin-top:20px;padding:25px;text-align:center}.net-salary-label{color:var(--success-dark);font-size:1.1rem;margin-bottom:10px}.net-salary-amount{color:var(--success-color);font-size:2.5rem;font-weight:800}.chart-container{background:#fff;border-radius:15px;margin-top:20px;padding:20px}.chart-title{font-size:1.1rem;margin-bottom:20px}.pie-chart{height:200px;margin:0 auto;position:relative;width:200px}.pie-slice{border-radius:50%;height:100%;position:absolute;width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:3px;height:16px;width:16px}.legend-label{color:var(--gray-700);font-size:.9rem}.tax-info{background:var(--info-light);border-left:4px solid var(--info-color);border-radius:8px;margin-top:30px;padding:20px}.tax-info h4{color:var(--info-dark);font-size:1.1rem;font-weight:600;margin-bottom:10px}.tax-info p{color:var(--gray-700);line-height:1.6;margin-bottom:10px}.tax-info ul{list-style:none;padding:0}.tax-info li{color:var(--gray-700);padding:5px 0 5px 20px;position:relative}.tax-info li:before{content:"ℹ️";left:0;position:absolute}.comparison-mode{background:#fff;border-radius:20px;margin-top:30px;padding:30px}.comparison-toggle{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.comparison-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.comparison-card{background:var(--gray-50);border-radius:12px;padding:20px;text-align:center}.comparison-title{color:var(--gray-700);font-size:1.1rem;font-weight:600;margin-bottom:15px}.comparison-value{color:var(--primary-color);font-size:1.8rem;font-weight:700}.salary-toast{background:var(--gray-800);border-radius:8px;bottom:30px;color:#fff;font-size:1rem;left:50%;opacity:0;padding:16px 24px;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s ease;z-index:1000}.salary-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.summary-amount{animation:countUp .5s ease-out}@media (max-width:768px){.salary-form,.salary-result{padding:30px 20px}.input-group{grid-template-columns:1fr}.radio-group{flex-direction:column}.radio-label{justify-content:center;width:100%}.summary-amount{font-size:2.5rem}.summary-period{flex-direction:column;gap:15px}.deduction-table{font-size:.9rem}.net-salary-amount{font-size:2rem}.comparison-grid{grid-template-columns:1fr}}@media (max-width:480px){.salary-calculator-container{padding:0 10px}.summary-card{padding:20px}.summary-amount{font-size:2rem}.deduction-item{padding:12px 15px}.deduction-name{font-size:.9rem}.chart-legend{align-items:center;flex-direction:column;gap:10px}}.text-counter-container{margin:0 auto;max-width:900px}.text-input-section{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.text-input{border-radius:12px;font-family:Noto Sans KR,sans-serif;font-size:1rem;line-height:1.6;min-height:300px}.text-input:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.counter-display{align-items:center;background:var(--gray-50);border-radius:10px;display:flex;justify-content:space-between;margin-top:15px;padding:15px 20px}.counter-item{text-align:center}.counter-label{color:var(--gray-600);display:block;font-size:.85rem;margin-bottom:5px}.counter-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.stats-section{border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;opacity:0;padding:40px;transform:translateY(20px);transition:all .5s ease}.stats-section.show{opacity:1;transform:translateY(0)}.stats-title{color:var(--gray-800);font-size:1.5rem;font-weight:600;margin-bottom:30px;text-align:center}.stats-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:var(--gray-50);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-value{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:var(--gray-600);font-size:.9rem}.word-frequency{background:var(--gray-50);border-radius:15px;margin-top:40px;padding:30px}.word-frequency h3{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:20px}.word-list{display:flex;flex-wrap:wrap;gap:10px}.word-tag{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:20px;display:inline-flex;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.word-tag:hover{background:var(--primary-light);border-color:var(--primary-color)}.word-text{color:var(--gray-700);margin-right:8px}.word-count{background:var(--primary-color);border-radius:10px;color:#fff;font-size:.8rem;font-weight:600;padding:2px 8px}.language-detection{align-items:center;background:var(--info-light);border-left:4px solid var(--info-color);border-radius:8px;display:flex;gap:15px;margin-top:20px;padding:15px 20px}.language-icon{font-size:1.5rem}.language-info{flex:1}.language-label{color:var(--gray-600);font-size:.9rem}.language-value{color:var(--info-dark);font-size:1.1rem;font-weight:600}.tool-buttons{gap:15px;margin-top:20px}.tool-btn{border-radius:10px;display:inline-flex;flex:1;font-size:1rem;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.tool-btn-primary{background:var(--primary-color);color:#fff}.tool-btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.tool-btn-secondary{background:var(--gray-200);color:var(--gray-700)}.tool-btn-secondary:hover{background:var(--gray-300)}.settings-panel{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:none;margin-bottom:30px;padding:30px}.settings-panel.show{animation:slideDown .3s ease-out;display:block}.settings-title{font-size:1.2rem}.setting-item{border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:15px 0}.setting-item:last-child{border-bottom:none}.setting-label{font-size:1rem}.toggle-switch{height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--gray-300);border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.guide-section{border-radius:20px;margin-bottom:30px}.guide-content{display:grid;gap:20px}.guide-item{background:var(--gray-50);border-radius:12px;display:flex;gap:15px;padding:20px}.guide-icon{color:var(--primary-color);font-size:2rem}.guide-text h4{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:5px}.guide-text p{color:var(--gray-600);font-size:.95rem;line-height:1.6}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.guide-section,.stats-section,.text-input-section{padding:30px 20px}.text-input{font-size:.95rem;min-height:200px}.counter-display{flex-wrap:wrap;gap:10px}.counter-item{flex:1 0 45%}.stats-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.tool-buttons{flex-direction:column}.word-frequency{padding:20px}}@media (max-width:480px){.text-counter-container{padding:0 10px}.counter-value{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.guide-item{flex-direction:column;text-align:center}}.mbti-test-container{max-width:700px}.test-start-screen{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:60px 40px;text-align:center}.test-intro-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:30px}.test-intro-title{font-size:2rem;font-weight:700;margin-bottom:20px}.test-intro-description{color:var(--gray-600);font-size:1.1rem;line-height:1.8;margin-bottom:30px}.start-test-btn{background:var(--primary-color);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:16px 40px;transition:all .3s ease}.start-test-btn:hover{background:var(--primary-dark);box-shadow:0 10px 25px rgba(var(--primary-rgb),.3);transform:translateY(-2px) scale(1.05)}.question-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;min-height:400px;padding:40px}.progress-section,.question-card{margin-bottom:30px}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-text{color:var(--gray-600);font-size:.9rem}.progress-bar{background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;height:100%;transition:width .5s ease}.question-section{display:flex;flex:1;flex-direction:column;justify-content:center}.question-number{color:var(--primary-color);font-size:.9rem;font-weight:600;margin-bottom:15px}.question-text{font-size:1.4rem;margin-bottom:40px}.answer-options{display:flex;flex-direction:column;gap:15px}.answer-option{background:var(--gray-50);border:2px solid transparent;border-radius:15px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.answer-option:before{background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.answer-option:hover{border-color:var(--primary-light);transform:translateX(5px)}.answer-option:hover:before{left:100%}.answer-option.selected{background:var(--primary-light);border-color:var(--primary-color)}.option-text{color:var(--gray-700);font-size:1.1rem;line-height:1.5}.mbti-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.result-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));position:relative}.mbti-type{font-size:4rem;font-weight:800;letter-spacing:.1em;margin-bottom:15px;text-shadow:0 3px 10px rgba(0,0,0,.2)}.mbti-title{font-size:1.8rem;font-weight:600;opacity:.95}.personality-summary{border-bottom:1px solid var(--gray-200);padding:40px;text-align:center}.summary-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:20px}.summary-description{color:var(--gray-700);font-size:1.1rem;line-height:1.8}.cognitive-functions{background:var(--gray-50);padding:40px}.functions-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.function-list{display:grid;gap:15px}.function-item{background:#fff;border-radius:12px;gap:20px;padding:20px}.function-item,.function-rank{align-items:center;display:flex}.function-rank{background:var(--primary-color);border-radius:50%;color:#fff;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.function-content{flex:1}.function-name{color:var(--gray-800);font-weight:600;margin-bottom:5px}.function-description{color:var(--gray-600);font-size:.9rem;line-height:1.5}.traits-chart{padding:40px}.chart-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:30px;text-align:center}.trait-bars{display:grid;gap:25px}.trait-item{align-items:center;display:grid;gap:20px;grid-template-columns:100px 1fr 100px}.trait-left,.trait-right{font-size:.9rem;font-weight:500}.trait-left{text-align:right}.trait-left,.trait-right{color:var(--gray-600)}.trait-bar-container{background:var(--gray-200);border-radius:10px;height:20px;overflow:hidden;position:relative}.trait-bar-fill{background:var(--primary-color);height:100%;left:50%;position:absolute;top:0;transition:all 1s ease}.trait-bar-fill.left{border-radius:10px 0 0 10px;left:auto;right:50%}.trait-bar-fill.right{border-radius:0 10px 10px 0}.trait-percentage{color:#fff;font-size:.8rem;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.celebrities-section{background:var(--gray-50);padding:40px}.celebrities-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.celebrities-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.celebrity-card{background:#fff;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.celebrity-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.celebrity-avatar{align-items:center;background:var(--primary-light);border-radius:50%;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.celebrity-name{color:var(--gray-800);font-weight:600;margin-bottom:5px}.celebrity-field{color:var(--gray-600);font-size:.85rem}@media (max-width:768px){.mbti-test-container{padding:0 15px}.test-start-screen{padding:40px 30px}.test-intro-icon{font-size:4rem}.test-intro-title{font-size:1.5rem}.question-card{min-height:350px;padding:30px 20px}.question-text{font-size:1.2rem}.mbti-type{font-size:3rem}.mbti-title{font-size:1.4rem}.trait-item{gap:10px;grid-template-columns:80px 1fr 80px}.trait-left,.trait-right{font-size:.8rem}.celebrities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.answer-option{padding:15px}.option-text{font-size:1rem}.celebrities-section,.cognitive-functions,.personality-summary,.result-header,.traits-chart{padding:30px 20px}}.love-dna-container{margin:0 auto;max-width:700px}.dna-start-screen{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.dna-start-screen:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,hsla(0,100%,71%,.1) 10%,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{to{transform:rotate(1turn)}}.dna-intro-icon{animation:heartbeat 1.5s ease-in-out infinite;font-size:5rem;margin-bottom:30px;position:relative;z-index:1}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%{transform:scale(1.05)}}.dna-intro-title{color:var(--gray-800);font-size:2rem;font-weight:700;margin-bottom:20px;position:relative;z-index:1}.dna-intro-description{color:var(--gray-600);font-size:1.1rem;line-height:1.8;margin-bottom:30px;position:relative;z-index:1}.dna-question-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.dna-progress{margin-bottom:30px}.dna-strand{align-items:center;display:flex;height:60px;justify-content:space-between;margin:20px 0;position:relative}.dna-node{background:var(--gray-300);border-radius:50%;height:16px;position:relative;transition:all .3s ease;width:16px;z-index:2}.dna-node.completed{background:#ff6b6b;transform:scale(1.2)}.dna-node.dh-state-active{animation:pulse 1s infinite;background:#ff6b6b}.dna-connector{background:var(--gray-200);height:2px;left:0;position:absolute;right:0;top:50%;z-index:1}.dna-connector-fill{background:linear-gradient(90deg,#ff6b6b,#ff8787);height:100%;transition:width .5s ease}.progress-labels{display:flex;justify-content:space-between;margin-top:10px}.progress-label{color:var(--gray-600);font-size:.85rem}.question-header{margin-bottom:30px;text-align:center}.question-theme{background:linear-gradient(135deg,#ff6b6b,#ff8787);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:20px;padding:6px 20px}.question-main{color:var(--gray-800);font-size:1.5rem;font-weight:600;line-height:1.6}.auto-progress-timer{margin:20px 0;text-align:center}.timer-bar{background:var(--gray-200);border-radius:2px;height:4px;margin:10px 0;overflow:hidden}.timer-fill{animation:countdown 5s linear;background:linear-gradient(90deg,#ff6b6b,#ff8787);height:100%}@keyframes countdown{0%{width:100%}to{width:0}}.timer-text{color:var(--gray-600);font-size:.85rem}.choice-grid{display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:30px}.choice-card{background:var(--gray-50);border:2px solid transparent;border-radius:15px;cursor:pointer;padding:20px;position:relative;text-align:center;transition:all .3s ease}.choice-card:before{background:linear-gradient(135deg,hsla(0,100%,71%,.1),hsla(0,100%,76%,.1));border-radius:15px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.choice-card:hover{border-color:#ff8787;transform:translateY(-3px)}.choice-card:hover:before{opacity:1}.choice-card.selected{background:linear-gradient(135deg,hsla(0,100%,71%,.1),hsla(0,100%,76%,.1));border-color:#ff6b6b}.choice-icon{font-size:2rem;margin-bottom:10px}.choice-text{color:var(--gray-700);font-size:1rem;line-height:1.4}.dna-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.dna-code-section{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;padding:50px 40px;position:relative;text-align:center}.dna-helix{bottom:0;left:0;opacity:.1;overflow:hidden;position:absolute;right:0;top:0}.helix-strand{animation:slide 10s linear infinite;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 20px);height:100%;position:absolute;width:100%}@keyframes slide{to{transform:translate(20px,20px)}}.dna-code-title{font-size:1.2rem}.dna-code,.dna-code-title{margin-bottom:20px;position:relative;z-index:1}.dna-code{font-family:Courier New,monospace;font-size:3rem;font-weight:800;letter-spacing:.3em;text-shadow:0 3px 6px rgba(0,0,0,.2)}.dna-type-name{font-size:1.8rem;font-weight:600;position:relative;z-index:1}.love-style-analysis{padding:40px}.analysis-header{margin-bottom:40px;text-align:center}.analysis-title{font-size:1.5rem;font-weight:700;margin-bottom:10px}.analysis-subtitle{color:var(--gray-600);font-size:1rem}.style-chart{margin:40px 0}.chart-container{background:var(--gray-50);border-radius:20px;padding:30px;position:relative}.hexagon-chart{height:300px;margin:0 auto;position:relative;width:300px}.chart-axis{background:var(--gray-300);height:100%;left:50%;position:absolute;top:50%;transform-origin:bottom;width:1px}.chart-point{background:#ff6b6b;border-radius:50%;height:10px;position:absolute;transform:translate(-50%,-50%);width:10px}.chart-label{color:var(--gray-700);font-size:.9rem;font-weight:500;position:absolute}.style-cards{display:grid;gap:20px;margin-top:30px}.style-card{align-items:flex-start;background:#fff;border:1px solid var(--gray-200);border-radius:15px;display:flex;gap:20px;padding:25px}.style-icon{align-items:center;background:linear-gradient(135deg,hsla(0,100%,71%,.1),hsla(0,100%,76%,.1));border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.style-content h4{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:10px}.style-content p{color:var(--gray-600);line-height:1.6}.matching-types{background:var(--gray-50);padding:40px}.matching-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.match-types-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.match-type-card{background:#fff;border-radius:15px;padding:25px;text-align:center;transition:all .3s ease}.match-type-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.match-compatibility{background:#ff6b6b;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:15px;padding:5px 15px}.match-code{color:var(--gray-800);font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.1em;margin-bottom:10px}.match-type-name{color:var(--gray-700);font-size:1rem;margin-bottom:15px}@media (max-width:768px){.love-dna-container{padding:0 15px}.dna-start-screen{padding:40px 30px}.dna-intro-title{font-size:1.5rem}.dna-question-card{padding:30px 20px}.question-main{font-size:1.3rem}.choice-grid{grid-template-columns:1fr}.dna-code-section{padding:40px 30px}.dna-code{font-size:2.5rem;letter-spacing:.2em}.hexagon-chart{height:250px;width:250px}.style-card{flex-direction:column;text-align:center}.style-icon{margin:0 auto}}@media (max-width:480px){.dna-strand{height:40px}.dna-node{height:12px;width:12px}.choice-card{padding:15px}.dna-code{font-size:2rem}.match-types-grid{grid-template-columns:1fr}}.teto-egen-container{margin:0 auto;max-width:700px}.gender-selection{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:60px 40px;text-align:center}.gender-title{color:var(--gray-800);font-size:2rem;font-weight:700;margin-bottom:15px}.gender-subtitle{color:var(--gray-600);font-size:1.1rem;margin-bottom:40px}.gender-options{display:flex;gap:30px;justify-content:center}.gender-card{background:var(--gray-50);border:3px solid transparent;border-radius:20px;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.gender-card:before{background:radial-gradient(circle,var(--primary-light) 0,transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.gender-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.15);transform:translateY(-5px)}.gender-card:hover:before{opacity:.5}.gender-card.selected{background:var(--primary-light);border-color:var(--primary-color);transform:scale(1.05)}.gender-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.1));font-size:4rem;margin-bottom:20px}.gender-label{color:var(--gray-800);font-size:1.3rem;font-weight:600}.teto-question-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:40px}.progress-header{margin-bottom:30px}.progress-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.progress-count{color:var(--gray-600);font-size:.9rem}.progress-percentage{color:var(--primary-color);font-weight:600}.progress-visual{background:var(--gray-200);height:10px;overflow:hidden}.progress-bar,.progress-visual{border-radius:5px;position:relative}.progress-bar{background:linear-gradient(90deg,#ff6b6b,#ffd93d);height:100%;transition:width .5s ease}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.question-content{margin-bottom:40px;text-align:center}.question-category{background:var(--primary-light);border-radius:20px;color:var(--primary-color);display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:20px;padding:6px 16px}.question-text{color:var(--gray-800);font-size:1.5rem;font-weight:600;line-height:1.6}.answer-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.answer-box{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:15px;cursor:pointer;padding:25px;text-align:center;transition:all .3s ease}.answer-box:hover{border-color:var(--primary-color);box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.answer-box.selected{background:var(--primary-light);border-color:var(--primary-color)}.answer-emoji{display:block;font-size:2.5rem;margin-bottom:15px}.answer-text{color:var(--gray-700);font-size:1.1rem;line-height:1.5}.teto-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.result-type-section{background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#fff;padding:50px 40px;position:relative;text-align:center}.result-type-section:before{background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0;bottom:-50px;content:"";height:100px;left:0;position:absolute;right:0}.result-emoji{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2));font-size:5rem;margin-bottom:20px}.result-type-name{font-size:2.5rem;font-weight:800;margin-bottom:10px;text-shadow:0 3px 6px rgba(0,0,0,.1)}.result-subtitle{font-size:1.2rem;opacity:.95}.personality-analysis{padding:60px 40px 40px;position:relative;z-index:1}.analysis-grid{display:grid;gap:30px}.analysis-card{background:var(--gray-50);border-radius:15px;overflow:hidden;padding:30px;position:relative}.analysis-card:before{background:linear-gradient(180deg,#ff6b6b,#ffd93d);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.analysis-icon{font-size:1.5rem}.trait-list{list-style:none;margin-top:15px;padding:0}.trait-list li{padding:8px 0 8px 25px;position:relative}.trait-list li:before{color:var(--primary-color);content:"✓";font-weight:700;left:0;position:absolute}.relationship-section{background:var(--gray-50);padding:40px}.relationship-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.match-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.match-card{background:#fff;border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.match-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.match-emoji{font-size:3rem;margin-bottom:15px}.match-type{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:10px}.match-score{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.score-hearts{color:#ff6b6b;font-size:1.2rem}.match-description{color:var(--gray-600);font-size:.9rem;line-height:1.5}.advice-cards{display:grid;gap:20px;padding:40px}.advice-card{background:linear-gradient(135deg,var(--primary-light),var(--primary-lighter))}.advice-card-title{color:var(--primary-dark);font-size:1.1rem;font-weight:600;margin-bottom:15px}.advice-card-content{color:var(--gray-700);line-height:1.7}@media (max-width:768px){.teto-egen-container{padding:0 15px}.gender-selection{padding:40px 30px}.gender-options{flex-direction:column;gap:20px}.gender-card{padding:30px}.teto-question-card{padding:30px 20px}.question-text{font-size:1.3rem}.answer-grid{grid-template-columns:1fr}.result-type-section{padding:40px 30px}.result-type-name{font-size:2rem}.personality-analysis{padding:50px 30px 30px}.match-grid{grid-template-columns:1fr}}@media (max-width:480px){.gender-title{font-size:1.5rem}.answer-box{padding:20px}.answer-emoji{font-size:2rem}.answer-text{font-size:1rem}.analysis-card{padding:20px}.advice-cards,.relationship-section{padding:30px 20px}}.teto-animated-background{bottom:0;overflow:hidden;right:0;z-index:0}.teto-particle{animation:teto-fall 15s linear infinite;font-size:30px;opacity:.3;top:-50px}@keyframes teto-fall{to{transform:translateY(calc(100vh + 50px)) rotate(1turn)}}.teto-test-page{background:linear-gradient(135deg,#fef3c7,#fecaca)}.teto-test-wrapper{min-height:100vh;padding-bottom:var(--spacing-16);z-index:1}.teto-header-section{padding:var(--spacing-12) 0}.teto-header-decoration{animation:float 3s ease-in-out infinite;font-size:60px;opacity:.1}.teto-header-decoration:first-child{left:10%;top:20px}.teto-header-decoration:last-child{animation-delay:1.5s;right:10%;top:40px}.teto-header-content{z-index:1}.teto-header-title{background:linear-gradient(135deg,#f59e0b,#dc2626);-webkit-background-clip:text;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-4)}.teto-header-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg)}.teto-gender-selection{margin-top:var(--spacing-8)}.teto-gender-buttons{flex-wrap:wrap;gap:var(--spacing-6)}.teto-gender-btn{background-color:var(--color-white);border:3px solid transparent;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);gap:var(--spacing-3);min-width:150px;padding:var(--spacing-8);transition:all var(--transition-base)}.teto-gender-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.teto-gender-emoji{font-size:48px}.teto-gender-text{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.teto-test-container{max-width:900px;padding:0 var(--spacing-6)}.teto-progress-container{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9)}.teto-progress-fill{background:linear-gradient(90deg,#f59e0b,#dc2626)}.teto-question-container{margin-bottom:var(--spacing-8)}.teto-question-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid rgba(245,158,11,.2)}.teto-question-number{color:#f59e0b}.teto-options{display:grid;gap:var(--spacing-3)}.teto-option{backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.9);border:2px solid rgba(245,158,11,.2);border-radius:var(--radius-xl);color:var(--color-gray-700);font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-6);transition:all var(--transition-base);width:100%}.teto-option:hover{background-color:hsla(48,96%,89%,.5);border-color:#f59e0b;transform:translateX(4px)}.teto-option.selected{background:linear-gradient(135deg,#f59e0b,#dc2626);border-color:#f59e0b;color:var(--color-white);font-weight:var(--font-weight-medium)}.teto-navigation{gap:var(--spacing-4);margin-top:var(--spacing-6)}.teto-btn{border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);min-width:120px;padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-base)}.teto-btn-primary{background:linear-gradient(135deg,#f59e0b,#dc2626);color:var(--color-white)}.teto-btn-secondary{background-color:hsla(0,0%,100%,.8);border:2px solid #fecaca;color:#dc2626}.teto-type-card{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(48,96%,89%,.95));border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);margin-bottom:var(--spacing-8);padding:var(--spacing-10)}.teto-type-card:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,rgba(245,158,11,.1) 0,transparent 70%);right:-50%}.teto-result-emoji{display:block;font-size:80px;margin-bottom:var(--spacing-4)}.teto-result-type{color:#dc2626;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.teto-result-title{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.teto-result-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);font-style:italic;margin-bottom:var(--spacing-4)}.teto-result-rarity{background-color:rgba(245,158,11,.2);border-radius:var(--radius-full);color:#dc2626;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-3)}.teto-result-detail-box{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.9);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.teto-result-description{color:var(--color-gray-700);font-size:var(--font-size-lg);line-height:1.8;margin-bottom:var(--spacing-6)}.teto-result-detail-grid{gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-6)}.teto-result-detail-card{background-color:hsla(48,96%,89%,.3);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center}.teto-result-detail-card h4{color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4)}.teto-trait-item{color:var(--color-gray-700);font-size:var(--font-size-base);margin-bottom:var(--spacing-2);text-align:left}.teto-hobby-tags{gap:var(--spacing-2);justify-content:center}.teto-hobby-tag{background-color:rgba(245,158,11,.1);border-radius:var(--radius-full);color:#dc2626;display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3)}.teto-result-analysis-card{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,93%,94%,.3));border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);padding:var(--spacing-6);text-align:left}.teto-result-analysis-card h4{color:#dc2626;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-3)}.teto-result-analysis-card p{color:var(--color-gray-700)}.teto-celebrity-list{gap:var(--spacing-3);justify-content:center}.teto-celebrity-item{background-color:rgba(245,158,11,.1);border-radius:var(--radius-md);color:var(--color-gray-800);display:inline-block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4)}.teto-compatibility-grid{gap:var(--spacing-4);grid-template-columns:1fr 1fr}.teto-compatibility-section h5{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);text-transform:uppercase}.teto-compatibility-type{background-color:#dc2626;border-radius:var(--radius-md);color:var(--color-white);display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-4)}.teto-compatibility-type-good{background-color:#f59e0b}.teto-share-section{background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(48,96%,89%,.5))}.teto-action-buttons{gap:var(--spacing-4)}.teto-hidden{display:none!important}@media (max-width:768px){.teto-header-title{font-size:var(--font-size-3xl)}.teto-gender-buttons{align-items:center;flex-direction:column}.teto-gender-btn{width:200px}.teto-result-emoji{font-size:60px}.teto-result-type{font-size:var(--font-size-2xl)}.teto-result-title{font-size:var(--font-size-xl)}.teto-compatibility-grid{grid-template-columns:1fr}.teto-action-buttons{flex-direction:column}.teto-action-buttons .teto-btn{width:100%}}.daily-fortune-container{margin:0 auto;max-width:700px}.date-selector{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:30px;text-align:center}.today-date{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:20px}.date-info{color:var(--gray-600);font-size:1rem;margin-bottom:10px}.daily-fortune-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.fortune-summary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:30px;text-align:center}.fortune-summary-title{font-size:1.2rem;margin-bottom:15px;opacity:.9}.fortune-main-message{font-size:1.5rem;font-weight:600;line-height:1.6;margin-bottom:20px}.overall-score{background:hsla(0,0%,100%,.2);border-radius:25px;display:inline-block;font-size:1.1rem;padding:10px 20px}.fortune-details{padding:30px}.fortune-category{background:var(--gray-50);border-radius:12px;transition:all .3s ease}.fortune-category:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateX(5px)}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-name{align-items:center;color:var(--gray-800);display:flex;font-weight:600;gap:10px}.category-icon{font-size:1.3rem}.category-score{display:flex;gap:3px}.score-dot{background:var(--gray-300);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.score-dot.dh-state-active{background:var(--primary-color);transform:scale(1.2)}.category-description{font-size:.95rem;line-height:1.7}.lucky-elements{background:var(--primary-light);border-radius:15px;margin-top:30px;padding:25px}.lucky-elements-title{color:var(--primary-dark);font-size:1.2rem;font-weight:600;margin-bottom:20px;text-align:center}.lucky-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.lucky-element{background:#fff;border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.lucky-element:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}.element-icon{font-size:2rem;margin-bottom:8px}.element-label{color:var(--gray-600);font-size:.85rem;margin-bottom:5px}.element-value{color:var(--primary-color);font-weight:600}.advice-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-top:30px;overflow:hidden;padding:25px;position:relative}.advice-card:before{content:'"';font-size:100px;left:20px;opacity:.1;position:absolute;top:-20px}.advice-title{align-items:center;display:flex;font-size:1.1rem;gap:10px;margin-bottom:15px}.advice-text{font-size:1.05rem;line-height:1.8;position:relative;z-index:1}.zodiac-special{background:var(--gray-50);border:2px solid var(--primary-light);border-radius:15px;margin-top:30px;padding:25px}.zodiac-special-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.zodiac-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.zodiac-info h3{color:var(--gray-800);font-size:1.1rem;font-weight:600}.zodiac-year{color:var(--gray-600);font-size:.9rem}@media (max-width:768px){.daily-fortune-container{padding:0 15px}.date-selector{padding:20px}.today-date{font-size:1.5rem}.fortune-summary{padding:25px 20px}.fortune-main-message{font-size:1.3rem}.fortune-details{padding:20px}.fortune-category{padding:15px}.lucky-grid{grid-template-columns:repeat(2,1fr)}.advice-card{padding:20px}.advice-card:before{font-size:60px}}.saju-fortune-container{margin:0 auto;max-width:900px}.saju-info-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.saju-pillars{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:30px 0}.pillar{background:var(--gray-50);border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.pillar:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.pillar-title{color:var(--gray-600);font-size:.9rem;margin-bottom:15px}.pillar-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px}.heavenly-stem{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin-bottom:10px}.earthly-branch{color:var(--gray-800);font-size:1.5rem;font-weight:600}.pillar-element{color:var(--gray-600);font-size:.85rem;margin-top:10px}.elements-analysis{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;margin-bottom:30px;padding:30px}.elements-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:25px;text-align:center}.elements-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-around;margin-bottom:30px}.element-bar{background:var(--gray-300);border-radius:10px 10px 0 0;position:relative;transition:all .5s ease;width:60px}.element-bar.wood{background:#228b22}.element-bar.fire{background:#dc143c}.element-bar.earth{background:#daa520}.element-bar.metal{background:silver}.element-bar.water{background:#4682b4}.element-label{bottom:-30px;font-size:.9rem;font-weight:600}.element-label,.element-value{left:50%;position:absolute;transform:translateX(-50%)}.element-value{color:var(--gray-800);font-weight:700;top:-25px}.saju-analysis{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.analysis-section{border-bottom:1px solid var(--gray-200);margin-bottom:35px;padding-bottom:35px}.analysis-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.analysis-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin-bottom:20px}.analysis-content{color:var(--gray-700);line-height:1.8}.analysis-highlight{background:var(--primary-light);border-left:4px solid var(--primary-color);border-radius:10px;margin:15px 0;padding:15px 20px}.ten-gods{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.god-item{background:var(--gray-50);border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.god-item:hover{background:var(--primary-light);transform:translateY(-2px)}.god-name{color:var(--gray-800);font-weight:600;margin-bottom:5px}.god-meaning{color:var(--gray-600);font-size:.85rem}.major-fortune{background:var(--gray-50);border-radius:20px;margin-bottom:30px;padding:30px}.major-fortune-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.fortune-timeline{display:flex;justify-content:space-between;padding:20px 0;position:relative}.fortune-timeline:before{background:var(--gray-300);content:"";height:2px;left:0;position:absolute;right:0;top:50%}.fortune-period{align-items:center;background:#fff;border:2px solid var(--gray-300);border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px;z-index:1}.fortune-period.current{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:scale(1.2)}.fortune-period:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:scale(1.1)}.period-age{font-size:.8rem;opacity:.8}.period-stem-branch{font-size:1.1rem;font-weight:600}.fortune-score-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:20px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.score-title{font-size:1.2rem;margin-bottom:20px;opacity:.9}.score-display{font-size:4rem;font-weight:800;margin-bottom:10px}.score-max{font-size:1.5rem;opacity:.8}@media (max-width:768px){.saju-fortune-container{padding:0 15px}.saju-analysis,.saju-info-card{padding:30px 20px}.saju-pillars{gap:15px;grid-template-columns:repeat(2,1fr)}.heavenly-stem{font-size:1.5rem}.earthly-branch{font-size:1.3rem}.elements-chart{height:150px}.element-bar{width:40px}.fortune-timeline{flex-wrap:wrap;gap:20px}.fortune-period{height:60px;width:60px}.period-stem-branch{font-size:.9rem}}@media (max-width:480px){.saju-pillars{grid-template-columns:1fr}.ten-gods{grid-template-columns:repeat(2,1fr)}}.tarot-cards-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:30px 0}.tarot-cards-grid h3{grid-column:1/-1;text-align:center}.tarot-card{color:#fff;font-size:24px;padding:30px 10px;text-align:center;transition:transform .3s,box-shadow .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tarot-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.3);transform:scale(1.05)}.tarot-card.selected{box-shadow:0 0 20px hsla(0,0%,100%,.5)}.tarot-result-placeholder{background:#f8f9fa;border-radius:10px;padding:30px;text-align:center}.tarot-result-placeholder .result-cards{margin-top:20px}.tarot-result-placeholder .result-note{color:#666;margin-top:20px}.selected-cards-info{margin:20px 0;text-align:center}.read-tarot-btn{margin-top:10px}.tarot-fortune-container{margin:0 auto;max-width:1000px}.tarot-selection{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.selection-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:15px;text-align:center}.selection-subtitle{color:var(--gray-600);margin-bottom:40px;text-align:center}.tarot-deck{align-items:center;display:flex;height:300px;justify-content:center;margin-bottom:40px;position:relative}.card-back{background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);cursor:pointer;height:200px;position:absolute;transition:all .3s ease;width:120px}.card-back:before{border:2px solid hsla(0,0%,100%,.3);border-radius:8px;content:"";inset:10px;position:absolute}.card-back:after{color:hsla(0,0%,100%,.5);content:"✦";font-size:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.card-back:hover{box-shadow:0 10px 25px rgba(0,0,0,.4);transform:translateY(-10px) rotate(5deg)}@keyframes spreadCards{to{transform:translateX(var(--spread-x)) translateY(var(--spread-y))}}.cards-spread .card-back{animation:spreadCards .8s ease-out forwards}.selected-cards{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:600px}.card-slot{align-items:center;aspect-ratio:3/5;background:var(--gray-100);border:2px dashed var(--gray-300);border-radius:10px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.card-slot.filled{background:#fff;border:none;box-shadow:0 5px 20px rgba(0,0,0,.1)}.slot-number{color:var(--gray-400);font-size:2rem;margin-bottom:10px}.slot-label{color:var(--gray-600);font-size:.9rem}.tarot-card{height:100%;inset:0;position:absolute;transition:transform .8s;width:100%}.tarot-card.flipped{transform:rotateY(180deg)}.card-face{align-items:center;backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#818cf8,#6366f1)}.card-back-face{background:#fff;border:2px solid var(--gray-200);padding:15px;transform:rotateY(180deg)}.card-image{align-items:center;background:var(--gray-100);border-radius:8px;display:flex;font-size:3rem;height:60%;justify-content:center;margin-bottom:15px;width:80%}.card-name{color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:5px;text-align:center}.card-keywords{color:var(--gray-600);font-size:.8rem;text-align:center}.tarot-interpretation{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;opacity:0;padding:40px;transform:translateY(20px);transition:all .5s ease}.tarot-interpretation.show{opacity:1;transform:translateY(0)}.interpretation-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.card-interpretation{background:var(--gray-50);border-radius:15px;margin-bottom:20px;padding:25px}.interpretation-header{align-items:center;display:flex;gap:20px;margin-bottom:20px}.card-mini{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:100px;justify-content:center;width:60px}.interpretation-info h3{color:var(--gray-800);font-size:1.2rem;font-weight:600;margin-bottom:5px}.interpretation-position{color:var(--gray-600);font-size:.9rem}.interpretation-text{color:var(--gray-700);line-height:1.8}.overall-interpretation{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;margin-top:30px;padding:30px}.overall-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.overall-text{color:var(--gray-700);font-size:1.05rem;line-height:1.8;text-align:center}.card-meanings{background:#fff;border-radius:15px;margin-top:20px;padding:20px}.meanings-toggle{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;transition:all .3s ease}.meanings-toggle:hover{background:var(--gray-50)}.meanings-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.meanings-content.show{max-height:500px;padding-top:20px}.meaning-list{display:grid;gap:10px}.meaning-item{align-items:center;background:var(--gray-50);border-radius:8px;display:flex;gap:10px;padding:10px}.meaning-icon{font-size:1.2rem}.meaning-text{color:var(--gray-700);font-size:.9rem}.shuffling-animation{align-items:center;display:flex;height:200px;justify-content:center}.shuffle-card{animation:shuffle 1s ease-in-out infinite;background:linear-gradient(135deg,#818cf8,#6366f1);border-radius:8px;height:120px;margin:0 -20px;width:80px}@keyframes shuffle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width:768px){.tarot-fortune-container{padding:0 15px}.tarot-selection{padding:30px 20px}.tarot-deck{height:250px}.card-back{height:150px;width:90px}.selected-cards{gap:15px;grid-template-columns:repeat(3,1fr)}.interpretation-header{flex-direction:column;text-align:center}.tarot-interpretation{padding:30px 20px}}@media (max-width:480px){.selected-cards{grid-template-columns:1fr;max-width:200px}.card-back{height:120px;width:70px}.card-mini{height:80px;width:50px}}.card-deck{display:grid;gap:var(--spacing-2);grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin:var(--spacing-6) 0;margin-left:auto;margin-right:auto;max-width:800px}.tarot-card{align-items:center;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:center;transform-style:preserve-3d;transition:all .3s ease}.tarot-card:hover:not(.selected){box-shadow:var(--shadow-lg);transform:translateY(-5px)}.tarot-card.card-back{background:linear-gradient(45deg,#667eea,#764ba2);color:var(--color-white);font-size:2rem}.tarot-card.selected{cursor:default}.tarot-card.flipping{animation:cardFlip .6s ease}.card-content{padding:var(--spacing-2);text-align:center}.card-emoji{font-size:2rem;margin-bottom:var(--spacing-1)}.card-name{color:var(--color-gray-800);font-size:.75rem;font-weight:var(--font-weight-medium)}.card-content.reversed{transform:rotate(180deg)}.reversed-indicator{color:var(--color-red-600);font-size:.625rem;margin-top:var(--spacing-1)}.selected-cards{margin:var(--spacing-6) 0;text-align:center}.selected-card-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center;margin-top:var(--spacing-3)}.mini-card{align-items:center;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:var(--spacing-1);padding:var(--spacing-2)}.mini-card.reversed{background:var(--color-red-50);border-color:var(--color-red-300)}.mini-emoji{font-size:1.25rem}.mini-reversed{color:var(--color-red-600);font-weight:var(--font-weight-medium)}.spread-layout{display:grid;gap:var(--spacing-4);margin:var(--spacing-6) 0}.spread-layout.원-카드{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:300px}.spread-layout.쓰리-카드{grid-template-columns:repeat(3,1fr)}.spread-layout.켈틱-크로스{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);margin-left:auto;margin-right:auto;max-width:600px}.spread-layout.켈틱-크로스 .reading-card:first-child{grid-column:2;grid-row:2}.spread-layout.켈틱-크로스 .reading-card:nth-child(2){grid-column:2;grid-row:2;margin-left:20px;margin-top:20px}.spread-layout.켈틱-크로스 .reading-card:nth-child(3){grid-column:2;grid-row:3}.spread-layout.켈틱-크로스 .reading-card:nth-child(4){grid-column:1;grid-row:2}.spread-layout.켈틱-크로스 .reading-card:nth-child(5){grid-column:2;grid-row:1}.spread-layout.켈틱-크로스 .reading-card:nth-child(6){grid-column:3;grid-row:2}.spread-layout.켈틱-크로스 .reading-card:nth-child(7){grid-column:4;grid-row:4}.spread-layout.켈틱-크로스 .reading-card:nth-child(8){grid-column:4;grid-row:3}.spread-layout.켈틱-크로스 .reading-card:nth-child(9){grid-column:4;grid-row:2}.spread-layout.켈틱-크로스 .reading-card:nth-child(10){grid-column:4;grid-row:1}.reading-card{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center}.card-position{color:var(--color-gray-600);font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2)}.card-visual{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-3);padding:var(--spacing-3)}.card-visual.reversed{background:var(--color-red-50);border:1px solid var(--color-red-200)}.reversed-badge{background:var(--color-red-600);border-radius:var(--radius-sm);color:var(--color-white);display:inline-block;font-size:.75rem;margin-top:var(--spacing-2);padding:2px 8px}.card-interpretation{color:var(--color-gray-700);font-size:.875rem;line-height:1.6}.tarot-animation{padding:var(--spacing-6);text-align:center}.tarot-animation h3{font-size:1.5rem;margin-bottom:var(--spacing-2)}.tarot-animation p{color:var(--color-gray-600);margin-bottom:var(--spacing-4)}.ai-badge{background:var(--color-purple-100);color:var(--color-purple-800);display:inline-block;font-size:.875rem;font-weight:var(--font-weight-medium);margin:var(--spacing-4) 0;padding:var(--spacing-2) var(--spacing-3)}.ai-badge,.spread-description{border-radius:var(--radius-md)}.spread-description{background:var(--color-gray-50);margin-top:var(--spacing-3);padding:var(--spacing-4)}.spread-description ul{list-style:none;margin:var(--spacing-2) 0 0 0;padding:0}.spread-description li{color:var(--color-gray-700);font-size:.875rem;padding:var(--spacing-1) 0}@media (max-width:768px){.card-deck{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.tarot-card{height:90px;width:60px}.card-emoji{font-size:1.5rem}.card-name{font-size:.625rem}.spread-layout.쓰리-카드{grid-template-columns:1fr}.spread-layout.켈틱-크로스{grid-template-columns:repeat(2,1fr)}.spread-layout.켈틱-크로스 .reading-card{grid-column:auto;grid-row:auto;margin:0}}.zodiac-fortune-container{margin:0 auto;max-width:800px}.zodiac-selection{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.zodiac-grid{gap:15px;margin-top:30px}.zodiac-item{background:var(--gray-50);border:2px solid transparent;border-radius:15px;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.zodiac-item:hover{border-color:var(--primary-light);box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-5px)}.zodiac-item.selected{background:var(--primary-light);border-color:var(--primary-color);transform:scale(1.05)}.zodiac-icon{filter:grayscale(.5);margin-bottom:10px;transition:all .3s ease}.zodiac-item.selected .zodiac-icon,.zodiac-item:hover .zodiac-icon{filter:grayscale(0);transform:scale(1.1)}.zodiac-name{color:var(--gray-800);font-size:1rem;margin-bottom:5px}.zodiac-dates{color:var(--gray-600);font-size:.85rem}.zodiac-info-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px;position:relative;text-align:center}.zodiac-info-banner:before{background:radial-gradient(circle,hsla(0,0%,100%,.1) 2px,transparent 0);background-size:20px 20px;content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:200%}.selected-zodiac-icon{font-size:4rem;margin-bottom:15px;position:relative;z-index:1}.selected-zodiac-name{font-size:1.8rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.selected-zodiac-element{font-size:1.1rem;opacity:.9;position:relative;z-index:1}.zodiac-fortune-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.fortune-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-button{background:var(--gray-100);border:none;border-radius:25px;color:var(--gray-700);font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background:var(--gray-200)}.tab-button.dh-state-active{background:var(--primary-color);color:#fff;transform:scale(1.05)}.tab-content{animation:fadeIn .5s ease;display:none}.tab-content.dh-state-active{display:block}.fortune-category-content{background:var(--gray-50);border-radius:15px;padding:25px}.category-rating{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:20px}.rating-stars{display:flex;font-size:1.5rem;gap:5px}.star{color:var(--gray-300);transition:all .3s ease}.star.filled{color:#ffc107}.rating-text{color:var(--gray-800);font-size:1.2rem;font-weight:600}.category-description{color:var(--gray-700);line-height:1.8;margin-bottom:20px}.zodiac-traits{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.trait-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:20px;text-align:center;transition:all .3s ease}.trait-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);transform:translateY(-3px)}.trait-icon{align-items:center;background:var(--primary-light);border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.trait-title{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:10px}.trait-description{color:var(--gray-600);font-size:.9rem;line-height:1.6}.compatibility-section{background:var(--gray-50);border-radius:20px;padding:30px}.compatibility-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.compatibility-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.compat-zodiac{background:#fff;border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.compat-zodiac.best{background:var(--success-light);border:2px solid var(--success-color)}.compat-zodiac.good{background:var(--primary-light);border:2px solid var(--primary-color)}.compat-zodiac.neutral{border:2px solid var(--gray-300)}.compat-icon{font-size:2rem;margin-bottom:8px}.compat-name{color:var(--gray-700);font-size:.85rem;font-weight:500}.compat-score{color:var(--gray-600);font-size:.8rem;margin-top:5px}.lucky-info-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.lucky-info-item{background:linear-gradient(135deg,var(--primary-light),var(--primary-lighter));border-radius:12px;padding:15px;text-align:center}.lucky-label{color:var(--gray-600);font-size:.85rem;margin-bottom:8px}.lucky-value{color:var(--primary-dark);font-size:1.1rem;font-weight:600}@media (max-width:768px){.zodiac-fortune-container{padding:0 15px}.zodiac-selection{padding:30px 20px}.zodiac-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.zodiac-item{padding:15px 10px}.zodiac-icon{font-size:2.5rem}.zodiac-name{font-size:.9rem}.zodiac-dates{font-size:.75rem}.zodiac-info-banner{padding:25px 20px}.selected-zodiac-icon{font-size:3rem}.selected-zodiac-name{font-size:1.5rem}.zodiac-fortune-result{padding:30px 20px}.fortune-tabs{gap:5px}.tab-button{font-size:.9rem;padding:8px 15px}.compatibility-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.zodiac-grid{grid-template-columns:repeat(2,1fr)}.zodiac-traits{grid-template-columns:1fr}.compatibility-grid{grid-template-columns:repeat(3,1fr)}}.zodiac-animal-container{margin:0 auto;max-width:800px}.animal-selection{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.animal-grid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:30px}.animal-card{background:var(--gray-50);border:3px solid transparent;border-radius:15px;cursor:pointer;overflow:hidden;padding:25px 15px;position:relative;text-align:center;transition:all .3s ease}.animal-card:before{background:radial-gradient(circle,var(--primary-light) 0,transparent 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.animal-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.15);transform:translateY(-5px) scale(1.05)}.animal-card:hover:before{opacity:.3}.animal-card.selected{background:var(--primary-light);border-color:var(--primary-color);transform:scale(1.08)}.animal-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3.5rem;margin-bottom:10px;transition:all .3s ease}.animal-card:hover .animal-emoji{transform:scale(1.2) rotate(10deg)}.animal-name{color:var(--gray-800);font-size:1.1rem;font-weight:700;margin-bottom:5px}.animal-years{color:var(--gray-600);font-size:.8rem;line-height:1.4}.selected-animal-info{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:20px;color:#fff;margin-bottom:30px;overflow:hidden;padding:40px;position:relative;text-align:center}.selected-animal-info:after{animation:float 20s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 3px,transparent 0);background-size:30px 30px;bottom:-50%;content:"";height:200%;position:absolute;right:-50%;width:200%}.selected-emoji{animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2));font-size:5rem;margin-bottom:20px;position:relative;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.selected-name{font-size:2rem;font-weight:800;margin-bottom:10px;position:relative;z-index:1}.selected-description{font-size:1.1rem;margin:0 auto;max-width:500px;opacity:.95;position:relative;z-index:1}.animal-fortune-result{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.yearly-fortune{margin-bottom:40px}.year-selector{gap:20px;margin-bottom:30px}.year-nav,.year-selector{align-items:center;display:flex;justify-content:center}.year-nav{background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.year-nav:hover{background:var(--primary-light);transform:scale(1.1)}.current-year{color:var(--primary-color);font-size:1.8rem;font-weight:700;min-width:100px;text-align:center}.monthly-graph{margin:30px 0}.graph-title{color:var(--gray-800);font-size:1.2rem;font-weight:600;margin-bottom:20px;text-align:center}.graph-container{height:200px;margin:20px 0;position:relative}.graph-bars{align-items:flex-end;display:flex;height:100%;justify-content:space-between;padding:0 10px}.month-bar{background:linear-gradient(to top,var(--primary-color),var(--primary-light));border-radius:5px 5px 0 0;cursor:pointer;flex:1;margin:0 2px;position:relative;transition:all .3s ease}.month-bar:hover{box-shadow:0 -5px 15px rgba(var(--primary-rgb),.3);transform:scaleY(1.05)}.month-label{bottom:-25px;color:var(--gray-600);font-size:.75rem}.month-label,.month-value{left:50%;position:absolute;transform:translateX(-50%)}.month-value{color:var(--gray-700);font-size:.8rem;font-weight:600;opacity:0;top:-25px;transition:opacity .3s ease}.month-bar:hover .month-value{opacity:1}.category-fortunes{display:grid;gap:20px;margin-top:30px}.category-fortune-card{background:var(--gray-50);border-radius:15px;overflow:hidden;padding:25px;position:relative}.category-fortune-card:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.category-fortune-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.category-fortune-title{align-items:center;color:var(--gray-800);display:flex;font-size:1.1rem;font-weight:600;gap:10px}.category-fortune-score{align-items:center;display:flex;gap:5px}.score-bar{background:var(--gray-300);border-radius:4px;height:8px;overflow:hidden;width:80px}.score-fill{background:var(--primary-color);height:100%;transition:width 1s ease}.score-text{color:var(--primary-color);font-size:.9rem;font-weight:600}.animal-characteristics{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.characteristics-title{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:30px;text-align:center}.characteristics-grid{display:grid;gap:25px;grid-template-columns:repeat(2,1fr)}.characteristic-item{align-items:flex-start;display:flex;gap:15px}.characteristic-icon{align-items:center;background:var(--primary-light);border-radius:12px;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.characteristic-content h4{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin-bottom:5px}.characteristic-content p{color:var(--gray-600);font-size:.95rem;line-height:1.6}.compatibility-matrix{background:var(--gray-50);border-radius:20px;margin-top:30px;padding:30px}.matrix-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:25px;text-align:center}.matrix-grid{display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.matrix-item{align-items:center;aspect-ratio:1;background:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:all .3s ease}.matrix-item.excellent{background:var(--success-light);border:2px solid var(--success-color)}.matrix-item.good{background:var(--primary-light);border:2px solid var(--primary-color)}.matrix-item.average{background:var(--warning-light);border:2px solid var(--warning-color)}.matrix-item:hover{transform:scale(1.1);z-index:1}.matrix-emoji{font-size:1.5rem;margin-bottom:5px}.matrix-score{font-size:.8rem;font-weight:600}@media (max-width:768px){.zodiac-animal-container{padding:0 15px}.animal-selection{padding:30px 20px}.animal-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.animal-card{padding:20px 10px}.animal-emoji{font-size:3rem}.selected-animal-info{padding:30px 20px}.selected-emoji{font-size:4rem}.selected-name{font-size:1.5rem}.characteristics-grid{gap:20px;grid-template-columns:1fr}.matrix-grid{gap:8px;grid-template-columns:repeat(4,1fr)}.matrix-emoji{font-size:1.2rem}}@media (max-width:480px){.animal-grid{grid-template-columns:repeat(2,1fr)}.current-year{font-size:1.5rem}.graph-container{height:150px}.month-label{font-size:.65rem}.matrix-grid{grid-template-columns:repeat(3,1fr)}}.hero{align-items:center;background:var(--surface-primary,var(--color-white));border-bottom:1px solid var(--border-primary,rgba(0,0,0,.08));color:var(--text-primary,var(--color-gray-900));display:flex;margin-top:0;min-height:40vh;padding:var(--space-10,2.5rem) var(--space-4,1rem) var(--space-12,3rem);position:relative;text-align:center}.hero-content{margin:0 auto;max-width:var(--container-md,800px);position:relative;z-index:2}.hero h1,.hero-title{color:var(--text-primary,var(--color-gray-900));font-size:var(--font-size-3xl,2.25rem);font-weight:var(--font-weight-semibold,600);letter-spacing:var(--letter-spacing-tight,-.02em);line-height:var(--line-height-tight,1.1);margin-bottom:var(--space-3,var(--spacing-3))}.hero-title-highlight{color:var(--color-primary,#5c5ce0)}.hero-subtitle{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-base,1rem);font-weight:var(--font-weight-normal,400);line-height:var(--line-height-relaxed,1.5);margin-bottom:var(--space-5,var(--spacing-5));margin-left:auto;margin-right:auto;max-width:450px}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3,var(--spacing-3));justify-content:center;margin-top:var(--space-1,var(--spacing-1))}.features{background:var(--bg-secondary,var(--color-gray-50));padding:var(--space-20,80px) var(--space-4,20px)}.features-container{margin:0 auto;max-width:var(--container-xl,1200px)}.features-grid{display:grid;gap:var(--space-8,var(--spacing-8));grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:var(--space-12,var(--spacing-12))}.feature-card{background:var(--surface-primary,var(--color-white));border:1px solid var(--border-primary,var(--color-gray-200));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-8,var(--spacing-8));text-align:center;transition:var(--transition-all,all .3s ease)}.feature-card:hover{border-color:var(--color-primary,var(--color-primary-light));box-shadow:var(--shadow-xl,var(--shadow-lg));transform:translateY(-4px)}.feature-icon{display:block;font-size:var(--font-size-4xl,4rem);margin-bottom:var(--space-4,var(--spacing-4))}.feature-title{color:var(--text-primary,var(--color-gray-900));font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal,1.5);margin:0 0 var(--space-3,var(--spacing-3)) 0}.feature-description{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-base);line-height:var(--line-height-relaxed,1.6);margin-bottom:var(--space-6,var(--spacing-6));word-break:keep-all;word-wrap:break-word}.feature-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2,var(--spacing-2));text-decoration:none}.feature-link:hover{text-decoration:underline}.section-title{color:var(--text-primary,var(--color-gray-900));font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold,700);margin-bottom:var(--space-4,var(--spacing-4));text-align:center}.section-subtitle{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-lg);line-height:var(--line-height-relaxed,1.6);margin-bottom:var(--space-12,var(--spacing-10));text-align:center}.popular-services{background-color:var(--surface-primary,var(--color-white));padding:var(--space-20,80px) var(--space-4,20px)}.services-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2,var(--spacing-2));justify-content:center;margin-bottom:var(--space-8,var(--spacing-8))}.tab-button{background-color:transparent;border:1px solid var(--border-primary,var(--color-gray-300));border-radius:var(--radius-full);color:var(--text-secondary,var(--color-gray-600));cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2,var(--spacing-2)) var(--space-4,var(--spacing-4));transition:var(--transition-all,all .3s ease)}.tab-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-button.dh-state-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-gray-0,var(--color-white))}.services-grid{display:grid;gap:var(--space-6,var(--spacing-6));grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-20,80px)}@media (min-width:1200px){.services-grid{grid-template-columns:repeat(4,1fr);margin-left:auto;margin-right:auto;max-width:1200px}}@media (min-width:768px) and (max-width:1199px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:auto;margin-right:auto;max-width:900px}}@media (min-width:480px) and (max-width:767px){.services-grid{gap:var(--space-4,var(--spacing-4));grid-template-columns:repeat(2,1fr)}}.home-service-card{background:var(--surface-primary,var(--color-white));border:1px solid var(--border-primary,var(--color-gray-200));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:inherit;display:flex;flex-direction:column;gap:var(--space-4,var(--spacing-4));padding:var(--space-8,var(--spacing-6));position:relative;text-decoration:none;transition:var(--transition-all,all .3s ease)}.home-service-card:hover{border-color:var(--color-primary,var(--color-primary-light));box-shadow:var(--shadow-xl,var(--shadow-lg));transform:translateY(-4px)}.service-emoji,.service-icon{display:block;flex-shrink:0;font-size:var(--font-size-3xl,3rem);margin-bottom:var(--space-4,var(--spacing-4))}.service-icon{align-items:center;background:var(--bg-tertiary,var(--color-gray-100));border-radius:var(--radius-full);color:var(--color-primary);display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4,var(--spacing-4));width:80px}.service-name,.service-title{color:var(--text-primary,var(--color-gray-900));font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal,1.5);margin:0 0 var(--space-2,var(--spacing-2)) 0}.service-desc,.service-description{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-base,var(--font-size-sm));line-height:var(--line-height-relaxed,1.5);margin:0;word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word}.service-link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2,var(--spacing-2));margin-top:auto;text-decoration:none}.service-link:hover{text-decoration:underline}.service-badge{background-color:var(--color-danger);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-3);position:absolute;right:var(--spacing-4);text-transform:uppercase;top:var(--spacing-4)}.service-badge.new-green{background-color:var(--color-success)}.service-badge.new-pink{background-color:#ec4899}.service-badge.fortune-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.stats{background:linear-gradient(135deg,#2563eb,#7c3aed);color:var(--color-gray-0,var(--color-white));padding:var(--space-16,60px) var(--space-4,20px)}.stats-grid{gap:var(--space-8,var(--spacing-8));margin:0 auto;max-width:var(--container-lg,1000px)}.stat-item{padding:var(--spacing-6);text-align:center}.stat-number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2,var(--spacing-2))}.stat-label,.stat-number{color:var(--color-gray-0,var(--color-white))}.stat-label{font-size:var(--font-size-base);line-height:var(--line-height-normal);opacity:.9}.cta{background:var(--bg-tertiary,var(--color-gray-50));padding:var(--space-20,80px) var(--space-4,20px)}.cta-box,.cta-content{margin:0 auto;max-width:var(--container-md,600px)}.cta-box{background-color:var(--surface-primary,var(--color-white));border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-12,var(--spacing-12))}.cta h2,.cta-title{color:var(--text-primary,var(--color-gray-900));font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold,700);margin-bottom:var(--space-4,var(--spacing-4))}.cta p,.cta-description{color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-lg);line-height:var(--line-height-relaxed,1.6);margin-bottom:var(--space-8,var(--spacing-8))}.ad-container{margin:var(--spacing-12) auto;max-width:728px;position:relative}.ad-container-min,.ad-container-styled{background:var(--bg-secondary,var(--color-gray-50));border:1px solid var(--border-primary,var(--color-gray-200));border-radius:var(--radius-md);color:var(--text-secondary,var(--color-gray-600));font-size:var(--font-size-sm);padding:var(--space-4,var(--spacing-4))}.ad-label{background-color:var(--color-white);color:var(--color-gray-500);font-size:var(--font-size-xs);left:50%;padding:0 var(--spacing-2);position:absolute;top:-20px;transform:translateX(-50%)}.ad-placeholder{align-items:center;display:flex;justify-content:center;min-height:100px}.dh-l-footer{background:var(--bg-secondary,var(--color-gray-900));color:var(--color-gray-0,var(--color-white));margin-top:var(--space-20,80px);padding:var(--space-16,60px) 0 var(--space-8,30px)}.footer-content{display:grid;gap:var(--space-8,var(--spacing-8));grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:var(--container-xl,1200px);padding:0 var(--space-4,var(--spacing-4))}.footer-section h3{color:var(--color-gray-0,var(--color-white));font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4,var(--spacing-4))}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--space-2,var(--spacing-2))}.footer-links a{color:var(--color-gray-300,var(--color-gray-400));font-size:var(--font-size-sm);text-decoration:none;transition:var(--transition-base,all .2s ease)}.footer-links a:hover{color:var(--color-gray-0,var(--color-white));text-decoration:underline}.footer-social{display:flex;gap:var(--space-3,var(--spacing-3));margin-top:var(--space-4,var(--spacing-4))}.social-link{font-size:var(--font-size-xl);text-decoration:none;transition:var(--transition-base,all .2s ease)}.social-link:hover{transform:scale(1.1)}.footer-bottom{align-items:center;border-top:1px solid var(--border-primary,var(--color-gray-700));flex-wrap:wrap;justify-content:space-between;margin-top:var(--space-8,var(--spacing-8));padding-top:var(--space-6,var(--spacing-6))}.footer-bottom,.footer-legal{display:flex;gap:var(--space-4,var(--spacing-4))}.footer-legal a{color:var(--color-gray-400);font-size:var(--font-size-sm);text-decoration:none}.footer-legal a:hover{color:var(--color-gray-0,var(--color-white));text-decoration:underline}.text-gray-400{color:var(--color-gray-400,#9ca3af)}.mt-8{margin-top:var(--space-8,2rem)}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link{background:var(--color-primary);border-radius:4px;color:var(--color-white);left:6px;padding:8px;transition:top .3s;z-index:1000}.skip-link:focus{top:6px}@media (prefers-reduced-motion:no-preference){.fade-in,.home-service-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.home-service-card:first-child,.stagger-1{animation-delay:.1s}.home-service-card:nth-child(2),.stagger-2{animation-delay:.2s}.home-service-card:nth-child(3),.stagger-3{animation-delay:.3s}.home-service-card:nth-child(4),.stagger-4{animation-delay:.4s}.home-service-card:nth-child(5){animation-delay:.5s}.home-service-card:nth-child(6){animation-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.hero{margin-top:0;min-height:32vh;padding:var(--space-6,1.5rem) var(--space-4,1rem) var(--space-8,2rem)}.hero h1,.hero-title{font-size:var(--font-size-2xl,1.875rem);margin-bottom:var(--space-2,var(--spacing-2))}.hero-subtitle{font-size:var(--font-size-sm,.875rem);margin-bottom:var(--space-4,var(--spacing-4));max-width:320px}.hero-buttons{align-items:center;flex-direction:column;gap:var(--space-2,var(--spacing-2));margin:0 auto;max-width:280px;width:100%}.hero-buttons .legacy-btn{max-width:250px;width:100%}.features,.popular-services{padding:var(--space-12,60px) var(--space-3,15px)}.section-title{font-size:var(--font-size-2xl)}.section-subtitle{font-size:var(--font-size-base);margin-bottom:var(--space-8,var(--spacing-8))}.services-grid{gap:var(--space-4,var(--spacing-4));grid-template-columns:1fr!important;max-width:none}.home-service-card{padding:var(--space-6,var(--spacing-6))}.service-icon{font-size:var(--font-size-2xl);height:64px;width:64px}.service-name,.service-title{font-size:var(--font-size-lg)}.stats-grid{gap:var(--space-6,var(--spacing-6));grid-template-columns:repeat(2,1fr)}.stat-number{font-size:var(--font-size-3xl,var(--font-size-2xl))}.cta-box{padding:var(--space-8,var(--spacing-8))}.cta h2,.cta-title{font-size:var(--font-size-2xl)}.cta p,.cta-description{font-size:var(--font-size-base)}}@media (max-width:480px){.hero{min-height:30vh;padding:var(--space-5,1.25rem) var(--space-4,1rem) var(--space-6,1.5rem)}.hero h1,.hero-title{font-size:var(--font-size-xl,1.5rem);margin-bottom:var(--space-2,var(--spacing-2))}.hero-subtitle{font-size:var(--font-size-sm,.875rem);margin-bottom:var(--space-3,var(--spacing-3));max-width:280px}.hero-buttons{max-width:250px}.hero-buttons .legacy-btn{max-width:220px}.stats-grid{grid-template-columns:1fr}}.about-hero{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;padding:100px 20px;text-align:center}.about-content{margin:80px auto;max-width:800px;padding:0 20px}.mission-section{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:32px;padding:48px}.section-title{color:#111827}.mission-section p{color:#374151;font-size:18px;line-height:1.8}.values-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:48px}.value-card{background:#f9fafb;border-radius:12px;padding:32px;text-align:center;transition:all .3s}.value-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-card h3{color:#111827}.value-card p{color:#374151}.value-icon{font-size:48px;margin-bottom:16px}.timeline{padding:32px 0;position:relative}.timeline:before{background:#d1d5db;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{background:#fff;border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:32px;padding:32px;position:relative}.timeline-item h3{color:#111827;margin-bottom:8px}.link-primary,.text-primary-emphasis{color:var(--primary-color);font-weight:600}.link-primary{text-decoration:none}.link-primary:hover{opacity:.8}.section-title-primary{color:var(--primary-color);margin:2rem 0 1rem}.section-title-success{color:#10b981;margin:2rem 0 1rem}.section-title-purple{color:#8b5cf6;margin:2rem 0 1rem}.content-list,.content-list-spaced{color:var(--text-secondary);margin-left:1.5rem}.content-list-spaced{line-height:1.8}.values-showcase-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.value-showcase-card{background:#f8f9fa;border-radius:12px;padding:1.5rem}.value-showcase-card-primary{border-left:4px solid var(--primary-color)}.value-showcase-card-success{border-left:4px solid #10b981}.value-showcase-card-purple{border-left:4px solid #8b5cf6}.value-showcase-title{margin:0 0 1rem}.value-showcase-title-primary{color:var(--primary-color)}.value-showcase-title-success{color:#10b981}.value-showcase-title-purple{color:#8b5cf6}.value-showcase-text{color:var(--text-secondary);margin:0}.cta-highlight-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid var(--primary-color);border-radius:12px;margin-top:2rem;padding:1.5rem}.cta-highlight-title{color:var(--primary-color);margin:0 0 1rem}.cta-highlight-text{color:var(--text-secondary);line-height:1.6;margin:0}.timeline-item p{color:#374151}.timeline-item:before{background:#4f46e5;border-radius:50%;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;z-index:1}@media (max-width:768px){.timeline-item:before,.timeline:before{left:16px}}.ad-container{margin:40px auto;max-width:1200px;min-height:250px;padding:0 20px}.ad-label{color:#666;text-align:center}.adsbygoogle{min-height:90px;width:100%}.contact-page{--primary-color:#6366f1;--secondary-color:#8b5cf6;--accent-color:#f59e0b;--success-color:#10b981;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-warm:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-cool:linear-gradient(135deg,#06b6d4,#3b82f6);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--shadow-xl:0 20px 25px rgba(0,0,0,.15);background-color:var(--gray-50);color:var(--gray-900);line-height:1.6}.contact-navbar{background:#fff;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.contact-navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 20px}.contact-logo{background:var(--gradient-primary);-webkit-background-clip:text;font-size:24px;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.contact-nav-menu{display:flex;gap:32px;list-style:none}.contact-nav-link{color:var(--gray-600);font-weight:500;text-decoration:none;transition:color .2s}.contact-nav-link:hover{color:var(--primary-color)}.contact-header{background:#fff;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.contact-header:before{animation:contactFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes contactFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.contact-header-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.contact-header-title{background:var(--gradient-primary);-webkit-background-clip:text;font-size:48px;font-weight:700;margin-bottom:16px;-webkit-text-fill-color:transparent}.contact-header-subtitle{color:var(--gray-600);font-size:20px;margin-bottom:32px}.contact-container{margin:0 auto;max-width:1280px;padding:80px 20px}.contact-section{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:32px;overflow:hidden;padding:48px;position:relative;transition:all .3s}.contact-section:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s;width:100%}.contact-section:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.contact-section:hover:before{transform:scaleX(1)}.contact-section-title{color:var(--gray-900);font-size:36px;font-weight:700;margin-bottom:24px}.contact-grid{display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:40px}.contact-info-item{align-items:flex-start;display:flex;gap:16px;margin-bottom:32px}.contact-info-icon{align-items:center;background:var(--gradient-primary);border-radius:16px;display:flex;flex-shrink:0;font-size:32px;height:64px;justify-content:center;width:64px}.contact-info-content h3{color:var(--gray-900);font-size:24px;font-weight:600;margin-bottom:12px}.contact-info-content p{color:var(--gray-600);line-height:1.6;margin-bottom:8px}.contact-info-content a{color:var(--primary-color);font-weight:500;text-decoration:none}.contact-info-content a:hover{text-decoration:underline}.contact-form-group{margin-bottom:24px}.contact-form-label{color:var(--gray-700);display:block;font-size:16px;font-weight:500;margin-bottom:8px}.contact-form-input,.contact-form-textarea{border:2px solid var(--gray-200);border-radius:8px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .2s;width:100%}.contact-form-input:focus,.contact-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.contact-form-textarea{min-height:150px;resize:vertical}.contact-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s}.contact-btn-primary{background:var(--gradient-primary);box-shadow:0 4px 14px rgba(99,102,241,.3);color:#fff;justify-content:center;width:100%}.contact-btn-primary:hover{box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-2px)}.contact-form-note{color:var(--gray-500);font-size:14px;margin-top:16px;text-align:center}.contact-faq-item{border-bottom:1px solid var(--gray-200);padding:24px 0}.contact-faq-item:last-child{border-bottom:none}.contact-faq-question{align-items:center;color:var(--gray-800);cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;transition:color .2s}.contact-faq-question:hover{color:var(--primary-color)}.contact-faq-arrow{color:var(--gray-500);transition:transform .3s}.contact-faq-item.dh-state-active .contact-faq-arrow{color:var(--primary-color);transform:rotate(180deg)}.contact-faq-answer{border-left:4px solid var(--gray-200);color:var(--gray-600);display:none;line-height:1.7;margin-top:16px;padding-left:8px}.contact-faq-item.dh-state-active .contact-faq-answer{animation:contactFadeIn .3s ease-in;display:block}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-ad-container{margin:40px 0;text-align:center}.contact-ad-label{color:var(--gray-500);font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.faq-link{color:var(--primary-color);text-decoration:underline}.faq-link:hover{opacity:.8}@media (max-width:768px){.contact-header-title{font-size:36px}.contact-grid{grid-template-columns:1fr}.contact-section{padding:32px 24px}.contact-nav-menu{display:none}}.faq-hero{background:linear-gradient(135deg,var(--color-brand-500,#3b82f6) 0,var(--color-success,#10b981) 100%);color:var(--color-gray-0,#fff);margin-bottom:var(--space-16,60px);padding:var(--space-20,80px) var(--space-4,20px);text-align:center}.faq-hero h1{font-size:var(--font-size-4xl,3rem);font-weight:var(--font-weight-bold,700);letter-spacing:var(--letter-spacing-tight,-.025em);line-height:var(--line-height-tight,1.1);margin-bottom:var(--space-4,16px)}.faq-hero p{font-size:var(--font-size-xl,1.25rem);line-height:var(--line-height-relaxed,1.6);margin:0 auto;max-width:600px;opacity:.9}.faq-container{margin:0 auto;max-width:var(--container-md,800px);padding:0 var(--space-4,20px) var(--space-20,80px)}.faq-search{background:var(--surface-primary,#fff);border:var(--border-1,1px) solid var(--border-primary,var(--gray-200));border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-lg,0 10px 25px rgba(0,0,0,.1));margin-bottom:var(--space-10,40px);padding:var(--space-8,32px)}.search-input{background:var(--bg-secondary,var(--gray-50));border:var(--border-2,2px) solid var(--border-primary,var(--gray-200));border-radius:var(--radius-lg,12px);font-size:var(--font-size-base,16px);padding:var(--space-4,16px) var(--space-5,20px);transition:var(--transition-all,all .3s ease);width:100%}.search-input:focus{background:var(--bg-primary,#fff);border-color:var(--border-focus,var(--primary-color));box-shadow:0 0 0 3px var(--color-primary-subtle,rgba(59,130,246,.1));outline:none}.search-input::-moz-placeholder{color:var(--text-tertiary,var(--gray-500))}.search-input::placeholder{color:var(--text-tertiary,var(--gray-500))}.faq-categories{display:grid;gap:var(--space-4,16px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-10,40px)}.category-btn{background:var(--surface-primary,#fff);border:var(--border-2,2px) solid var(--border-primary,var(--gray-200));border-radius:var(--radius-full,25px);color:var(--text-secondary,var(--gray-700));cursor:pointer;font-weight:var(--font-weight-medium,500);overflow:hidden;padding:var(--space-3,12px) var(--space-5,20px);text-align:center;text-overflow:ellipsis;transition:var(--transition-all,all .3s ease);white-space:nowrap}.category-btn.dh-state-active,.category-btn:hover{background:var(--color-primary,var(--primary-color));border-color:var(--color-primary,var(--primary-color));color:var(--color-gray-0,#fff);transform:translateY(-2px)}.faq-list{display:flex;flex-direction:column;gap:var(--space-4,16px)}.faq-item{background:var(--surface-primary,#fff);border:var(--border-1,1px) solid var(--border-primary,var(--gray-200));border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-md,0 4px 15px rgba(0,0,0,.08));position:relative;transition:var(--transition-all,all .3s ease);z-index:1}.faq-item:hover{box-shadow:var(--shadow-xl,0 8px 25px rgba(0,0,0,.12));transform:translateY(-2px)}.faq-question{align-items:flex-start;background:none;border:none;color:var(--text-primary,var(--gray-900));font-size:var(--font-size-base,16px);font-weight:var(--font-weight-semibold,600);gap:var(--space-4,16px);line-height:var(--line-height-relaxed,1.7);min-height:auto;padding:var(--space-6,24px);text-align:left;width:100%}.faq-question:hover{background:var(--bg-secondary,var(--gray-50))}.faq-question-text{flex:1;word-break:keep-all;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word;padding-right:var(--space-2,8px)}.faq-category-tag{background:var(--color-primary,var(--primary-color));border-radius:var(--radius-full,15px);color:var(--color-gray-0,#fff);display:inline-block;font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-medium,500);margin-bottom:var(--space-2,8px);padding:var(--space-1,4px) var(--space-3,12px);white-space:nowrap}.faq-icon{align-items:center;color:var(--color-primary,var(--primary-color));display:flex;flex-shrink:0;font-size:var(--font-size-xl,20px);height:var(--space-6,24px);justify-content:center;transition:transform .3s ease;width:var(--space-6,24px)}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{background:var(--bg-secondary,var(--gray-50));transition:max-height .4s ease,padding .4s ease}.faq-item.open .faq-answer{max-height:none;padding:0 var(--space-6,24px) var(--space-6,24px)}.faq-answer-content{color:var(--text-secondary,var(--gray-700));font-size:var(--font-size-base,15px);line-height:var(--line-height-relaxed,1.7);word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word}.faq-answer-content p{margin:0 0 var(--space-4,16px) 0}.faq-answer-content p:last-child{margin-bottom:0}.faq-answer-content ul{list-style-type:disc;margin:var(--space-4,16px) 0;padding-left:var(--space-5,20px)}.faq-answer-content li{line-height:var(--line-height-relaxed,1.7);margin-bottom:var(--space-2,8px)}.faq-answer-content strong{color:var(--text-primary,var(--gray-900));font-weight:var(--font-weight-semibold,600)}.faq-answer-content a{color:var(--color-primary,var(--primary-color));font-weight:var(--font-weight-medium,500);text-decoration:none}.faq-answer-content a:hover{text-decoration:underline}.no-results{color:var(--text-tertiary,var(--gray-500));display:none;padding:var(--space-16,60px) var(--space-4,20px);text-align:center}.no-results.show{display:block}.no-results-icon{font-size:var(--font-size-5xl,3rem);margin-bottom:var(--space-4,16px);opacity:.5}.contact-cta{background:linear-gradient(135deg,var(--color-primary,var(--primary-color)) 0,var(--color-success,#10b981) 100%);border-radius:var(--radius-xl,16px);color:var(--color-gray-0,#fff);margin-top:var(--space-16,60px);padding:var(--space-10,40px);text-align:center}.contact-cta h3{font-size:var(--font-size-2xl,1.5rem);margin-bottom:var(--space-3,12px)}.contact-cta p{line-height:var(--line-height-relaxed,1.6);margin-bottom:var(--space-6,24px);opacity:.9}.contact-btn{align-items:center;background:var(--color-gray-0,#fff);border-radius:var(--radius-full,25px);display:inline-flex;font-weight:var(--font-weight-semibold,600);gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-6,24px);transition:var(--transition-all,all .3s ease)}.contact-btn,.contact-btn:hover{color:var(--color-primary,var(--primary-color));text-decoration:none}.contact-btn:hover{box-shadow:0 8px 25px hsla(0,0%,100%,.3);transform:translateY(-2px)}@media (max-width:768px){.faq-hero{padding:var(--space-16,60px) var(--space-4,20px)}.faq-hero h1{font-size:var(--font-size-3xl,2.5rem);margin-bottom:var(--space-3,12px)}.faq-hero p{font-size:var(--font-size-lg,1.1rem)}.faq-container{padding:0 var(--space-3,15px) var(--space-16,60px)}.faq-search{padding:var(--space-6,24px) var(--space-5,20px)}.faq-categories{gap:var(--space-3,12px);grid-template-columns:repeat(2,1fr)}.category-btn{font-size:var(--font-size-sm,14px);padding:var(--space-2,10px) var(--space-4,16px)}.faq-question{align-items:stretch;flex-direction:column;font-size:var(--font-size-base,15px);padding:var(--space-5,20px)}.faq-question-text{margin-bottom:var(--space-3,12px)}.faq-icon{align-self:flex-end;margin-top:calc(var(--space-3, 12px)*-1)}.faq-item.open .faq-answer{padding:0 var(--space-5,20px) var(--space-5,20px)}.contact-cta{padding:var(--space-8,32px) var(--space-6,24px)}}@media (max-width:480px){.faq-hero h1{font-size:var(--font-size-2xl,2rem)}.faq-hero p{font-size:var(--font-size-base,1rem)}.faq-search{padding:var(--space-5,20px) var(--space-4,16px)}.search-input{font-size:16px;padding:var(--space-3,14px) var(--space-4,16px)}.faq-categories{grid-template-columns:1fr}.faq-question{padding:var(--space-4,16px)}.faq-answer-content,.faq-question{font-size:var(--font-size-sm,14px)}.faq-item.open .faq-answer{padding:0 var(--space-4,16px) var(--space-4,16px)}.contact-cta{padding:var(--space-7,28px) var(--space-5,20px)}.contact-cta h3{font-size:var(--font-size-xl,1.3rem)}}.error-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.error-container h1{animation:float 3s ease-in-out infinite;font-size:8rem;font-weight:700;margin-bottom:.5rem;text-shadow:3px 3px 10px rgba(0,0,0,.2)}.error-container h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.error-container p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-actions .dh-c-btn{border-radius:50px;display:inline-block;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#fff;color:#667eea}.btn-primary:hover{box-shadow:0 5px 15px rgba(0,0,0,.2)}.btn-secondary{background:hsla(0,0%,100%,.2);border:2px solid #fff;color:#fff}.btn-secondary:hover{background:#fff;color:#667eea}.error-illustration{height:200px;margin-bottom:2rem;position:relative;width:200px}.error-illustration:before{animation:search 2s ease-in-out infinite;content:"🔍";font-size:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes search{0%,to{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}}@media (max-width:768px){.error-container h1{font-size:5rem}.error-container h2{font-size:1.5rem}.error-actions{flex-direction:column;max-width:300px;width:100%}.error-actions .dh-c-btn{text-align:center;width:100%}}:root{--bmi-primary:#10b981;--bmi-primary-dark:#059669;--bmi-secondary:#3b82f6;--bmi-success:#22c55e;--bmi-warning:#f59e0b;--bmi-danger:#ef4444;--bmi-gray-50:#f9fafb;--bmi-gray-100:#f3f4f6;--bmi-gray-200:#e5e7eb;--bmi-gray-300:#d1d5db;--bmi-gray-400:#9ca3af;--bmi-gray-500:#6b7280;--bmi-gray-600:#4b5563;--bmi-gray-700:#374151;--bmi-gray-800:#1f2937;--bmi-gray-900:#111827}.bmi-header{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:80px 20px;position:relative}.bmi-header:before{animation:backgroundScroll 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23fff' fill-opacity='.1' fill-rule='evenodd' d='M11 18c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7m48 25c3.866 0 7-3.133 7-7s-3.134-7-7-7-7 3.133-7 7 3.134 7 7 7m-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6m63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6M34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6m56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6M12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5M32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5m-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29M60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91M35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41M12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundScroll{0%{transform:translateY(0)}to{transform:translateY(100px)}}.bmi-header-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.bmi-header-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:50px;color:#fff;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:20px;padding:8px 20px}.bmi-header-title{color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:16px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.bmi-header-subtitle{color:hsla(0,0%,100%,.9);font-size:clamp(1.1rem,2.5vw,1.25rem);line-height:1.6;margin:0 auto;max-width:600px}.bmi-floating-icons{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-icon{animation:float 15s ease-in-out infinite;font-size:2rem;opacity:.3;position:absolute}.floating-icon:first-child{animation-delay:0s;left:10%;top:20%}.floating-icon:nth-child(2){animation-delay:2s;left:20%;top:80%}.floating-icon:nth-child(3){animation-delay:4s;left:60%;top:40%}.floating-icon:nth-child(4){animation-delay:6s;left:80%;top:10%}.floating-icon:nth-child(5){animation-delay:8s;left:90%;top:70%}.bmi-main-container{margin:-40px auto 60px;max-width:1200px;padding:0 20px;position:relative;z-index:10}.bmi-calculator-section{background:#fff;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.1);margin-bottom:40px;padding:48px}.bmi-calculator-grid{align-items:start;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin-bottom:40px}.bmi-input-section{background:var(--bmi-gray-50);border:1px solid var(--bmi-gray-200);border-radius:16px;display:flex;flex-direction:column;padding:32px}.bmi-input-section h2{align-items:center;color:var(--bmi-gray-800);display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:28px}.bmi-input-section h2:before{content:"✏️";font-size:28px}.bmi-input-group{margin-bottom:24px}.bmi-input-label{color:var(--bmi-gray-700);display:block;font-size:15px;font-weight:600;margin-bottom:10px}.bmi-radio-group{display:flex;gap:24px;margin-top:10px}.bmi-radio-label{align-items:center;color:var(--bmi-gray-600);cursor:pointer;display:flex;font-size:15px;gap:8px;transition:color .2s}.bmi-radio-label:hover{color:var(--bmi-gray-800)}.bmi-radio-label input[type=radio]{accent-color:var(--bmi-primary);cursor:pointer;height:20px;width:20px}.bmi-input-wrapper{align-items:center;display:flex;gap:12px;position:relative}.bmi-input-field{background:#fff;border:2px solid var(--bmi-gray-300);border-radius:12px;flex:1;font-size:16px;font-weight:500;padding:14px 18px;transition:all .3s}.bmi-input-field:focus{border-color:var(--bmi-primary);box-shadow:0 0 0 4px rgba(16,185,129,.1);outline:none;transform:translateY(-2px)}.bmi-input-field::-moz-placeholder{color:var(--bmi-gray-400)}.bmi-input-field::placeholder{color:var(--bmi-gray-400)}.bmi-input-unit{color:var(--bmi-gray-500);font-size:15px;font-weight:600;min-width:35px}.bmi-calculate-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:16px;overflow:hidden;padding:18px 36px;position:relative;transition:all .3s;width:100%}.bmi-calculate-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.bmi-calculate-btn:hover:before{left:100%}.bmi-calculate-btn:hover{box-shadow:0 10px 25px rgba(102,126,234,.3);transform:translateY(-3px)}.bmi-calculate-btn:active{transform:translateY(-1px)}.bmi-input-info{background:hsla(0,0%,100%,.8);border-radius:12px;margin-top:24px;padding:24px}.bmi-input-info h3{align-items:center;color:var(--bmi-gray-800);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.bmi-input-info h3:before{content:"ℹ️"}.bmi-info-grid{display:grid;gap:12px}.bmi-info-item{align-items:center;background:rgba(16,185,129,.1);border-radius:8px;color:var(--bmi-gray-700);display:flex;font-size:14px;gap:12px;padding:12px}.bmi-info-icon{flex-shrink:0;font-size:16px}.bmi-result-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;padding:40px;position:relative}.bmi-result-section:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 50%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.bmi-result-section h2{color:var(--bmi-gray-800);font-size:22px;font-weight:700;margin-bottom:24px;position:relative;text-align:center;z-index:1}.bmi-result-section h2:before{content:"📊";margin-right:10px}.bmi-result-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:24px;padding:32px;position:relative;text-align:center;z-index:1}.bmi-value{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;font-size:clamp(4rem,8vw,5.5rem);font-weight:900;line-height:1;margin-bottom:12px;-webkit-text-fill-color:transparent;background-clip:text}.bmi-status{color:var(--bmi-gray-800);font-size:28px;font-weight:700;margin-bottom:16px}.bmi-description{color:var(--bmi-gray-600);font-size:17px;line-height:1.7;margin:0 auto 32px;max-width:500px}.bmi-weight-info{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:32px}.bmi-weight-card{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;padding:20px;transition:all .3s}.bmi-weight-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-3px)}.bmi-weight-card-label{color:var(--bmi-gray-500);font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.bmi-weight-card-value{color:var(--bmi-gray-900);font-size:24px;font-weight:700}.bmi-quick-tips{background:hsla(0,0%,100%,.8);border-radius:12px;margin-top:24px;padding:24px;position:relative;z-index:1}.bmi-quick-tips h3{align-items:center;color:var(--bmi-gray-800);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:16px}.bmi-quick-tips h3:before{content:"💡"}.bmi-tips-grid{display:grid;gap:12px}.bmi-tip-item{align-items:center;background:rgba(16,185,129,.1);border-radius:8px;color:var(--bmi-gray-700);display:flex;font-size:14px;gap:12px;padding:12px}.bmi-tip-icon{flex-shrink:0;font-size:16px}.bmi-chart{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-top:40px;padding:32px}.bmi-chart-title{color:var(--bmi-gray-800);font-size:20px;font-weight:700;margin-bottom:24px;text-align:center}.bmi-chart-container{margin-bottom:24px;position:relative}.bmi-chart-bar{background:linear-gradient(90deg,#3b82f6 0,#10b981 18.5%,#f59e0b 23%,#ef4444 25%,#991b1b 30%);border-radius:25px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1);height:50px;overflow:hidden;position:relative}.bmi-chart-pointer{position:absolute;top:-15px;transform:translateX(-50%);transition:left .5s cubic-bezier(.68,-.55,.265,1.55)}.bmi-chart-pointer-value{background:var(--bmi-gray-900);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;font-size:14px;font-weight:600;margin-bottom:6px;padding:6px 14px;white-space:nowrap}.bmi-chart-pointer-arrow{border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid var(--bmi-gray-900);height:0;margin:0 auto;width:0}.bmi-chart-labels{color:var(--bmi-gray-600);display:flex;font-size:13px;justify-content:space-between;margin-top:12px;text-align:center}.bmi-chart-labels span{flex:1;font-weight:500}.bmi-advice-section{background:#fff;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.1);margin-bottom:40px;padding:48px}.bmi-advice-title{color:var(--bmi-gray-800);font-size:32px;font-weight:800;margin-bottom:16px;text-align:center}.bmi-advice-subtitle{color:var(--bmi-gray-600);font-size:18px;margin-bottom:40px;text-align:center}.bmi-advice-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.bmi-advice-card{background:var(--bmi-gray-50);border:1px solid transparent;border-radius:16px;overflow:hidden;padding:32px;position:relative;transition:all .3s}.bmi-advice-card.diet{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.bmi-advice-card.exercise{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa}.bmi-advice-card.lifestyle{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399}.bmi-advice-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-5px)}.bmi-advice-card-icon{display:block;font-size:48px;margin-bottom:16px}.bmi-advice-card-title{color:var(--bmi-gray-800);font-size:20px;font-weight:700;margin-bottom:12px}.bmi-advice-card-content{color:var(--bmi-gray-700);font-size:15px;line-height:1.6}.bmi-advice-card-content ul{margin:12px 0 0 20px;padding:0}.bmi-advice-card-content li{margin-bottom:8px}.bmi-knowledge-section{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.bmi-knowledge-card{background:#fff;border:2px solid var(--bmi-gray-200);border-radius:16px;padding:28px;transition:all .3s}.bmi-knowledge-card:hover{border-color:var(--bmi-primary);box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-3px)}.bmi-knowledge-card h3{align-items:center;color:var(--bmi-gray-800);display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:12px}.bmi-knowledge-card p{color:var(--bmi-gray-600);font-size:15px;line-height:1.6;margin:0}.bmi-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-top:32px;overflow:hidden;width:100%}.bmi-table td,.bmi-table th{padding:16px;text-align:left}.bmi-table th{background:var(--bmi-gray-100);color:var(--bmi-gray-800);font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bmi-table tr{border-bottom:1px solid var(--bmi-gray-100);transition:background .2s}.bmi-table tr:hover{background:var(--bmi-gray-50)}.bmi-table tr:last-child{border-bottom:none}.bmi-status-badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.bmi-status-underweight{background:#dbeafe;color:#1e40af}.bmi-status-normal{background:#d1fae5;color:#065f46}.bmi-status-overweight{background:#fed7aa;color:#92400e}.bmi-status-obese{background:#fee2e2;color:#991b1b}.dh-u-hidden{display:none!important}.ad-label{color:var(--bmi-gray-400);margin-bottom:8px}@media (max-width:768px){.bmi-header{padding:60px 20px}.bmi-header-title{font-size:2rem}.bmi-header-subtitle{font-size:1rem}.bmi-calculator-grid{gap:32px;grid-template-columns:1fr}.bmi-advice-section,.bmi-calculator-section{padding:32px 24px}.bmi-value{font-size:3.5rem}.bmi-status{font-size:24px}.bmi-advice-grid,.bmi-knowledge-section{grid-template-columns:1fr}.floating-icon{display:none}}.page-header{background:linear-gradient(135deg,rgba(139,92,246,.05),rgba(124,58,237,.05));padding:80px 0 60px;text-align:center;width:100%}.page-header .container{margin:0 auto;max-width:1280px;padding:0 20px;text-align:center}.page-title{color:#2d3436;font-size:2.5rem;font-weight:700;margin-bottom:16px}.page-subtitle,.page-title{text-align:center;width:100%}.page-subtitle{color:#636e72;font-size:1.125rem}.fortune-section{background:#fff;padding:60px 0;text-align:center;width:100%}.fortune-section .container{margin:0 auto;max-width:1280px;padding:0 20px;text-align:center}.fortune-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:40px;text-align:left}.fortune-form-container h2{color:#2d3436;font-size:1.5rem;font-weight:600;margin-bottom:30px;text-align:center}.form-row .form-group{flex:1}label{color:#2d3436;display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.calendar-type{display:flex;gap:15px;justify-content:center;margin:20px 0}.calendar-option{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;flex:1;padding:12px;text-align:center;transition:all .3s ease}.calendar-option.dh-state-active{background-color:rgba(99,102,241,.05);border-color:#6366f1}.gender-selection{display:flex;gap:15px;margin:20px 0}.gender-option{border:2px solid #e9ecef;border-radius:8px;cursor:pointer;flex:1;padding:12px;text-align:center;transition:all .3s ease}.gender-option.dh-state-active{background-color:rgba(99,102,241,.05);border-color:#6366f1}.dh-c-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-top:20px;width:100%}.btn-primary:hover{box-shadow:0 10px 25px rgba(99,102,241,.3);transform:translateY(-2px)}.dh-u-loading{color:#6366f1}.fortune-result{background:#f8fafc;border-left:4px solid #6366f1;border-radius:12px;margin-top:30px;padding:30px}.fortune-result h3{color:#2d3436;margin-bottom:20px;text-align:center}.fortune-content{color:#4a5568;line-height:1.8}.fortune-category{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:25px;padding:20px}.fortune-category h4{color:#6366f1;font-size:1.2rem;font-weight:600;margin-bottom:10px}.fortune-score{align-items:center;display:flex;gap:10px;margin-bottom:10px}.score-stars{color:#fbbf24}.score-text{color:#2d3436;font-weight:500}.stagger-1{animation-delay:.2s}@media (max-width:768px){.page-title{font-size:2rem}.fortune-form-container{margin:0 20px;padding:30px 20px}.form-row{gap:0}.calendar-type,.form-row,.gender-selection{flex-direction:column}}@media (max-width:480px){.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.fortune-form-container{margin:0 15px;padding:20px 15px}}.score-value{color:var(--score-color)}.score-fill{background:var(--score-color);transition:width .5s ease,background .5s ease;width:calc(var(--score)*1%)}.bar-fill{transition:width .5s ease;width:calc(var(--count)*25%)}.fortune-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 0 100px;position:relative;text-align:center}.fortune-hero:before{animation:drift 40s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 2px,transparent 0);background-size:30px 30px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes drift{to{transform:translate(30px,30px)}}.fortune-hero-content{margin:0 auto;max-width:800px;padding:0 20px;position:relative;z-index:1}.fortune-hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:25px}.gradient-text{background:linear-gradient(45deg,#fff,hsla(0,0%,100%,.7));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fortune-hero p{font-size:1.3rem;line-height:1.8;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.fortune-cta{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:30px;color:#fff;display:inline-flex;font-size:1.2rem;font-weight:600;gap:10px;padding:18px 40px;text-decoration:none;transition:all .3s ease}.fortune-cta:hover{background:hsla(0,0%,100%,.3);box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translateY(-3px)}.fortune-cta span{font-size:1.5rem}.fortune-services{background:var(--gray-50);padding:80px 0}.fortune-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1200px}.fortune-card{background:#fff;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.08);color:inherit;overflow:hidden;padding:35px;position:relative;text-decoration:none;transition:all .3s ease}.fortune-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.fortune-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.fortune-card:hover:before{transform:scaleX(1)}.fortune-card-icon{display:block;font-size:4rem;margin-bottom:20px;transition:all .3s ease}.fortune-card h3{color:var(--gray-800);font-size:1.5rem;font-weight:700;margin-bottom:15px}.fortune-card p{color:var(--gray-600);font-size:1rem;line-height:1.7;margin-bottom:20px}.fortune-card-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 16px;position:absolute;right:20px;top:20px}.fortune-card-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2)}.fortune-card-badge.new{background:var(--success-color)}.fortune-card-badge.hot{background:#ff6b6b}.fortune-card-badge.traditional{background:#8b7355}.service-highlights{background:#fff;padding:80px 0}.highlights-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.highlight-card{background:var(--gray-50);border-radius:15px;padding:30px;text-align:center;transition:all .3s ease}.highlight-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-5px)}.highlight-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:3.5rem;margin-bottom:20px}.highlight-card:nth-child(2) .highlight-icon{animation-delay:.5s}.highlight-card:nth-child(3) .highlight-icon{animation-delay:1s}.highlight-card:nth-child(4) .highlight-icon{animation-delay:1.5s}.highlight-title{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin-bottom:10px}.highlight-desc{color:var(--gray-600);font-size:1rem;line-height:1.6}.cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.cta-box{margin:0 auto;max-width:700px;padding:0 20px}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-description{font-size:1.2rem;line-height:1.8;margin-bottom:35px;opacity:.95}.cta-button{background:#fff;border-radius:30px;color:var(--primary-color);display:inline-block;font-size:1.1rem;font-weight:600;padding:18px 45px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);transform:translateY(-3px)}@media (max-width:768px){.fortune-hero{padding:80px 0 60px}.fortune-hero h1{font-size:2.5rem}.fortune-cta,.fortune-hero p{font-size:1.1rem}.fortune-cta{padding:15px 30px}.fortune-grid{gap:20px;grid-template-columns:1fr;padding:0 15px}.fortune-card{padding:30px 25px}.fortune-card-icon{font-size:3rem}.highlights-grid{gap:25px;grid-template-columns:1fr}.cta-title{font-size:2rem}.cta-description{font-size:1rem}}@media (max-width:480px){.fortune-hero h1{font-size:2rem}.fortune-cta{font-size:1rem;padding:12px 25px}.fortune-card h3{font-size:1.3rem}.fortune-card p{font-size:.95rem}}.naver-style-fortune{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);line-height:1.6;margin:40px auto;max-width:800px;padding:32px}.fortune-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.animal-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.animal-emoji{font-size:2rem}.animal-info h2{color:#333;font-size:1.5rem;font-weight:600;margin:0}.today-date{color:#666;font-size:.9rem}.general-fortune{margin-bottom:32px}.general-text{background:#f8f9fa;border-left:4px solid #9333ea;border-radius:8px;color:#333;font-size:1rem;line-height:1.7;margin:0;padding:20px}.yearly-fortunes h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:16px}.year-list{display:flex;flex-direction:column;gap:16px}.year-item{background:#fafbfc;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:16px}.birth-year{color:#9333ea;flex-shrink:0;font-weight:600;min-width:60px}.year-fortune{color:#333;flex:1}.ai-disclaimer{border-top:1px solid #e9ecef;margin-top:24px;padding-top:16px;text-align:center}.ai-disclaimer small{color:#666;font-size:.85rem}.zodiac-ai-analyzing{background:#f8f9fa;border-radius:12px;color:#9333ea;font-size:1.1rem;font-weight:500;margin:20px;padding:60px 20px;text-align:center}.zodiac-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:40px 0}.zodiac-card{border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:24px}.zodiac-card:hover{border-color:#9333ea;box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.zodiac-card.dh-state-active{background:#f8f9fa;border-color:#9333ea}.zodiac-emoji{font-size:2.5rem;margin-bottom:12px}.zodiac-name{color:#333;font-size:1.1rem}.zodiac-years{color:#666;font-size:.9rem}.fortune-header{margin-bottom:40px;text-align:center}.fortune-container{margin:0 auto;max-width:1200px;padding:40px 20px}.fortune-btn{background:#9333ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px;padding:12px 24px;transition:all .3s ease}.fortune-btn:hover{background:#7c3aed;transform:translateY(-1px)}.dh-u-loading{padding:40px;text-align:center}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#8b5cf6;height:50px;width:50px}.dh-u-loading p,.loading-spinner+p{animation:none;color:#6b7280;font-size:1.0625rem;transform:none}.fortune-container .daily-ai-analyzing,.fortune-container .saju-ai-analyzing,.fortune-container .tarot-ai-analyzing{animation:none;transform:none}@media (max-width:768px){.zodiac-grid{gap:15px;grid-template-columns:repeat(3,1fr)}.zodiac-card{padding:20px 15px}.zodiac-emoji{font-size:2rem}.naver-style-fortune{margin:20px;padding:20px}.year-item{flex-direction:column;gap:8px}.birth-year{min-width:auto}}@media (max-width:480px){.zodiac-grid{grid-template-columns:repeat(2,1fr)}}.legal-hero{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;margin-bottom:0;padding:100px 20px 80px;text-align:center}.legal-hero-content h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1rem}.legal-hero-content p{color:#fff;font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.legal-container{margin:0 auto;max-width:800px;min-height:100vh;padding:4rem 1rem}.legal-container h1{color:var(--gray-900);font-size:2.5rem;margin-bottom:1rem;text-align:center}.legal-container h2{border-bottom:2px solid var(--gray-200);color:var(--gray-800);font-size:1.75rem;margin-bottom:1rem;margin-top:3rem;padding-bottom:.5rem}.legal-container h3{color:var(--gray-700);font-size:1.25rem;margin-bottom:1rem;margin-top:2rem}.legal-container p{color:var(--gray-700);font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.legal-container ol,.legal-container ul{margin-bottom:1.5rem;padding-left:2rem}.legal-container li{color:var(--gray-700);font-size:1rem;line-height:1.8;margin-bottom:.5rem}.legal-container table{border-collapse:collapse;margin:2rem 0;width:100%}.legal-container td,.legal-container th{border:1px solid var(--gray-300);padding:.75rem;text-align:left}.legal-container th{background-color:var(--gray-50);color:var(--gray-800);font-weight:600}.legal-container .update-date{color:var(--gray-500);font-size:.875rem;margin-bottom:3rem;text-align:center}.legal-container .dh-l-section{background-color:var(--gray-50);border-radius:.5rem;margin-bottom:2rem;padding:2rem}.legal-container strong{color:var(--gray-900);font-weight:600}.legal-content{margin:0 auto;max-width:900px;padding:60px 20px}.legal-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:30px;padding:40px}.legal-card h2{border-bottom:2px solid #e9ecef;color:#333;font-size:1.75rem;margin-bottom:1rem;margin-top:2rem;padding-bottom:.5rem}.legal-card h3{color:#555;font-size:1.25rem;margin-bottom:.75rem;margin-top:1.5rem}.legal-card p{color:#666;font-size:1rem;line-height:1.8;margin-bottom:1.5rem}.legal-card ol,.legal-card ul{margin-bottom:1.5rem;padding-left:2rem}.legal-card li{color:#666;font-size:1rem;line-height:1.8;margin-bottom:.5rem}.legal-toc{background:#f8f9fa;border-radius:8px;margin-bottom:40px;padding:30px}.legal-toc h2{border-bottom:2px solid #e9ecef;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.legal-toc ul{list-style:none;padding:0}.legal-toc li{margin-bottom:12px}.legal-toc a{color:#007bff;font-size:1rem;text-decoration:none;transition:color .3s ease}.legal-toc a:hover{color:#0056b3;text-decoration:underline}.legal-info-box{background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;margin:30px 0;padding:20px}.legal-info-box p{color:#004085;font-size:1rem;margin:0}.legal-contact{background:#f8f9fa;border-radius:8px;margin-top:40px;padding:30px;text-align:center}.legal-contact h3{color:#333;font-size:1.5rem;margin-bottom:15px}.legal-contact p{color:#666;margin-bottom:25px}.legal-contact-btn{align-items:center;background:#007bff;border-radius:6px;color:#fff;display:inline-flex;font-weight:500;gap:10px;padding:12px 30px;text-decoration:none;transition:all .3s ease}.legal-contact-btn:hover{background:#0056b3;box-shadow:0 4px 12px rgba(0,123,255,.3);transform:translateY(-2px)}.legal-updated{border-top:1px solid #e9ecef;color:#666;font-size:.875rem;margin-top:40px;padding-top:20px;text-align:right}@media (max-width:768px){.legal-container{padding:2rem 1rem}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.125rem}.legal-container table{font-size:.875rem}.legal-container td,.legal-container th{padding:.5rem}.legal-content{padding:30px 15px}.legal-card{margin-bottom:20px;padding:25px 20px}.legal-toc{margin-bottom:30px;padding:20px}.legal-hero-content h1{font-size:2rem}.legal-hero-content p{font-size:1rem}.legal-contact{padding:20px}.legal-contact-btn{font-size:.95rem;padding:10px 24px}}.love-intro-page{color:var(--love-text-primary);font-family:Noto Sans KR,sans-serif;line-height:1.6}.floating-hearts{z-index:1}.floating-hearts .heart{animation:heartFloat 6s ease-in-out infinite;color:var(--love-primary)}@keyframes heartFloat{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-20px) rotate(5deg)}}.love-hero-content{z-index:2}.hero-title{background:var(--dna-gradient);-webkit-background-clip:text;font-size:4rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.hero-subtitle{color:var(--love-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:40px}.love-stat{transition:transform .3s ease}.love-stat:hover{transform:translateY(-4px)}.love-dna-item{cursor:pointer}.love-dna-item:hover{box-shadow:0 20px 40px rgba(255,105,180,.3);transform:translateY(-8px) scale(1.05)}.faq{background:#fff;padding:80px 20px}.faq-list{margin:0 auto;max-width:800px}.faq-item{background:#f8f9fa;border-radius:12px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 15px rgba(0,0,0,.1)}.faq-question{color:var(--love-text-primary);padding:24px;transition:background-color .3s ease}.faq-question:hover{background-color:rgba(255,107,157,.05)}.faq-arrow{color:var(--love-primary);font-size:1.2rem}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.dh-state-active .faq-answer{max-height:200px}.faq-answer p{color:var(--love-text-secondary);line-height:1.6;margin:0;padding:0 24px 24px}@media (max-width:992px){.hero-title{font-size:3rem}.love-cta-title,.love-section-title{font-size:2.5rem}.love-dna-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.love-hero{min-height:80vh;padding:60px 20px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.love-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.love-features{padding:80px 20px}.love-section-title{font-size:2rem}.love-section-subtitle{font-size:1.125rem}.love-features-grid{gap:25px;grid-template-columns:1fr}.love-feature-card{padding:30px 25px}.love-dna-system{padding:80px 20px}.love-dna-grid{gap:20px;grid-template-columns:1fr}.love-dna-item{padding:30px 20px}.love-dna-letter{font-size:3rem}.love-cta-section{padding:80px 20px}.love-cta-title{font-size:2rem}.love-cta-subtitle{font-size:1.125rem}.love-cta-buttons{align-items:center;flex-direction:column;gap:15px}.love-cta-primary,.love-cta-secondary{max-width:300px;text-align:center;width:100%}.floating-hearts .heart{font-size:1.5rem}}@media (max-width:480px){.love-hero{padding:40px 15px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.love-stats{gap:12px;grid-template-columns:1fr}.love-stat{padding:15px}.love-stat-number{font-size:1.5rem}.love-features{padding:60px 15px}.love-section-title{font-size:1.75rem}.love-section-subtitle{font-size:1rem}.love-feature-card{padding:25px 20px}.love-feature-icon{font-size:2.5rem}.love-feature-title{font-size:1.25rem}.love-dna-system{padding:60px 15px}.love-dna-item{padding:25px 15px}.love-dna-letter{font-size:2.5rem}.love-cta-section{padding:60px 15px}.love-cta-title{font-size:1.75rem}.love-cta-subtitle{font-size:1rem}.love-cta-primary,.love-cta-secondary{font-size:1rem;padding:16px 30px}}:root{--love-bg:linear-gradient(135deg,#ffeaa7,#fab1a0);--love-primary:#ff6b9d;--love-secondary:#4ecdc4;--love-warning:#feca57;--love-text-primary:#2d3436;--love-text-secondary:#636e72;--love-text-light:#b2bec3;--love-gradient-primary:linear-gradient(135deg,#ff6b9d,#ff8e9b);--love-gradient-secondary:linear-gradient(135deg,#a8e6cf,#4ecdc4);--love-gradient-success:linear-gradient(135deg,#00b894,#00a085);--dna-gradient:linear-gradient(135deg,#ff6b9d,#667eea 50%,#764ba2)}.love-hero{align-items:center;background:var(--love-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.floating-hearts{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-hearts .heart{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.7;position:absolute}.floating-hearts .heart:first-child{animation-delay:0s;left:10%;top:20%}.floating-hearts .heart:nth-child(2){animation-delay:1.5s;right:15%;top:30%}.floating-hearts .heart:nth-child(3){animation-delay:3s;bottom:30%;left:20%}.floating-hearts .heart:nth-child(4){animation-delay:4.5s;bottom:20%;right:10%}.floating-hearts .heart:nth-child(5){animation-delay:2s;left:50%;top:10%}.love-hero-content{max-width:800px;position:relative;text-align:center;z-index:var(--z-content)}.love-badge{align-items:center;background:hsla(0,0%,100%,.9);border-radius:25px;box-shadow:0 4px 20px rgba(255,107,157,.2);color:var(--love-primary);display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:30px;padding:8px 20px}.love-hero h1{background:var(--dna-gradient);-webkit-background-clip:text;font-size:4rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.love-hero p{color:var(--love-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:40px}.love-stats{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px}.love-stat{background:hsla(0,0%,100%,.9);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;text-align:center}.love-stat-number{color:var(--love-primary);display:block;font-size:2rem;font-weight:900;margin-bottom:8px}.love-stat-label{color:var(--love-text-secondary);font-size:.875rem;font-weight:600}.love-cta{align-items:center;background:var(--love-gradient-primary);border-radius:50px;box-shadow:0 8px 30px rgba(255,107,157,.4);color:#fff;display:inline-flex;font-size:1.125rem;font-weight:700;gap:10px;padding:18px 40px;text-decoration:none;transition:all .3s ease}.love-cta:hover{box-shadow:0 12px 40px rgba(255,107,157,.6);transform:translateY(-3px)}.love-features{background:#fff;padding:100px 20px}.love-section-title{color:var(--love-text-primary);font-size:3rem;font-weight:800;margin-bottom:20px;text-align:center}.love-section-subtitle{color:var(--love-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.love-features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.love-feature-card{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:40px 30px;text-align:center;transition:all .3s ease}.love-feature-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-5px)}.love-feature-icon{display:block;font-size:3rem;margin-bottom:20px}.love-feature-title{color:var(--love-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:16px}.love-feature-desc{color:var(--love-text-secondary);font-size:1rem;line-height:1.6}.love-dna-system{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:100px 20px}.love-dna-grid{display:grid;gap:30px;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:1000px}.love-dna-item{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:40px 20px;text-align:center;transition:all .3s ease}.love-dna-item:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-5px)}.love-dna-letter{background:var(--dna-gradient);-webkit-background-clip:text;font-size:4rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.love-dna-name{color:var(--love-text-primary);font-size:1rem;font-weight:700;margin-bottom:12px}.love-dna-desc{color:var(--love-text-secondary);font-size:.875rem;line-height:1.5}.love-cta-section{background:var(--love-bg);padding:100px 20px;text-align:center}.love-cta-title{color:var(--love-text-primary);font-size:3rem;font-weight:800;margin-bottom:20px}.love-cta-subtitle{color:var(--love-text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:600px}.love-cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.love-cta-primary{background:var(--love-gradient-primary);border-radius:50px;box-shadow:0 8px 30px rgba(255,107,157,.4);color:#fff;font-size:1.125rem;font-weight:700;padding:18px 40px;text-decoration:none;transition:all .3s ease}.love-cta-primary:hover{box-shadow:0 12px 40px rgba(255,107,157,.6);transform:translateY(-3px)}.love-cta-secondary{background:hsla(0,0%,100%,.9);border:2px solid rgba(255,107,157,.3);border-radius:50px;color:var(--love-text-primary);font-size:1.125rem;font-weight:700;padding:18px 40px;text-decoration:none;transition:all .3s ease}.love-cta-secondary:hover{background:#fff;border-color:var(--love-primary);box-shadow:0 8px 25px rgba(255,107,157,.2);color:var(--love-primary);transform:translateY(-3px)}.ad-section{background:#f8f9fa;padding:60px 20px;text-align:center}.ad-label{color:#999;letter-spacing:1px}.love-test-wrapper{background:var(--love-bg);min-height:100vh;padding:20px 0}.love-header-section{padding:40px 20px;position:relative;text-align:center}.love-header-decoration{animation:float 6s ease-in-out infinite;font-size:60px;opacity:.3;position:absolute}.love-header-decoration:first-child{animation-delay:0s;left:10%;top:20%}.love-header-decoration:last-child{animation-delay:3s;right:10%;top:20%}.love-header-content{position:relative;z-index:var(--z-base)}.love-header-title{background:var(--dna-gradient);-webkit-background-clip:text;font-size:42px;font-weight:900;margin-bottom:10px;-webkit-text-fill-color:transparent;background-clip:text}.love-header-subtitle{color:var(--love-text-secondary);font-size:18px}.love-test-container{margin:0 auto;max-width:800px;padding:0 20px}.love-intro-section{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:60px 40px;text-align:center}.love-intro-title{color:var(--love-text-primary);font-size:32px;font-weight:800;margin-bottom:20px}.love-intro-text{color:var(--love-text-secondary);font-size:18px;line-height:1.6;margin-bottom:40px}.love-start-button{background:var(--love-gradient-primary);border:none;border-radius:50px;box-shadow:0 8px 30px rgba(255,107,157,.4);color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 40px;transition:all .3s ease}.love-start-button:hover{box-shadow:0 12px 40px rgba(255,107,157,.6);transform:translateY(-2px)}#test-screen{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:40px}.love-progress-container{margin-bottom:40px}.love-progress-info{display:flex;justify-content:space-between;margin-bottom:10px}.love-progress-text{color:var(--love-text-secondary);font-size:14px;font-weight:600}.love-progress-bar{background:rgba(255,107,157,.2);border-radius:10px;height:8px;overflow:hidden;width:100%}.love-progress-fill{background:var(--love-gradient-primary);border-radius:10px;height:100%;transition:width .5s ease}.love-question-container{margin-bottom:40px}.love-question-card{margin-bottom:30px;text-align:center}.love-question-number{background:var(--love-gradient-primary);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:6px 16px}.love-question-text{color:var(--love-text-primary);font-size:24px;font-weight:700;line-height:1.4}.love-options{display:flex;flex-direction:column;gap:16px}.love-option{background:hsla(0,0%,100%,.8);border:2px solid #e9ecef;border-radius:16px;color:var(--love-text-primary);cursor:pointer;font-size:16px;font-weight:500;padding:20px;text-align:left;transition:all .3s ease}.love-option:hover{background:#fff;border-color:var(--love-primary);box-shadow:0 8px 25px rgba(255,107,157,.2);transform:translateY(-2px)}.love-option.selected{background:linear-gradient(135deg,#fff,#fff5f7);border-color:var(--love-primary);box-shadow:0 8px 25px rgba(255,107,157,.3)}.love-navigation{display:flex;gap:16px;justify-content:space-between}.love-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.love-btn-secondary{background:hsla(0,0%,100%,.9);border:2px solid var(--love-text-light);color:var(--love-text-secondary)}.love-btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--love-primary);color:var(--love-primary);transform:translateY(-2px)}.love-btn-primary{background:var(--love-gradient-primary);box-shadow:0 4px 15px rgba(255,107,157,.4);color:#fff}.love-btn-primary:hover:not(:disabled){box-shadow:0 8px 25px rgba(255,107,157,.6);transform:translateY(-2px)}.love-btn:disabled{cursor:not-allowed;opacity:.5}.love-result-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:40px}.love-dna-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;margin-bottom:40px;padding:40px;text-align:center}.love-result-dna{background:var(--dna-gradient);-webkit-background-clip:text;font-size:60px;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.love-result-title{color:var(--love-text-primary);font-size:36px;font-weight:800;margin-bottom:10px}.love-result-subtitle{color:var(--love-text-secondary);font-size:20px;font-style:italic;margin-bottom:20px}.love-result-rarity{background:var(--love-gradient-success);border-radius:25px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 20px}.love-dna-analysis{background:#f8f9fa;border-radius:20px;margin-bottom:40px;padding:30px}.love-analysis-title{color:var(--love-text-primary);font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.love-dna-breakdown{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.love-axis-item{background:#fff;border-left:4px solid var(--love-primary);border-radius:12px;padding:20px;text-align:center}.love-axis-label{color:var(--love-text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.love-axis-code{color:var(--love-primary);display:block;font-size:28px;font-weight:900;margin-bottom:4px}.love-axis-description{color:var(--love-text-secondary);font-size:12px}.love-result-analysis{display:grid;gap:20px}.love-result-analysis-card{background:#f8f9fa;border-left:4px solid var(--love-primary);border-radius:16px;padding:30px}.love-result-analysis-card h4{color:var(--love-text-primary);font-size:20px;font-weight:700;margin-bottom:16px}.love-result-analysis-card p{color:var(--love-text-secondary);font-size:16px;line-height:1.6}.love-compatibility-grid{display:grid;gap:20px}.love-compatibility-section h5{font-size:16px;font-weight:600;margin-bottom:12px}.love-compatibility-best{color:var(--love-primary)}.love-compatibility-good{color:var(--love-secondary)}.love-compatibility-challenge{color:var(--love-warning)}.love-compatibility-types{display:flex;flex-wrap:wrap;gap:8px}.love-compatibility-type,.love-compatibility-type-challenge,.love-compatibility-type-good{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;padding:6px 16px}.love-compatibility-type{background:rgba(255,107,157,.1);color:var(--love-primary)}.love-compatibility-type-good{background:rgba(78,205,196,.1);color:var(--love-secondary)}.love-compatibility-type-challenge{background:rgba(254,202,87,.1);color:var(--love-warning)}.love-celebrity-list{display:flex;flex-wrap:wrap;gap:12px}.love-celebrity-item{background:rgba(102,126,234,.1);border-radius:20px;color:#667eea;font-size:14px;font-weight:500;padding:8px 20px}.love-share-section{margin-top:40px;text-align:center}.love-share-title{color:var(--love-text-primary);font-size:24px;font-weight:700;margin-bottom:20px}.love-share-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:30px}.love-share-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.love-share-btn-kakao{background:#fee500;color:#000}.love-share-btn-kakao:hover{background:#fdd835;transform:translateY(-2px)}.love-share-btn-copy{background:var(--love-gradient-secondary);color:#fff}.love-share-btn-copy:hover{box-shadow:0 4px 15px rgba(168,230,207,.4);transform:translateY(-2px)}.love-action-buttons{display:flex;gap:12px;justify-content:center}.love-action-buttons .love-btn{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.love-hidden{display:none!important}@media (max-width:1200px){.love-features-grid{grid-template-columns:repeat(2,1fr)}.love-dna-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.love-hero h1{font-size:3rem}.love-cta-title,.love-section-title{font-size:2.5rem}.love-dna-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.love-hero{min-height:80vh;padding:60px 20px}.love-hero h1{font-size:2.5rem}.love-hero p{font-size:1.125rem}.love-stats{gap:15px;grid-template-columns:repeat(2,1fr)}.love-features{padding:80px 20px}.love-section-title{font-size:2rem}.love-section-subtitle{font-size:1.125rem}.love-features-grid{gap:25px;grid-template-columns:1fr}.love-feature-card{padding:30px 25px}.love-dna-system{padding:80px 20px}.love-dna-grid{gap:20px;grid-template-columns:1fr}.love-dna-item{padding:30px 20px}.love-dna-letter{font-size:3rem}.love-cta-section{padding:80px 20px}.love-cta-title{font-size:2rem}.love-cta-subtitle{font-size:1.125rem}.love-cta-buttons{align-items:center;flex-direction:column;gap:15px}.love-cta-primary,.love-cta-secondary{max-width:300px;text-align:center;width:100%}.floating-hearts .heart{font-size:1.5rem}.love-header-title{font-size:32px}.love-header-subtitle{font-size:16px}#test-screen,.love-intro-section,.love-result-container{padding:30px 20px}.love-intro-title{font-size:26px}.love-intro-text{font-size:16px}.love-question-text{font-size:20px}.love-navigation{flex-direction:column}.love-btn{width:100%}.love-result-dna{font-size:48px}.love-result-title{font-size:28px}.love-dna-breakdown{grid-template-columns:1fr}.love-action-buttons,.love-share-buttons{flex-direction:column;width:100%}.love-action-buttons .love-btn,.love-share-btn{width:100%}}@media (max-width:480px){.love-hero{padding:40px 15px}.love-hero h1{font-size:2rem}.love-hero p{font-size:1rem}.love-stats{gap:12px;grid-template-columns:1fr}.love-stat{padding:15px}.love-stat-number{font-size:1.5rem}.love-features{padding:60px 15px}.love-section-title{font-size:1.75rem}.love-section-subtitle{font-size:1rem}.love-feature-card{padding:25px 20px}.love-feature-icon{font-size:2.5rem}.love-feature-title{font-size:1.25rem}.love-dna-system{padding:60px 15px}.love-dna-item{padding:25px 15px}.love-dna-letter{font-size:2.5rem}.love-cta-section{padding:60px 15px}.love-cta-title{font-size:1.75rem}.love-cta-subtitle{font-size:1rem}.love-cta-primary,.love-cta-secondary{font-size:1rem;padding:16px 30px}}.mbti-page .dimension-icon{font-size:24px;height:60px;margin:0 auto 20px;width:60px}.mbti-page .dimension-icon.energy{background:linear-gradient(135deg,#667eea,#764ba2)}.mbti-page .dimension-icon.perception{background:linear-gradient(135deg,#f093fb,#f5576c)}.mbti-page .dimension-icon.decision{background:linear-gradient(135deg,#4facfe,#00f2fe)}.mbti-page .dimension-icon.lifestyle{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mbti-page .dimension-type{display:inline-block;margin:0 5px;padding:8px 16px}.mbti-page .dimension-type.primary{background:#e8f2ff;color:#1e3a8a}.mbti-page .dimension-type.secondary{background:#fef3c7;color:#92400e}.mbti-page .category-color{height:16px;width:16px}.mbti-page .category-color.analyst{background:#8b5cf6}.mbti-page .category-color.diplomat{background:#10b981}.mbti-page .category-color.sentinel{background:#f59e0b}.mbti-page .category-color.explorer{background:#ef4444}.mbti-page .type-card{font-weight:600;margin-bottom:15px;padding:20px;transition:transform .2s}.mbti-page .type-card:hover{transform:translateY(-2px)}.mbti-page .type-card.nt-architect{background:linear-gradient(135deg,#fef3e2,#fcd34d 20%);color:#92400e}.mbti-page .type-card.nt-logician{background:linear-gradient(135deg,#f3e8ff,#c084fc 20%);color:#7c3aed}.mbti-page .type-card.nt-commander{background:linear-gradient(135deg,#ecfccb,#65a30d 20%);color:#365314}.mbti-page .type-card.nt-debater{background:linear-gradient(135deg,#f0f9ff,#3b82f6 20%);color:#1e3a8a}.mbti-page .type-card.nf-advocate{background:linear-gradient(135deg,#ecfdf5,#10b981 20%);color:#064e3b}.mbti-page .type-card.nf-mediator{background:linear-gradient(135deg,#fefce8,#facc15 20%);color:#a16207}.mbti-page .type-card.nf-protagonist{background:linear-gradient(135deg,#f0f9ff,#3b82f6 20%);color:#1e3a8a}.mbti-page .type-card.nf-campaigner{background:linear-gradient(135deg,#fef3e2,#f97316 20%);color:#9a3412}.mbti-page .type-card.sj-logistician{background:linear-gradient(135deg,#f1f5f9,#64748b 20%);color:#334155}.mbti-page .type-card.sj-defender{background:linear-gradient(135deg,#ecfdf5,#10b981 20%);color:#064e3b}.mbti-page .type-card.sj-executive{background:linear-gradient(135deg,#f0f9ff,#3b82f6 20%);color:#1e3a8a}.mbti-page .type-card.sj-consul{background:linear-gradient(135deg,#fdf2f8,#ec4899 20%);color:#9d174d}.mbti-page .type-card.sp-virtuoso{background:linear-gradient(135deg,#f8fafc,#64748b 20%);color:#0f172a}.mbti-page .type-card.sp-adventurer{background:linear-gradient(135deg,#fef2f2,#f87171 20%);color:#7f1d1d}.mbti-page .type-card.sp-entrepreneur{background:linear-gradient(135deg,#ecfccb,#84cc16 20%);color:#365314}.mbti-page .type-card.sp-entertainer{background:linear-gradient(135deg,#fefce8,#eab308 20%);color:#a16207}.mbti-page .type-card.nf-protagonist{background:linear-gradient(135deg,#fef2f2,#ef4444 20%);color:#991b1b}.mbti-page .type-card.nf-campaigner{background:linear-gradient(135deg,#faf5ff,#a855f7 20%);color:#581c87}.mbti-page .type-card.sj-defender{background:linear-gradient(135deg,#f0fdf4,#22c55e 20%);color:#15803d}.mbti-page .type-card.sj-executive{background:linear-gradient(135deg,#fffbeb,#f59e0b 20%);color:#92400e}.mbti-page .type-card.sj-consul{background:linear-gradient(135deg,#fef7f0,#ea580c 20%);color:#9a3412}.mbti-page .function-symbol{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;margin:0 auto 10px;width:50px}.mbti-page .function-symbol.ne{color:#3b82f6}.mbti-page .function-symbol.ni{color:#8b5cf6}.mbti-page .function-symbol.se{color:#10b981}.mbti-page .function-symbol.si{color:#f59e0b}.mbti-page .function-symbol.te{color:#06b6d4}.mbti-page .function-symbol.ti{color:#64748b}.mbti-page .function-symbol.fe{color:#ef4444}.mbti-page .function-symbol.fi{color:#ec4899}.mbti-page .stat-card.energy{background:linear-gradient(135deg,#667eea,#764ba2)}.mbti-page .stat-card.perception{background:linear-gradient(135deg,#f093fb,#f5576c)}.mbti-page .stat-card.decision{background:linear-gradient(135deg,#4facfe,#00f2fe)}.mbti-page .stat-card.lifestyle{background:linear-gradient(135deg,#43e97b,#38f9d7)}.mbti-page .cta.gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.mbti-page .cta-btn.primary{color:#667eea}.mbti-page .hero{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff;overflow:hidden;padding:100px 20px;position:relative;text-align:center}.mbti-page .hero:after,.mbti-page .hero:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:300px;position:absolute;width:300px}.mbti-page .hero:before{left:-150px;top:-150px}.mbti-page .hero:after{bottom:-150px;right:-150px}.mbti-page .hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.mbti-page .hero-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:20px;padding:8px 20px}.mbti-page .hero-title{color:#fff;font-size:52px;font-weight:700;line-height:1.2;margin-bottom:20px}.mbti-page .hero-subtitle{color:#fff;font-size:22px;line-height:1.5;margin-bottom:40px;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mbti-page .mbti-types-preview{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.mbti-page .type-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:8px;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.mbti-page .type-badge:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.mbti-page .test-start-btn{background:#fff;border:2px solid transparent;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);color:#3b82f6;display:inline-block;font-size:20px;font-weight:600;padding:18px 56px;text-decoration:none;transition:all .3s}.mbti-page .test-start-btn:hover{background:hsla(0,0%,100%,.95);border-color:#fff;box-shadow:0 6px 30px rgba(0,0,0,.3);transform:translateY(-2px)}.mbti-page .test-start-btn:active{box-shadow:0 2px 10px rgba(0,0,0,.2);transform:translateY(0)}.mbti-page .intro{background:#fff;padding:100px 20px}.mbti-page .container{margin:0 auto;max-width:1280px}.mbti-page .content-wrapper{margin:0 auto;max-width:900px}.mbti-page .section-title{font-size:40px;font-weight:700;margin-bottom:32px;text-align:center}.mbti-page .intro-text{font-size:18px;line-height:1.8;margin-bottom:32px;text-align:justify}.mbti-page .highlight{background:linear-gradient(180deg,transparent 60%,rgba(59,130,246,.3) 0);padding:0 4px}.mbti-page .dimensions{padding:100px 20px}.mbti-page .dimensions-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:56px}.mbti-page .dimension-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:all .3s}.mbti-page .dimension-card:before{content:"";height:6px;left:0;position:absolute;top:0;width:100%}.mbti-page .dimension-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.1);transform:translateY(-8px)}.mbti-page .dimension-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.mbti-page .dimension-title{font-size:24px;font-weight:600;margin-bottom:16px}.mbti-page .dimension-pair{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.mbti-page .dimension-type{border-radius:20px;font-weight:600;padding:8px 20px}.mbti-page .dimension-description{font-size:16px;line-height:1.6}.mbti-page .types{background:#fff;padding:100px 20px}.mbti-page .types-categories{margin-top:56px}.mbti-page .type-category{margin-bottom:64px}.mbti-page .category-title{font-size:28px;font-weight:600;margin-bottom:24px;text-align:center}.mbti-page .category-color{border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.mbti-page .types-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.mbti-page .type-card{border-radius:12px;color:inherit;cursor:pointer;display:block;overflow:hidden;padding:28px;position:relative;text-align:center;text-decoration:none;transition:all .3s}.mbti-page .type-card:before{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.mbti-page .type-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.mbti-page .type-card:hover:before{opacity:.05}.mbti-page .type-code{font-size:32px;font-weight:700;margin-bottom:8px}.mbti-page .type-nickname{font-size:18px;font-weight:600;margin-bottom:12px}.mbti-page .type-summary{font-size:14px;line-height:1.5}.mbti-page .cognitive{padding:100px 20px}.mbti-page .cognitive-intro{margin:0 auto 56px;max-width:800px;text-align:center}.mbti-page .cognitive-intro p{font-size:18px;line-height:1.8}.mbti-page .cognitive-functions{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1000px}.mbti-page .function-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);padding:24px;text-align:center}.mbti-page .function-symbol{font-size:24px;font-weight:700;margin-bottom:8px}.mbti-page .function-name{font-size:16px;font-weight:600;margin-bottom:8px}.mbti-page .function-desc{font-size:14px;line-height:1.5}.mbti-page .statistics{background:#fff;padding:100px 20px}.mbti-page .stats-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:56px}.mbti-page .stat-card{border-radius:16px;color:#fff;padding:40px;text-align:center}.mbti-page .stat-number{font-size:48px;font-weight:700;margin-bottom:8px}.mbti-page .stat-label{font-size:18px;font-weight:500;opacity:1}.mbti-page .faq{padding:100px 20px}.mbti-page .faq-list{margin:56px auto 0;max-width:900px}.mbti-page .faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;overflow:hidden}.mbti-page .faq-question{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:28px 32px;transition:background .2s}.mbti-page .faq-arrow{font-size:20px;transition:transform .3s}.mbti-page .faq-item.dh-state-active .faq-arrow{transform:rotate(180deg)}.mbti-page .faq-answer{max-height:0;overflow:hidden;padding:0 32px;transition:all .3s}.mbti-page .faq-item.dh-state-active .faq-answer{max-height:600px;padding:0 32px 28px}.mbti-page .faq-answer p{line-height:1.7;margin-bottom:16px}.mbti-page .faq-answer p:last-child{margin-bottom:0}.mbti-page .cta{color:#fff;padding:100px 20px;text-align:center}.mbti-page .cta-title{font-size:40px;font-weight:700;margin-bottom:20px}.mbti-page .cta-description{font-size:22px;margin-bottom:40px;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.mbti-page .cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.mbti-page .cta-btn{border-radius:8px;display:inline-block;font-size:18px;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s}.mbti-page .cta-btn-primary{background:#fff}.mbti-page .cta-btn-primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.mbti-page .cta-btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.mbti-page .cta-btn-secondary:hover{background:hsla(0,0%,100%,.1)}.mbti-page .ad-container{margin:80px auto;max-width:900px;padding:0 20px;text-align:center}.mbti-page .ad-label{font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:768px){.mbti-page .hero-title{font-size:36px}.mbti-page .hero-subtitle{font-size:18px}.mbti-page .section-title{font-size:32px}.mbti-page .dimensions-grid,.mbti-page .types-grid{grid-template-columns:1fr}.mbti-page .faq-question{font-size:16px;padding:20px 24px}.mbti-page .mbti-types-preview{gap:8px}.mbti-page .type-badge{font-size:12px;padding:6px 12px}}:root{--mbti-primary:#6366f1;--mbti-secondary:#8b5cf6;--mbti-success:#10b981;--mbti-light:#f0f9ff;--mbti-dark:#1e293b}.mbti-test-page{background:linear-gradient(135deg,var(--mbti-primary) 0,var(--mbti-secondary) 100%);font-family:Noto Sans KR,sans-serif;min-height:100vh}.mbti-animated-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-base)}.mbti-brain-particle{animation:mbtiFloating 8s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.mbti-brain-particle:first-child{animation-delay:0s;left:10%}.mbti-brain-particle:nth-child(2){animation-delay:1s;left:20%}.mbti-brain-particle:nth-child(3){animation-delay:2s;left:30%}.mbti-brain-particle:nth-child(4){animation-delay:3s;left:40%}.mbti-brain-particle:nth-child(5){animation-delay:4s;left:50%}.mbti-brain-particle:nth-child(6){animation-delay:5s;left:60%}.mbti-brain-particle:nth-child(7){animation-delay:6s;left:70%}.mbti-brain-particle:nth-child(8){animation-delay:7s;left:80%}.mbti-brain-particle:nth-child(9){animation-delay:8s;left:90%}@keyframes mbtiFloating{0%,to{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.1}50%{opacity:.3;transform:translateY(50vh) rotate(180deg)}90%{opacity:.1}}.mbti-test-wrapper{padding:40px 20px;position:relative;z-index:var(--z-content)}.mbti-header-section{margin-bottom:40px;position:relative;text-align:center}.mbti-header-decoration{animation:mbtiFloatSlow 4s ease-in-out infinite;font-size:4rem;opacity:.2;position:absolute}.mbti-header-decoration:first-child{animation-delay:0s;left:20%;top:-20px}.mbti-header-decoration:last-child{animation-delay:2s;right:20%;top:-20px}@keyframes mbtiFloatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.mbti-header-content{position:relative;z-index:var(--z-elevated)}.mbti-header-title{color:#fff;font-size:3rem;font-weight:800;margin-bottom:10px;text-shadow:0 4px 8px rgba(0,0,0,.2)}.mbti-header-subtitle{color:hsla(0,0%,100%,.9);font-size:1.2rem;font-weight:500}.mbti-test-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);margin:0 auto;max-width:800px;overflow:hidden}.mbti-test-container .mbti-hidden,.mbti-test-page .mbti-hidden{display:none}.mbti-intro-section{padding:60px 40px;text-align:center}.mbti-intro-title{color:var(--mbti-dark);font-size:2.2rem;font-weight:700;margin-bottom:24px}.mbti-intro-text{color:#64748b;font-size:1.1rem;line-height:1.7;margin-bottom:40px}.mbti-start-button{background:linear-gradient(135deg,var(--mbti-primary),var(--mbti-secondary));border:none;border-radius:60px;box-shadow:0 8px 24px rgba(99,102,241,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px 48px;transition:all .3s ease}.mbti-start-button:hover{box-shadow:0 12px 32px rgba(99,102,241,.4);transform:translateY(-3px)}.mbti-progress-container{background:var(--mbti-light);padding:30px 40px 20px}.mbti-progress-info{display:flex;justify-content:space-between;margin-bottom:12px}.mbti-progress-text{color:var(--mbti-primary);font-size:.9rem;font-weight:600}.mbti-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.mbti-progress-fill{background:linear-gradient(135deg,var(--mbti-primary),var(--mbti-secondary));border-radius:4px;height:100%;transition:width .3s ease;width:0}.mbti-question-container{padding:40px}.mbti-question-card{background:var(--mbti-light);border-radius:16px;margin-bottom:30px;padding:30px;text-align:center}.mbti-question-number{color:var(--mbti-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.mbti-question-text{color:var(--mbti-dark);font-size:1.3rem;font-weight:600;line-height:1.5}.mbti-options{display:flex;flex-direction:column;gap:12px}.mbti-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;padding:20px 24px;text-align:left;transition:all .3s ease}.mbti-option:hover{background:var(--mbti-light)}.mbti-option.selected,.mbti-option:hover{border-color:var(--mbti-primary);transform:translateY(-2px)}.mbti-option.selected{background:var(--mbti-primary);box-shadow:0 8px 16px rgba(99,102,241,.3);color:#fff}.mbti-navigation{display:flex;gap:16px;justify-content:space-between;padding:20px 40px 40px}.mbti-btn{border:none;border-radius:60px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:14px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.mbti-btn-primary{background:linear-gradient(135deg,var(--mbti-primary),var(--mbti-secondary));box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.mbti-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px rgba(99,102,241,.4);transform:translateY(-2px)}.mbti-btn-primary:disabled{cursor:not-allowed;opacity:.5}.mbti-btn-secondary{background:#fff;border:2px solid var(--mbti-primary);color:var(--mbti-primary)}.mbti-btn-secondary:hover{background:var(--mbti-primary);color:#fff;transform:translateY(-2px)}.mbti-result-container{padding:40px}.mbti-type-card{background:linear-gradient(135deg,var(--mbti-primary),var(--mbti-secondary));border-radius:20px;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.mbti-type-card:before{animation:mbtiShimmer 3s infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes mbtiShimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mbti-result-type{font-size:3rem;font-weight:900;margin-bottom:16px;text-shadow:0 4px 8px rgba(0,0,0,.2)}.mbti-result-title,.mbti-result-type{position:relative;z-index:var(--z-content)}.mbti-result-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.mbti-result-subtitle{font-size:1.1rem;margin-bottom:16px;opacity:.9}.mbti-result-rarity,.mbti-result-subtitle{position:relative;z-index:var(--z-content)}.mbti-result-rarity{background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 20px}.mbti-type-analysis{margin-bottom:30px}.mbti-result-detail-title{color:var(--mbti-primary);font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}#mbti-breakdown{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.mbti-axis-result{background:var(--mbti-light);border-radius:12px;padding:16px;text-align:center}.mbti-axis-label{color:#64748b;font-size:.8rem;margin-bottom:4px}.mbti-axis-value{color:var(--mbti-primary);font-size:1.2rem;font-weight:700}.mbti-result-detail-box{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:30px}.mbti-result-description{color:var(--mbti-dark);font-size:1.1rem;line-height:1.7;margin-bottom:30px;text-align:center}.mbti-result-detail-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.mbti-result-detail-card{background:#fff;border-left:4px solid var(--mbti-primary);border-radius:12px;padding:24px}.mbti-result-detail-card h4{color:var(--mbti-primary);font-size:1.1rem;font-weight:700;margin-bottom:16px}.mbti-result-detail-card ul{list-style:none;margin:0;padding:0}.mbti-result-detail-card li{color:#64748b;padding:6px 0 6px 20px;position:relative}.mbti-result-detail-card li:before{color:var(--mbti-primary);content:"•";font-weight:700;left:0;position:absolute}.mbti-career-tags{display:flex;flex-wrap:wrap;gap:8px}.mbti-career-tag{background:var(--mbti-light);border-radius:16px;color:var(--mbti-primary);font-size:.9rem;font-weight:600;padding:6px 12px}.mbti-result-analysis-card{background:#fff;border-left:4px solid var(--mbti-secondary);border-radius:12px;margin-bottom:20px;padding:24px}.mbti-result-analysis-card h4{color:var(--mbti-primary);font-size:1.1rem;font-weight:700;margin-bottom:12px}.mbti-result-analysis-card p{color:#64748b;line-height:1.6;margin:0}.mbti-compatibility-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mbti-compatibility-section h5{font-size:.9rem;font-weight:600;margin-bottom:8px}.mbti-compatibility-best{color:var(--mbti-success)}.mbti-compatibility-good{color:var(--mbti-primary)}.mbti-compatibility-challenge{color:#f59e0b}.mbti-compatibility-types{display:flex;flex-wrap:wrap;gap:6px}.mbti-compatibility-type{background:#10b981}.mbti-compatibility-type,.mbti-compatibility-type-good{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.mbti-compatibility-type-good{background:var(--mbti-primary)}.mbti-compatibility-type-challenge{background:#f59e0b;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.mbti-celebrity-list{display:flex;flex-wrap:wrap;gap:8px}.mbti-celebrity-item{color:var(--mbti-primary);font-size:.9rem;font-weight:600;padding:6px 12px}.mbti-celebrity-item,.mbti-share-section{background:var(--mbti-light);border-radius:16px}.mbti-share-section{padding:30px;text-align:center}.mbti-share-title{color:var(--mbti-primary);font-size:1.3rem;font-weight:700;margin-bottom:20px}.mbti-share-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.mbti-share-btn{border:none;border-radius:60px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.mbti-share-btn-kakao{background:#fee500;color:#191919}.mbti-share-btn-copy{background:#64748b;color:#fff}.mbti-share-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.mbti-action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:768px){.mbti-header-title{font-size:2.2rem}.mbti-test-container{border-radius:16px;margin:0 10px}.mbti-intro-section,.mbti-question-container,.mbti-result-container{padding:30px 20px}.mbti-progress-container{padding:20px}#mbti-breakdown{grid-template-columns:repeat(2,1fr)}.mbti-compatibility-grid,.mbti-result-detail-grid{grid-template-columns:1fr}.mbti-action-buttons,.mbti-share-buttons{align-items:center;flex-direction:column}.mbti-btn{max-width:300px;width:100%}}.mbti-test-page .mbti-test-container{position:relative;z-index:var(--z-dropdown)}.mbti-test-page #result-screen,.mbti-test-page #test-screen,.mbti-test-page .mbti-intro-section{position:relative;z-index:calc(var(--z-dropdown) + 1)}.mbti-test-container .mbti-option{cursor:pointer;position:relative;z-index:calc(var(--z-dropdown) + 2)}.mbti-test-container .mbti-option:hover{z-index:calc(var(--z-dropdown) + 3)}.mbti-test-page .mbti-btn,.mbti-test-page .mbti-start-button{position:relative;z-index:calc(var(--z-dropdown) + 2)}.mbti-test-page .ad-container,.mbti-test-page iframe[id^=google_ads],.mbti-test-page ins.adsbygoogle{pointer-events:none;position:relative;z-index:var(--z-base)}.mbti-test-page .ad-container *{pointer-events:auto}body.mbti-test-page{position:relative}.mbti-test-page .mbti-test-wrapper{min-height:100vh;position:relative;z-index:var(--z-content)}*{margin:0;padding:0}body{background:#f8fafc;color:#2d3748;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;padding:20px}.result-detail-container{margin:0 auto;max-width:800px}.result-detail-header{background:linear-gradient(135deg,#2b6cb0,#2c5282);border-radius:12px 12px 0 0;color:#fff;margin-bottom:-1px;padding:40px 30px;text-align:center}.result-detail-header h1{font-size:2.5em;font-weight:600;margin-bottom:8px}.result-detail-type-badge{background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:1.1em;margin-top:10px;padding:8px 20px}.result-detail-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 4px 6px rgba(0,0,0,.07);padding:40px 30px}.result-detail-section{margin-bottom:50px}.result-detail-section-title{align-items:center;color:#1a202c;display:flex;font-size:1.8em;font-weight:600;gap:10px;margin-bottom:25px}.result-detail-section-icon{font-size:1.2em}.result-detail-feature-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.result-detail-feature-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:24px;transition:transform .2s ease}.result-detail-feature-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.result-detail-feature-card h3{color:#2b6cb0;font-size:1.2em;margin-bottom:12px}.result-detail-feature-card p{color:#4a5568;font-size:.95em;line-height:1.6}.result-detail-strength-weakness{display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.result-detail-strength-box,.result-detail-weakness-box{border-radius:12px;padding:25px}.result-detail-strength-box{background:#e6fffa;border:1px solid #81e6d9}.result-detail-weakness-box{background:#fed7d7;border:1px solid #fc8181}.result-detail-box-title{color:#1a202c;font-size:1.3em;font-weight:600;margin-bottom:15px}.result-detail-list-item{color:#4a5568;padding:10px 0 10px 25px;position:relative}.result-detail-list-item:before{color:#2b6cb0;content:"•";font-size:1.2em;font-weight:700;left:0;position:absolute}.result-detail-career-section{background:#edf2f7;border-radius:12px;margin-bottom:30px;padding:30px}.result-detail-career-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.result-detail-career-item{background:#fff;border:2px solid transparent;border-radius:8px;padding:15px;text-align:center;transition:all .2s ease}.result-detail-career-item:hover{border-color:#2b6cb0;transform:translateY(-2px)}.result-detail-relationship-box{background:linear-gradient(135deg,#ebf8ff,#e0e7ff);border-radius:12px;margin-bottom:30px;padding:30px}.result-detail-stress-management{background:#fef5e7;border-left:4px solid #f39c12;border-radius:12px;padding:25px}.result-detail-lifestyle-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:30px}.result-detail-communication-tips{background:#f0fff4;border-left:4px solid #48bb78;border-radius:12px;padding:25px}.result-detail-success-advice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-top:40px;padding:40px;text-align:center}.result-detail-success-advice h3{font-size:1.8em;margin-bottom:20px}.result-detail-success-advice p{font-size:1.1em;line-height:1.8;opacity:.95}.result-detail-ad-container{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:30px 0;padding:20px;text-align:center}.result-detail-ad-label{color:#718096;font-size:.8em;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.result-detail-back-btn{background:#2b6cb0;border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:40px;padding:14px 40px;text-decoration:none;transition:all .2s ease}.result-detail-back-btn:hover{background:#2c5282;transform:translateY(-2px)}@media (max-width:768px){.result-detail-career-grid,.result-detail-strength-weakness{grid-template-columns:1fr}.result-detail-header h1{font-size:2em}.result-detail-content{padding:30px 20px}}.saju-page .page-header{background:linear-gradient(135deg,rgba(139,69,19,.05),rgba(218,165,32,.05));padding:80px 0 60px;text-align:center}.saju-page .page-title{color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:16px;text-align:center}.saju-page .page-subtitle{color:var(--gray-600);font-size:1.125rem;text-align:center}.saju-section{background:#fff;padding:60px 0}.saju-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:40px}.saju-form-container h2{color:var(--gray-900);margin-bottom:30px;text-align:center}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.form-group{flex:1;min-width:150px}.form-group input,.form-group select{border:1px solid var(--gray-300)}.btn-analyze{background:linear-gradient(135deg,#8b4513,#daa520);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;padding:16px 24px;transition:all .3s ease;width:100%}.btn-analyze:hover{box-shadow:0 8px 25px rgba(139,69,19,.3);transform:translateY(-2px)}.btn-analyze:disabled{cursor:not-allowed;opacity:.6;transform:none}#loading{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:30px;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#8b4513;height:40px;margin:0 auto 20px;width:40px}#result{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:30px;overflow:hidden}.result-header{background:linear-gradient(135deg,#8b4513,#daa520);padding:30px}.result-content{padding:40px}.saju-section-block{background:#f8f9fa;border-left:4px solid #8b4513;border-radius:12px;margin-bottom:30px;padding:25px}.saju-section-block h3{color:#8b4513;font-size:1.3rem;margin-bottom:15px}.saju-section-block p{color:var(--gray-700);line-height:1.7;margin-bottom:10px}.saju-section-block:last-child{margin-bottom:0}@media (max-width:768px){.saju-page .page-title{font-size:2rem}.saju-form-container{margin:0 15px;padding:25px 20px}.form-row{flex-direction:column}.form-group{min-width:auto}.result-content{padding:25px 20px}.saju-section-block{padding:20px 15px}}@media (max-width:480px){.saju-page .page-header{padding:60px 0 40px}.saju-page .page-title{font-size:1.8rem}.saju-form-container{margin:0 10px;padding:20px 15px}.btn-analyze{font-size:16px;padding:14px 20px}}.salary-calculator-container{margin:0 auto;max-width:800px;padding:2rem}.calculator-header{margin-bottom:3rem;text-align:center}.calculator-header h1{color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.calculator-header p{color:var(--gray-600);font-size:1.2rem;line-height:1.6}.calculator-form{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:2rem;padding:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:1rem;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid var(--gray-200);border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.calculate-btn{background:var(--gradient-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:1rem;padding:16px 24px;transition:all .3s ease;width:100%}.calculate-btn:hover{box-shadow:0 8px 25px rgba(59,130,246,.3);transform:translateY(-2px)}.result-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:none;margin-bottom:2rem;padding:2.5rem}.result-container.show{display:block}.result-header{margin-bottom:2rem}.result-header h2{color:var(--gray-900);font-size:1.8rem;margin-bottom:.5rem}.result-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.result-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.result-item:hover{border-color:var(--primary-color);transform:translateY(-3px)}.result-label{font-size:.9rem;margin-bottom:.5rem}.result-value{font-size:1.5rem}.result-value.highlight{color:var(--success-color);font-size:2rem}.deduction-details{background:var(--gray-50);border-radius:12px;margin-top:1rem;padding:1.5rem}.deduction-details h3{color:var(--gray-900);font-size:1.2rem;margin-bottom:1rem}.deduction-list{list-style:none;padding:0}.deduction-list li{border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.5rem 0}.deduction-list li:last-child{border-bottom:none;color:var(--gray-900);font-weight:600}.year-badge{background:var(--success-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;margin-left:8px;padding:4px 12px;vertical-align:middle}.input-wrapper{position:relative}.input-unit{color:var(--gray-500);font-weight:500;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.result-main{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.result-item.highlight{background:var(--gradient-primary);color:#fff;transform:scale(1.05)}.result-item.highlight .result-detail,.result-item.highlight .result-label{color:hsla(0,0%,100%,.9)}.result-item.highlight .result-value{color:#fff}.result-detail{color:var(--gray-500);font-size:.85rem;margin-top:.25rem}.deduction-title{color:var(--gray-900);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.deduction-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.deduction-item{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.deduction-item-name{color:var(--gray-700);font-size:.95rem;font-weight:500}.deduction-item-value{color:var(--gray-900);font-size:1.1rem;font-weight:600}.info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:2rem;padding:1.5rem}.info-box h3{color:#0369a1;font-size:1.1rem;margin-bottom:.75rem}.info-box p{color:#0c4a6e;font-size:.95rem;line-height:1.6}@media (max-width:768px){.salary-calculator-container{padding:1rem}.calculator-header h1{font-size:2rem}.calculator-header p{font-size:1.1rem}.calculator-form,.result-container{padding:2rem 1.5rem}.form-row,.result-grid{grid-template-columns:1fr}.result-grid{gap:1rem}.result-item{padding:1.2rem}.result-value.highlight{font-size:1.8rem}}@media (max-width:480px){.calculator-header h1{font-size:1.8rem}.calculator-form,.result-container{padding:1.5rem 1rem}.calculate-btn{font-size:16px;padding:14px 20px}.result-value{font-size:1.3rem}.result-value.highlight{font-size:1.6rem}}.tarot-section{background:#fff;padding:60px 0}.tarot-form{background:#fff;border-radius:var(--fortune-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.1);margin:0 auto;max-width:600px;padding:40px}.form-group{margin-bottom:20px}.form-group label{color:var(--gray-700);display:block;font-size:1.1rem;font-weight:600;margin-bottom:8px}.form-group select,.form-group textarea{background:#fff;border:2px solid var(--gray-200);border-radius:var(--fortune-radius-medium);font-family:Noto Sans KR,sans-serif;font-size:16px;padding:16px;transition:all .3s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:var(--fortune-primary);box-shadow:0 0 0 3px rgba(139,69,19,.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.btn-tarot{background:linear-gradient(135deg,var(--fortune-primary) 0,var(--fortune-secondary) 100%);border:none;border-radius:var(--fortune-radius-medium);color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:20px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease;width:100%}.btn-tarot:hover{box-shadow:0 8px 25px rgba(139,69,19,.3);transform:translateY(-2px)}.btn-tarot:active{transform:translateY(0)}.btn-tarot:disabled{cursor:not-allowed;opacity:.6;transform:none}.tarot-analyzing{padding:60px 40px;text-align:center}.tarot-analyzing,.tarot-result{background:#fff;border-radius:var(--fortune-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:30px}.tarot-result{animation:fadeInUp .6s ease;overflow:hidden}.result-header h2{margin:0 0 16px}.cards-spread{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.card-item{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border:3px solid transparent;border-radius:var(--fortune-radius-medium);overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.card-item:before{background:linear-gradient(90deg,var(--fortune-primary),var(--fortune-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-item:hover{border-color:var(--fortune-primary);box-shadow:0 15px 35px rgba(0,0,0,.15);transform:translateY(-5px)}.card-position{color:var(--fortune-primary);font-size:1rem;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.card-name{color:var(--gray-900);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:20px}.card-meaning{color:var(--gray-700);font-size:1rem;line-height:1.7}.interpretation-section{background:var(--gray-50);border-radius:var(--fortune-radius-medium);margin-top:30px;padding:40px}.interpretation-section h3{color:var(--fortune-primary);font-size:1.5rem;margin-bottom:24px;text-align:center}.interpretation-content{color:var(--gray-700);font-size:1.1rem;line-height:1.8;text-align:justify}.interpretation-highlight{background:linear-gradient(120deg,rgba(139,69,19,.1),rgba(218,165,32,.1));border-left:4px solid var(--fortune-primary);border-radius:var(--fortune-radius-small);font-weight:500;margin:20px 0;padding:20px}@keyframes cardFlip{0%{transform:rotateY(0deg)}50%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}.card-flip{animation:cardFlip .8s ease-in-out}@media (max-width:768px){.tarot-form{margin:0 15px}.result-content,.tarot-form{padding:30px 25px}.cards-spread{gap:20px;grid-template-columns:1fr}.card-item{padding:25px 20px}.card-name{font-size:1.3rem}.interpretation-section{padding:30px 25px}}@media (max-width:480px){.tarot-analyzing{margin:20px 10px 0;padding:40px 20px}.tarot-form{margin:0 10px;padding:25px 20px}.result-header{padding:30px 20px}.result-header h2{font-size:1.6rem}.result-content{padding:25px 20px}.card-item{padding:20px 15px}.interpretation-section{padding:25px 20px}}.tarot-cards-section{margin:2rem 0;text-align:center}.tarot-cards-section h3{color:var(--text-primary);margin-bottom:1.5rem}.tarot-cards{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:0 auto;max-width:800px}.tarot-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;height:120px;position:relative;transition:transform .3s;width:80px}.tarot-card:hover{transform:translateY(-5px)}.tarot-card.selected{border:3px solid gold;transform:scale(1.1)}.tarot-card-inner{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.dh-l-header:before{background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%)}.dh-l-header h1{color:var(--gray-900);font-size:3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:20px}.dh-l-header p{color:var(--gray-600);font-size:1.25rem;line-height:1.6;margin-bottom:40px}.tests-section{background:var(--gray-50);padding:80px 20px}.tests-container{margin:0 auto;max-width:1200px}.tests-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px}.page-test-card{background:#fff;border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.page-test-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.page-test-card:hover:before{transform:scaleX(1)}.page-test-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.test-icon{display:block;font-size:4rem;height:70px;line-height:1;margin-bottom:25px}.test-title{color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.3;margin-bottom:15px}.test-subtitle{font-weight:500;margin-bottom:20px}.test-description,.test-subtitle{color:var(--gray-600);font-size:1rem}.test-description{line-height:1.6;margin-bottom:25px}.test-features{list-style:none;margin:0 0 30px;padding:0;text-align:left}.test-features li{color:var(--gray-600);font-size:.95rem;padding:8px 0 8px 25px;position:relative}.test-features li:before{color:var(--success-color);content:"✓";font-weight:600;left:0;position:absolute;top:8px}.test-stats{background:var(--gray-50);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px}.test-stat{flex:1;text-align:center}.test-stat-number{color:var(--primary-color);display:block;font-size:1.5rem;font-weight:700}.test-stat-label{color:var(--gray-600);font-size:.85rem;margin-top:4px}.test-link{align-items:center;background:var(--gradient-primary);border-radius:50px;display:inline-flex;font-weight:600;gap:10px;justify-content:center;min-width:160px;padding:14px 28px;transition:all .3s ease}.test-link,.test-link:hover{color:#fff;text-decoration:none}.test-link:hover{box-shadow:0 8px 25px rgba(59,130,246,.3);transform:translateY(-2px)}.test-link:after{content:"→";transition:transform .3s ease}.test-link:hover:after{transform:translateX(4px)}.page-test-card.featured{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;position:relative}.page-test-card.featured:before{background:hsla(0,0%,100%,.3)}.page-test-card.featured .test-description,.page-test-card.featured .test-subtitle,.page-test-card.featured .test-title{color:#fff}.page-test-card.featured .test-features li{color:hsla(0,0%,100%,.9)}.page-test-card.featured .test-features li:before{color:hsla(0,0%,100%,.8)}.page-test-card.featured .test-stats{background:hsla(0,0%,100%,.1)}.page-test-card.featured .test-stat-number{color:#fff}.page-test-card.featured .test-stat-label{color:hsla(0,0%,100%,.8)}.page-test-card.featured .test-link{background:#fff;color:var(--primary-color)}.page-test-card.featured .test-link:hover{background:hsla(0,0%,100%,.95);color:var(--primary-color)}.stats-section{background:#fff;border-top:1px solid var(--gray-200);padding:60px 20px}.stats-container{margin:0 auto;max-width:900px;text-align:center}.stats-title{color:var(--gray-900);font-size:2.5rem;font-weight:700;margin-bottom:20px}.stats-subtitle{color:var(--gray-600);font-size:1.2rem;margin-bottom:50px}.stats-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;padding:30px 20px;transition:all .3s ease}.stat-item:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-5px)}.stat-number{color:var(--primary-color);display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:10px}.stat-label{color:var(--gray-700);font-size:1.1rem;font-weight:600}.stat-description{color:var(--gray-500);font-size:.9rem;line-height:1.4;margin-top:8px}@media (max-width:768px){.dh-l-header{padding:60px 20px}.dh-l-header h1{font-size:2.5rem}.dh-l-header p{font-size:1.1rem}.tests-section{padding:60px 20px}.tests-grid{gap:25px;grid-template-columns:1fr}.page-test-card{padding:30px 25px}.test-icon{font-size:3.5rem;height:60px}.test-title{font-size:1.5rem}.test-stats{flex-direction:column;gap:15px}.test-stat{align-items:center;display:flex;justify-content:space-between}.test-stat-number{font-size:1.3rem}.stats-section{padding:50px 20px}.stats-title{font-size:2rem}.stats-subtitle{font-size:1.1rem}.stats-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.stat-item{padding:25px 15px}.stat-number{font-size:2.5rem}}@media (max-width:480px){.dh-l-header h1{font-size:2rem}.dh-l-header p{font-size:1rem}.page-test-card{padding:25px 20px}.test-icon{font-size:3rem;height:50px}.test-title{font-size:1.3rem}.test-link{min-width:140px;padding:12px 24px}.stats-grid{gap:20px;grid-template-columns:1fr}.stat-item{padding:20px 15px}.stat-number{font-size:2rem}}.teto-page .hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.teto-page .hero:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.teto-page .hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.teto-page .hero-badge{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:8px 16px}.teto-page .hero-title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px}.teto-page .hero-subtitle{color:#fff;font-size:20px;line-height:1.5;margin-bottom:32px;opacity:.9}.teto-page .test-start-btn{background:#fff;border:2px solid transparent;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);color:#667eea;display:inline-block;font-size:18px;font-weight:600;padding:16px 48px;text-decoration:none;transition:all .3s}.teto-page .test-start-btn:hover{background:hsla(0,0%,100%,.95);border-color:#fff;box-shadow:0 6px 30px rgba(0,0,0,.3);transform:translateY(-2px)}.teto-page .test-start-btn:active{box-shadow:0 2px 10px rgba(0,0,0,.2);transform:translateY(0)}.teto-page .intro{background:#fff;padding:80px 20px}.teto-page .container{margin:0 auto;max-width:1280px}.teto-page .content-wrapper{margin:0 auto;max-width:800px}.teto-page .section-title{font-size:36px;font-weight:700;margin-bottom:24px}.teto-page .intro-text{font-size:18px;line-height:1.8;margin-bottom:32px}.teto-page .highlight{background:linear-gradient(180deg,transparent 60%,rgba(99,102,241,.3) 0);padding:0 4px}.teto-page .theory{padding:80px 20px}.teto-page .theory-box{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-bottom:32px;padding:48px}.teto-page .theory-title{font-size:28px;font-weight:600;margin-bottom:20px}.teto-page .theory-content{font-size:16px;line-height:1.8}.teto-page .theory-list{list-style:none;margin:20px 0}.teto-page .theory-list li{padding:12px 0 12px 32px;position:relative}.teto-page .theory-list li:before{content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.teto-page .types{background:#fff;padding:80px 20px}.teto-page .types-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:48px}.teto-page .type-card{border-radius:16px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:all .3s}.teto-page .type-card:before{content:"";height:4px;left:0;position:absolute;top:0;width:100%}.teto-page .type-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.1);transform:translateY(-4px)}.teto-page .type-icon{font-size:64px;margin-bottom:16px}.teto-page .type-name{font-size:24px;font-weight:600;margin-bottom:12px}.teto-page .type-description{font-size:16px;line-height:1.6;margin-bottom:20px}.teto-page .type-traits{margin-top:20px;text-align:left}.teto-page .type-trait{align-items:center;display:flex;gap:8px;padding:8px 0}.teto-page .trait-icon{font-size:16px}.teto-page .process{padding:80px 20px}.teto-page .process-steps{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:48px}.teto-page .process-step{text-align:center}.teto-page .step-number{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.teto-page .step-title{font-size:20px;font-weight:600;margin-bottom:8px}.teto-page .step-desc{line-height:1.5}.teto-page .faq{background:#fff;padding:80px 20px}.teto-page .faq-list{margin:48px auto 0;max-width:800px}.teto-page .faq-item{border-radius:12px;margin-bottom:16px;overflow:hidden}.teto-page .faq-question{align-items:center;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;padding:24px;transition:background .2s}.teto-page .faq-arrow{font-size:20px;transition:transform .3s}.teto-page .faq-item.dh-state-active .faq-arrow{transform:rotate(180deg)}.teto-page .faq-answer{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .3s,padding .3s}.teto-page .faq-item.dh-state-active .faq-answer{max-height:500px;padding:0 24px 24px}.teto-page .faq-answer p{line-height:1.6}.teto-page .cta{color:#fff;padding:80px 20px;text-align:center}.teto-page .cta-title{font-size:36px;font-weight:700;margin-bottom:16px}.teto-page .cta-description{font-size:20px;margin-bottom:32px;opacity:.9}.teto-page .cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.teto-page .cta-btn{border-radius:8px;display:inline-block;font-weight:600;padding:16px 32px;text-decoration:none;transition:all .2s}.teto-page .cta-btn-primary{background:#fff}.teto-page .cta-btn-primary:hover{box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.teto-page .cta-btn-secondary{background:transparent;border:2px solid #fff;color:#fff}.teto-page .cta-btn-secondary:hover{background:hsla(0,0%,100%,.1)}.teto-page .ad-container{margin:60px auto;max-width:800px;text-align:center}.teto-page .ad-label{font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}@media (max-width:768px){.teto-page .hero-title{font-size:36px}.teto-page .hero-subtitle{font-size:18px}.teto-page .section-title{font-size:28px}.teto-page .theory-box{padding:32px 24px}.teto-page .types-grid{grid-template-columns:1fr}}.test-intro-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2rem 0}.test-intro-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.test-intro-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.test-intro-icon{display:block;font-size:2rem;margin-bottom:.5rem}.test-intro-title{color:var(--gray-800);font-weight:600;margin-bottom:.5rem}.test-intro-desc{color:var(--gray-600);font-size:.9rem;line-height:1.4}@media (max-width:768px){.test-intro-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.test-intro-card{padding:1rem}.test-intro-icon{font-size:1.5rem}}.type-card-teto{background:linear-gradient(135deg,#fef3c7,#f59e0b 10%);color:#92400e}.type-card-egen{background:linear-gradient(135deg,#e0f2fe,#0284c7 10%);color:#0c4a6e}:root{--teto-primary:#ff6b6b;--teto-secondary:#4ecdc4;--teto-success:#10b981;--teto-light:#fff5f5;--teto-dark:#2d3748}.teto-test-page{background:linear-gradient(135deg,var(--teto-primary) 0,var(--teto-secondary) 100%);font-family:Noto Sans KR,sans-serif;min-height:100vh}.teto-animated-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-base)}.teto-particle{animation:tetoFloating 8s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}@keyframes tetoFloating{0%,to{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.1}50%{opacity:.3;transform:translateY(50vh) rotate(180deg)}90%{opacity:.1}}.teto-test-wrapper{padding:40px 20px;position:relative;z-index:var(--z-content)}.teto-header-section{margin-bottom:40px;position:relative;text-align:center}.teto-header-decoration{animation:tetoFloatSlow 4s ease-in-out infinite;font-size:4rem;opacity:.2;position:absolute}.teto-header-decoration:first-child{animation-delay:0s;left:20%;top:-20px}.teto-header-decoration:last-child{animation-delay:2s;right:20%;top:-20px}@keyframes tetoFloatSlow{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.teto-header-content{position:relative;z-index:var(--z-elevated)}.teto-header-title{color:#fff;font-size:3rem;font-weight:800;margin-bottom:10px;text-shadow:0 4px 8px rgba(0,0,0,.2)}.teto-header-subtitle{color:hsla(0,0%,100%,.9);font-size:1.2rem;font-weight:500}.teto-test-container{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);margin:0 auto;max-width:800px;overflow:hidden}.teto-test-container .teto-hidden,.teto-test-page .teto-hidden{display:none}.teto-intro-section{padding:60px 40px;text-align:center}.teto-intro-title{color:var(--teto-dark);font-size:2.2rem;font-weight:700;margin-bottom:24px}.teto-intro-text{color:#64748b;font-size:1.1rem;line-height:1.7;margin-bottom:40px}.teto-gender-selection{margin:40px 0}.teto-gender-selection h3{color:var(--teto-dark);font-size:1.3rem;font-weight:600;margin-bottom:20px}.teto-gender-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.teto-gender-btn{align-items:center;background:#fff;border:3px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px 30px;transition:all .3s ease}.teto-gender-btn:hover{box-shadow:0 8px 16px hsla(0,100%,71%,.2)}.teto-gender-btn.selected,.teto-gender-btn:hover{border-color:var(--teto-primary);transform:translateY(-2px)}.teto-gender-btn.selected{background:var(--teto-light);box-shadow:0 8px 16px hsla(0,100%,71%,.3)}.teto-gender-emoji{font-size:2rem}.teto-gender-text{color:var(--teto-dark);font-size:1rem;font-weight:600}.teto-start-button{background:linear-gradient(135deg,var(--teto-primary),var(--teto-secondary));border:none;border-radius:60px;box-shadow:0 8px 24px hsla(0,100%,71%,.3);color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:18px 48px;transition:all .3s ease}.teto-start-button:hover:not(:disabled){box-shadow:0 12px 32px hsla(0,100%,71%,.4);transform:translateY(-3px)}.teto-start-button:disabled{cursor:not-allowed;opacity:.5}.teto-progress-container{background:var(--teto-light);padding:30px 40px 20px}.teto-progress-info{display:flex;justify-content:space-between;margin-bottom:12px}.teto-progress-text{color:var(--teto-primary);font-size:.9rem;font-weight:600}.teto-progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.teto-progress-fill{background:linear-gradient(135deg,var(--teto-primary),var(--teto-secondary));border-radius:4px;height:100%;transition:width .3s ease;width:var(--progress-width,0)}.teto-question-container{padding:40px}.teto-question-card{background:var(--teto-light);border-radius:16px;margin-bottom:30px;padding:30px;text-align:center}.teto-question-number{color:var(--teto-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.teto-question-text{color:var(--teto-dark);font-size:1.3rem;font-weight:600;line-height:1.5}.teto-options{display:flex;flex-direction:column;gap:12px}.teto-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:1rem;padding:20px 24px;text-align:left;transition:all .3s ease}.teto-option:hover{background:var(--teto-light)}.teto-option.selected,.teto-option:hover{border-color:var(--teto-primary);transform:translateY(-2px)}.teto-option.selected{background:var(--teto-primary);box-shadow:0 8px 16px hsla(0,100%,71%,.3);color:#fff}.teto-navigation{display:flex;gap:16px;justify-content:space-between;padding:20px 40px 40px}.teto-btn{border:none;border-radius:60px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:14px 32px;text-align:center;text-decoration:none;transition:all .3s ease}.teto-btn-primary{background:linear-gradient(135deg,var(--teto-primary),var(--teto-secondary));box-shadow:0 4px 12px hsla(0,100%,71%,.3);color:#fff}.teto-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px hsla(0,100%,71%,.4);transform:translateY(-2px)}.teto-btn-primary:disabled{cursor:not-allowed;opacity:.5}.teto-btn-secondary{background:#fff;border:2px solid var(--teto-primary);color:var(--teto-primary)}.teto-btn-secondary:hover{background:var(--teto-primary);color:#fff;transform:translateY(-2px)}.teto-result-container{padding:40px}.teto-type-card{background:linear-gradient(135deg,var(--teto-primary),var(--teto-secondary));border-radius:20px;color:#fff;margin-bottom:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.teto-type-card:before{animation:tetoShimmer 3s infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes tetoShimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.teto-result-emoji{font-size:4rem}.teto-result-emoji,.teto-result-type{margin-bottom:16px;position:relative;z-index:var(--z-content)}.teto-result-type{font-size:2.5rem;font-weight:900;text-shadow:0 4px 8px rgba(0,0,0,.2)}.teto-result-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.teto-result-subtitle,.teto-result-title{position:relative;z-index:var(--z-content)}.teto-result-subtitle{font-size:1.1rem;margin-bottom:16px;opacity:.9}.teto-result-rarity{background:hsla(0,0%,100%,.2);border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:8px 20px;position:relative;z-index:var(--z-content)}.teto-result-detail-box{background:#f8fafc;border-radius:16px;margin-bottom:30px;padding:30px}.teto-result-description{color:var(--teto-dark);font-size:1.1rem;line-height:1.7;margin-bottom:30px;text-align:center}.teto-result-detail-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.teto-result-detail-card{background:#fff;border-left:4px solid var(--teto-primary);border-radius:12px;padding:24px}.teto-result-detail-card h4{color:var(--teto-primary);font-size:1.1rem;font-weight:700;margin-bottom:16px}.teto-result-detail-card ul{list-style:none;margin:0;padding:0}.teto-result-detail-card li{color:#64748b;padding:6px 0 6px 20px;position:relative}.teto-result-detail-card li:before{color:var(--teto-primary);content:"•";font-weight:700;left:0;position:absolute}.teto-hobby-tags{display:flex;flex-wrap:wrap;gap:8px}.teto-hobby-tag{background:var(--teto-light);border-radius:16px;color:var(--teto-primary);font-size:.9rem;font-weight:600;padding:6px 12px}.teto-result-analysis-card{background:#fff;border-left:4px solid var(--teto-secondary);border-radius:12px;margin-bottom:20px;padding:24px}.teto-result-analysis-card h4{color:var(--teto-primary);font-size:1.1rem;font-weight:700;margin-bottom:12px}.teto-result-analysis-card p{color:#64748b;line-height:1.6;margin:0}.teto-compatibility-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.teto-compatibility-section h5{font-size:.9rem;font-weight:600;margin-bottom:8px}.teto-compatibility-best{color:var(--teto-success)}.teto-compatibility-good{color:var(--teto-primary)}.teto-compatibility-types{display:flex;flex-wrap:wrap;gap:6px}.teto-compatibility-type{background:#10b981}.teto-compatibility-type,.teto-compatibility-type-good{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.teto-compatibility-type-good{background:var(--teto-primary)}.teto-celebrity-list{display:flex;flex-wrap:wrap;gap:8px}.teto-celebrity-item{color:var(--teto-primary);font-size:.9rem;font-weight:600;padding:6px 12px}.teto-celebrity-item,.teto-share-section{background:var(--teto-light);border-radius:16px}.teto-share-section{padding:30px;text-align:center}.teto-share-title{color:var(--teto-primary);font-size:1.3rem;font-weight:700;margin-bottom:20px}.teto-share-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.teto-share-btn{border:none;border-radius:60px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.teto-share-btn-kakao{background:#fee500;color:#191919}.teto-share-btn-copy{background:#64748b;color:#fff}.teto-share-btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-2px)}.teto-action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width:768px){.teto-header-title{font-size:2.2rem}.teto-test-container{border-radius:16px;margin:0 10px}.teto-intro-section,.teto-question-container,.teto-result-container{padding:30px 20px}.teto-progress-container{padding:20px}.teto-gender-buttons{align-items:center;flex-direction:column}.teto-gender-btn{max-width:200px;width:100%}.teto-compatibility-grid,.teto-result-detail-grid{grid-template-columns:1fr}.teto-action-buttons,.teto-share-buttons{align-items:center;flex-direction:column}.teto-btn{max-width:300px;width:100%}}.teto-particle:first-child{animation-delay:0s;left:10%}.teto-particle:nth-child(2){animation-delay:1s;left:20%}.teto-particle:nth-child(3){animation-delay:2s;left:30%}.teto-particle:nth-child(4){animation-delay:3s;left:40%}.teto-particle:nth-child(5){animation-delay:4s;left:50%}.teto-particle:nth-child(6){animation-delay:5s;left:60%}.teto-particle:nth-child(7){animation-delay:6s;left:70%}.teto-particle:nth-child(8){animation-delay:7s;left:80%}.teto-particle:nth-child(9){animation-delay:8s;left:90%}.teto-test-page .particle-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.particle-container .particle,.teto-test-page .particle{animation:float var(--particle-duration) ease-out forwards;background:var(--particle-color);border-radius:50%;height:var(--particle-size);left:var(--particle-left);position:absolute;top:100%;width:var(--particle-size)}.teto-result-container .result-card-hidden,.teto-test-page .result-card-hidden{opacity:0;transform:scale(.8) rotateY(180deg)}.teto-result-container .result-card-visible,.teto-test-page .result-card-visible{opacity:1;transform:scale(1) rotateY(0);transition:all 1s cubic-bezier(.175,.885,.32,1.275)}.teto-result-detail-card .trait-hidden,.teto-test-page .trait-hidden{opacity:0;transform:translateX(-50px)}.teto-result-detail-card .trait-visible,.teto-test-page .trait-visible{opacity:1;transform:translateX(0);transition:all .6s ease-out}.teto-progress-container .progress-dynamic,.teto-test-page .progress-dynamic{width:var(--progress-width,0)}:root{--primary-color:#6366f1;--primary-dark:#4c51bf;--primary-light:#818cf8;--secondary-color:#8b5cf6;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827}body{background-color:var(--gray-50)}.dh-l-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px}.dh-l-header:before{background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.1) 0,transparent 50%)}.header-content{z-index:1}.header-title{color:#fff;font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{color:hsla(0,0%,100%,.9);font-size:20px;font-weight:400;line-height:1.5;margin-bottom:32px}.main-container{margin:-40px auto 40px;max-width:1200px;padding:0 20px}.tool-section{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.1);margin-bottom:40px;padding:40px;position:relative}.text-input-wrapper{margin-bottom:32px;position:relative}.text-input{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;color:var(--gray-800);font-family:inherit;font-size:16px;min-height:400px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.text-input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.text-input::-moz-placeholder{color:var(--gray-400);line-height:1.6}.text-input::placeholder{color:var(--gray-400);line-height:1.6}.tool-buttons{display:flex;gap:8px;position:absolute;right:16px;top:16px;z-index:10}.tool-btn{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.tool-btn:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-1px)}.tool-btn.primary{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.tool-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.settings-panel{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;margin-bottom:32px;padding:24px}.settings-title{color:var(--gray-800);font-size:18px;font-weight:600;margin-bottom:20px}.settings-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.setting-item{align-items:center;display:flex;gap:10px;padding:8px}.setting-checkbox{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.setting-label{color:var(--gray-700);cursor:pointer;font-size:15px;font-weight:500}.results-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.result-card{background:linear-gradient(135deg,var(--gray-50) 0,#fff 100%);border:1px solid var(--gray-200);border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.result-card:before{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.result-card:hover{border-color:var(--primary-color);box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-4px)}.result-card:hover:before{transform:scaleX(1)}.result-icon{display:block;font-size:32px;margin-bottom:12px}.result-label{color:var(--gray-600);font-size:14px;font-weight:500;margin-bottom:8px}.result-value{animation:countUp .3s ease;color:var(--primary-color);font-size:32px;font-weight:700}.result-unit{color:var(--gray-500);font-size:16px;font-weight:500}.detail-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-top:32px;overflow:hidden;width:100%}.detail-table td,.detail-table th{border-bottom:1px solid var(--gray-200);padding:16px;text-align:left}.detail-table th{background:var(--gray-50);color:var(--gray-800);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-table td{color:var(--gray-700);font-weight:500}.detail-table tr:last-child td{border-bottom:none}.detail-table tbody tr:hover{background:var(--gray-50)}.guide-section{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.05);margin-bottom:40px;padding:40px}.guide-title{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;color:var(--gray-800);font-size:32px;font-weight:700;margin-bottom:32px;-webkit-text-fill-color:transparent;background-clip:text}.guide-content{color:var(--gray-700);line-height:1.8}.guide-list{list-style:none;margin:24px 0;padding:0}.guide-list li{border-bottom:1px solid var(--gray-100);padding:16px 0 16px 40px;position:relative}.guide-list li:last-child{border-bottom:none}.guide-list li:before{align-items:center;background:rgba(16,185,129,.1);border-radius:50%;color:var(--success-color);content:"✓";display:flex;font-size:18px;font-weight:700;height:24px;justify-content:center;left:0;position:absolute;top:16px;width:24px}.faq-section{background:#fff;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.05);padding:40px}.faq-title{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;color:var(--gray-800);font-size:32px;font-weight:700;margin-bottom:32px;-webkit-text-fill-color:transparent;background-clip:text}.faq-item{border-bottom:1px solid var(--gray-200);padding:24px 0}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;color:var(--gray-800);cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:space-between;transition:color .2s ease}.faq-arrow,.faq-question:hover{color:var(--primary-color)}.faq-arrow{font-size:14px;transition:transform .3s ease}.faq-item.dh-state-active .faq-arrow{transform:rotate(180deg)}.faq-answer{background:var(--gray-50);border-left:3px solid var(--primary-color);border-radius:8px;color:var(--gray-600);display:none;line-height:1.7;margin-top:16px;padding:16px}.faq-item.dh-state-active .faq-answer{animation:fadeIn .3s ease;display:block}.ad-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin:40px 0;padding:24px;text-align:center}.ad-label{color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}@media (max-width:768px){.dh-l-header{padding:60px 20px}.header-title{font-size:36px}.header-subtitle{font-size:18px}.main-container{margin-top:-20px;padding:0 16px}.faq-section,.guide-section,.tool-section{border-radius:16px;padding:24px}.text-input{font-size:16px;min-height:300px;padding:16px}.tool-buttons{flex-wrap:wrap;justify-content:center;margin-bottom:16px;position:static}.results-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.result-card{padding:20px}.faq-title,.guide-title,.result-icon,.result-value{font-size:24px}.settings-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.results-grid,.settings-grid{grid-template-columns:1fr}.tool-buttons{flex-direction:column;gap:8px}.tool-btn{justify-content:center;width:100%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faq-section,.guide-section,.tool-section{animation:slideIn .6s ease}.guide-subtitle{color:var(--gray-800);font-size:20px;margin-bottom:16px}.guide-subtitle-spaced{color:var(--gray-800);font-size:20px;margin:32px 0 16px}.guide-text{margin-bottom:16px}.dh-l-header{background:#fff;overflow:hidden;padding:80px 0;position:relative;text-align:center;width:100%}.dh-l-header .container{margin:0 auto;max-width:1280px;padding:0 20px;text-align:center}.dh-l-header:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(34,197,94,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0,transparent 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-5px,-5px) rotate(120deg)}66%{transform:translate(5px,-2px) rotate(240deg)}}.header-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.dh-l-header h1,.header-title{color:var(--gray-900);font-size:3rem;font-weight:800;letter-spacing:-.025em;margin-bottom:20px;text-align:center;width:100%}.dh-l-header p,.header-subtitle{color:var(--gray-600);font-size:1.25rem;line-height:1.6;text-align:center;width:100%}.tools-section{background:var(--gray-50);padding:80px 0;width:100%}.tools-section .container{margin:0 auto;max-width:1280px;padding:0 20px}.tools-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:60px}.tool-card{background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);color:inherit;display:block;overflow:hidden;padding:40px 30px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:before{background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.tool-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.15);transform:translateY(-8px)}.tool-card:hover:before{transform:scaleX(1)}.tool-icon{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:12px;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.tool-card h3{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:12px;text-align:center}.tool-card p{color:var(--gray-600);line-height:1.6;margin-bottom:20px;text-align:center}.tool-features{list-style:none;margin:0;padding:0}.tool-features li{align-items:center;color:var(--gray-700);display:flex;font-size:.9rem;margin-bottom:8px}.tool-features li:before{color:var(--success-500);content:"✓";font-weight:700;margin-right:8px}.tool-cta{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:8px;box-sizing:border-box;color:#fff;display:inline-block;font-weight:600;margin-top:25px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.tool-cta:hover{box-shadow:0 8px 25px rgba(59,130,246,.3);transform:translateY(-2px)}@media (max-width:768px){.dh-l-header h1,.header-title{font-size:2.5rem}.dh-l-header p,.header-subtitle{font-size:1.125rem}.tools-grid{gap:20px;grid-template-columns:1fr;margin-top:40px}.tool-card{padding:30px 20px}.tools-section{padding:60px 0}}@media (max-width:480px){.dh-l-header{padding:60px 0}.dh-l-header h1,.header-title{font-size:2rem}.dh-l-header p,.header-subtitle{font-size:1rem}}.fade-in{animation:fadeIn .8s ease-out}.slide-up{animation:slideUp .8s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tool-guide-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05);margin-top:60px;padding:60px 40px}.tool-guide-title{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:32px;text-align:center}.tool-guide-content{color:#374151;line-height:1.8;margin:0 auto;max-width:800px}.tool-guide-subtitle{color:#1f2937;font-size:24px;font-weight:600;margin:32px 0 16px}.tool-guide-section-title{color:#1f2937;font-size:20px;font-weight:600;margin:24px 0 12px}@media (max-width:768px){.tool-guide-container{margin-top:40px;padding:40px 20px}.tool-guide-title{font-size:28px;margin-bottom:24px}.tool-guide-subtitle{font-size:22px}.tool-guide-section-title{font-size:18px}}.zodiac-animal-section{background:#fff;padding:60px 0}.zodiac-date{margin-bottom:40px;text-align:center}.zodiac-date h2{color:var(--fortune-primary);font-size:1.8rem;margin-bottom:10px}.zodiac-date p{color:var(--gray-600);font-size:1.1rem}@media (max-width:768px){.zodiac-date h2{font-size:1.5rem}.zodiac-date p{font-size:1rem}}@media (max-width:480px){.zodiac-animal-section{padding:40px 0}.zodiac-date{margin-bottom:30px}.zodiac-date h2{font-size:1.3rem}.zodiac-date p{font-size:.9rem}}.zodiac-section{background:#fff;padding:60px 0}.zodiac-selection{margin:0 auto;max-width:1200px;padding:0 20px}.zodiac-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.zodiac-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--fortune-radius-medium);cursor:pointer;overflow:hidden;padding:25px 20px;position:relative;text-align:center;transition:all .3s ease}.zodiac-card:before{background:linear-gradient(90deg,var(--fortune-primary),var(--fortune-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.zodiac-card:hover:before{transform:scaleX(1)}.zodiac-card:hover{border-color:var(--fortune-primary);box-shadow:0 15px 35px rgba(0,0,0,.15);transform:translateY(-5px)}.zodiac-icon{display:block;font-size:3rem;margin-bottom:15px}.zodiac-name{color:var(--gray-900);font-size:1.2rem;font-weight:600;margin-bottom:8px}.zodiac-period{color:var(--gray-600);font-size:.9rem;margin-bottom:15px}.zodiac-element{background:rgba(139,69,19,.1);border-radius:15px;color:var(--fortune-primary);display:inline-block;font-size:.85rem;font-weight:500;padding:4px 12px}.zodiac-result{animation:fadeInUp .6s ease;background:#fff;border-radius:var(--fortune-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:40px;overflow:hidden}.result-header{background:linear-gradient(135deg,var(--fortune-primary) 0,var(--fortune-secondary) 100%);color:#fff;padding:40px;text-align:center}.result-header h2{font-size:2rem;font-weight:700;margin:0 0 10px}.result-header .zodiac-symbol{display:block;font-size:4rem;margin:20px 0}.result-header p{font-size:1.1rem;margin:0;opacity:.9}.result-content{padding:50px 40px}.fortune-sections{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.fortune-section{background:var(--gray-50);border-left:4px solid var(--fortune-primary);border-radius:var(--fortune-radius-medium);padding:30px;transition:transform .3s ease}.fortune-section:hover{transform:translateY(-3px)}.fortune-section h3{align-items:center;color:var(--fortune-primary);display:flex;font-size:1.4rem;gap:10px;margin-bottom:20px}.fortune-section p{color:var(--gray-700);font-size:1rem;line-height:1.7;margin-bottom:15px}.fortune-rating{align-items:center;display:flex;gap:10px;margin-top:15px}.rating-stars{color:gold;font-size:1.2rem}.rating-text{color:var(--gray-600);font-size:.9rem;font-weight:500}.compatibility-section{background:linear-gradient(145deg,#f8f9fa,#e9ecef);border-radius:var(--fortune-radius-medium);margin-top:30px;padding:40px}.compatibility-section h3{color:var(--fortune-primary);font-size:1.5rem;margin-bottom:30px;text-align:center}.compatibility-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.compatibility-item{background:#fff;border:2px solid var(--gray-200);border-radius:var(--fortune-radius-small);padding:20px;text-align:center;transition:all .3s ease}.compatibility-item:hover{border-color:var(--fortune-primary);transform:translateY(-2px)}.compatibility-zodiac{display:block;font-size:2rem;margin-bottom:10px}.compatibility-name{color:var(--gray-900);font-weight:600;margin-bottom:5px}.compatibility-type{color:var(--fortune-primary);font-size:.85rem;font-weight:500}.compatibility-excellent{border-color:#22c55e}.compatibility-good{border-color:#3b82f6}.compatibility-challenging{border-color:#f59e0b}.zodiac-loading{background:#fff;border-radius:var(--fortune-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.1);margin-top:40px;padding:60px 40px;text-align:center}@media (max-width:768px){.zodiac-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.zodiac-card{padding:20px 15px}.zodiac-icon{font-size:2.5rem}.zodiac-name{font-size:1.1rem}.result-content{padding:30px 25px}.fortune-sections{gap:20px;grid-template-columns:1fr}.fortune-section{padding:25px 20px}.compatibility-section{padding:30px 25px}.compatibility-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.compatibility-item{padding:15px 10px}}@media (max-width:480px){.zodiac-selection{padding:0 15px}.zodiac-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.zodiac-card{padding:15px 10px}.zodiac-icon{font-size:2rem;margin-bottom:10px}.zodiac-name{font-size:1rem}.zodiac-period{font-size:.8rem}.result-header{padding:30px 20px}.result-header h2{font-size:1.6rem}.result-header .zodiac-symbol{font-size:3rem}.result-content{padding:25px 20px}.fortune-section{padding:20px 15px}.compatibility-section{padding:25px 20px}.compatibility-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.compatibility-item{padding:12px 8px}.compatibility-zodiac{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fortune-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--fortune-primary);height:50px;margin:0 auto 30px;width:50px}.fortune-loading-text{color:var(--gray-700);font-size:1.2rem;font-weight:500}.fortune-loading-dots:after{animation:dots 2s linear infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{box-sizing:border-box;max-width:100vw!important;overflow-x:hidden!important}*,:after,:before{box-sizing:border-box;max-width:100%}.container,.dh-l-content,.dh-l-footer,.dh-l-header,.dh-l-main,.dh-l-section,.dh-l-wrapper,.nav,.navbar,.page,article,aside,div,footer,header,main,nav,section{box-sizing:border-box;max-width:100%;overflow-x:hidden}canvas,embed,iframe,img,object,picture,svg,video{box-sizing:border-box;display:block;height:auto;max-width:100%!important}.image-container,.img-container,.media-container,.video-container{box-sizing:border-box;max-width:100%;overflow:hidden}.table-container{border:1px solid var(--border-primary,#e5e7eb);border-radius:8px;margin:1rem 0;max-width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:auto}@media (max-width:768px){table{font-size:.875rem;min-width:100%}td,th{padding:.5rem;white-space:nowrap}.table-cell-wrap{min-width:120px;white-space:normal;word-break:break-word}}.form,.form-group,.form-row,form{overflow-x:hidden}.form,.form-group,.form-row,button,form,input,select,textarea{box-sizing:border-box;max-width:100%}input[type=email],input[type=url],textarea{overflow-wrap:break-word;word-break:break-all}.d-flex,.dh-l-flex,.dh-l-grid,.flex-container,.grid-container,[class*=col-],[class*=flex-],[class*=grid-]{box-sizing:border-box;max-width:100%;overflow-x:hidden}@media (max-width:768px){.d-flex,.dh-l-flex{flex-wrap:wrap}}a,div,h1,h2,h3,h4,h5,h6,label,li,p,span,td,th{word-wrap:break-word;hyphens:auto;max-width:100%;overflow-wrap:break-word}code,pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.card-container,.dh-c-card,[class*=card-]{box-sizing:border-box;max-width:100%;overflow-x:hidden}.card-body,.card-content{overflow-x:hidden;word-wrap:break-word}.btn-group,.button-group,.buttons{max-width:100%;overflow-x:auto;white-space:nowrap}@media (max-width:768px){.btn-group,.button-group,.buttons{flex-direction:column;white-space:normal}.btn-group .dh-c-btn,.button-group .dh-c-btn,.buttons .dh-c-btn{margin:.25rem 0;width:100%}}.menu,.nav,.navbar,.navigation{box-sizing:border-box;max-width:100%;overflow-x:hidden}.menu-list,.nav-list,.navbar-nav{max-width:100%;overflow-x:auto}@media (max-width:768px){.menu-list,.nav-list,.navbar-nav{flex-direction:column;overflow-x:visible}}.dh-c-modal,.overlay,.popup{box-sizing:border-box;max-width:100vw;overflow-x:hidden}.modal-body,.modal-content{max-width:100%;overflow-x:hidden;word-wrap:break-word}.no-horizontal-scroll{max-width:100%!important;overflow-x:hidden!important}.responsive-container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:100%;overflow-x:hidden;padding-left:1rem;padding-right:1rem}.text-break{word-wrap:break-word!important;hyphens:auto!important;overflow-wrap:break-word!important;word-break:break-word!important}.text-korean{hyphens:none;overflow-wrap:break-word;word-break:keep-all}@media print{*,:after,:before{max-width:none!important;overflow:visible!important}.no-print{display:none!important}}[style*=width]{max-width:100%!important}[style*=px],[style*=vh],[style*=vw]{max-width:100vw!important}.absolute,.position-absolute,[style*="position: absolute"]{max-width:calc(100vw - 2rem);right:1rem}.fixed,.position-fixed,[style*="position: fixed"]{left:0;max-width:100vw;right:0}@media screen and (max-width:9999px){.debug-horizontal-scroll *{outline:1px solid red}.debug-horizontal-scroll :hover{background-color:rgba(255,0,0,.1)}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary,#fff);color:var(--text-primary,#333);font-family:var(--font-family,"Pretendard","Noto Sans KR",sans-serif);font-size:var(--font-size-base,1rem);line-height:var(--line-height-normal,1.7);margin:0;min-height:100vh;padding:0;word-break:keep-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{min-height:calc(100vh - 264px);padding-top:0;position:relative;z-index:1}a,h1,h2,h3,h4,h5,h6,li,p,span,td,th{word-wrap:break-word;hyphens:auto;max-width:100%;overflow-wrap:break-word}.container,.dh-l-content,.dh-l-section,.dh-l-wrapper,article,div,footer,header,main,nav,section{max-width:100%;overflow-x:hidden}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap;width:100%}@media (max-width:768px){table{font-size:.9rem}}.sr-only,.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.skip-link{background:var(--color-primary,#ff6b6b);border-radius:0 0 4px 0;color:#fff;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease;z-index:100000}.skip-link:focus{outline:3px solid var(--color-focus,#ffd93d);outline-offset:2px;top:0}:focus-visible{outline:3px solid var(--color-focus,#ffd93d);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){:focus-visible{outline-width:4px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=styles.min.css.map */