*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #B8957A;--color-primary-hover: #9A7A5F;--color-primary-light: #FFF9F5;--color-background: #FFFBF7;--color-surface: #F0E0D0;--color-text: #4A3A2A;--color-text-light: #6B5A4A;--color-text-muted: #8B7A6A;--color-border: #D4C4B4;--color-border-light: #E8D8C8;--color-success: #7A8B5A;--color-error: #B87A6A;--font-family-base: Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--max-width: 1200px;--border-radius: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-base: .2s ease}html{font-size:1rem}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-background);overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);box-sizing:border-box}@media(min-width:1024px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media(prefers-reduced-motion:reduce){:root{--transition-base: 0s}*{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto}*:hover,*:focus{transform:none}}.app{min-height:100vh;display:flex;flex-direction:column}.app>main{flex:1}.skip-link{position:absolute;top:-40px;left:0;background-color:var(--color-primary);color:var(--color-background);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:1000;border-radius:0 0 var(--border-radius) 0}.skip-link:focus{top:0;outline:2px solid var(--color-background);outline-offset:2px}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.header__logo{font-size:1.2rem;margin:0}.header__greeting{font-size:var(--font-size-sm);color:var(--color-text-light);margin:var(--spacing-xs) 0 0 0}@media(min-width:1024px){.header__logo{font-size:1.5rem}}.navigation{background-color:var(--color-surface)}.navigation__list{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;margin:0;flex-wrap:wrap;justify-content:center}.navigation__item{list-style:none}.navigation__link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);transition:background-color var(--transition-base)}.navigation__link:hover,.navigation__link--active{background-color:var(--color-primary);color:var(--color-background)}.navigation__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__item--desktop-only{display:none}.navigation__item--mobile-only{display:block}@media(min-width:1024px){.navigation__item--desktop-only{display:block}.navigation__item--mobile-only{display:none}}.navigation__item--dropdown{position:relative}.navigation__dropdown-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;color:var(--color-text);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:background-color var(--transition-base)}.navigation__dropdown-button:hover,.navigation__dropdown-button--active,.navigation__dropdown-button--current{background-color:var(--color-primary);color:var(--color-background)}.navigation__dropdown-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation__dropdown-icon{font-size:var(--font-size-sm);line-height:1}.navigation__dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);padding:var(--spacing-xs) 0;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;list-style:none;min-width:150px;z-index:100}.navigation__dropdown-item{margin:0}.navigation__dropdown-link{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none;transition:background-color var(--transition-base)}.navigation__dropdown-link:hover{background-color:var(--color-surface)}.navigation__dropdown-link--active{background-color:var(--color-primary);color:var(--color-background)}.navigation__dropdown-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.footer{background-color:var(--color-surface);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xxl)}.footer__text{text-align:center;color:var(--color-text-light);margin:0}.home-page__hero{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary-hover));color:var(--color-background);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);box-sizing:border-box}.home-page__hero-image{width:100%;max-width:300px;height:auto;max-height:150px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;margin-bottom:var(--spacing-lg);display:block;margin-left:auto;margin-right:auto}@media(min-width:1024px){.home-page__hero-image{max-width:900px;max-height:400px;box-shadow:0 6px 20px #0003,0 3px 6px #00000026}}.home-page__hero h1{font-size:2rem;margin-bottom:var(--spacing-md)}@media(min-width:1024px){.home-page__hero h1{font-size:3rem}}.home-page__hero-description{font-size:var(--font-size-lg);max-width:600px;margin:0 auto var(--spacing-lg);opacity:.95}.home-page__cta-button{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600;background-color:var(--color-background);color:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base)}.home-page__cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.home-page__features{margin-bottom:var(--spacing-xl)}.home-page__features h2{text-align:center;margin-bottom:var(--spacing-lg)}.home-page__features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg)}@media(min-width:768px){.home-page__features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home-page__features-grid{grid-template-columns:repeat(4,1fr)}}.home-page__feature-card{padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius);text-align:center;transition:transform var(--transition-base)}.home-page__feature-card:hover{transform:translateY(-4px)}.home-page__feature-card h3{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.home-page__feature-card p{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.home-page__how-it-works{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius)}.home-page__how-it-works h2{text-align:center;margin-bottom:var(--spacing-lg)}.home-page__steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-lg);grid-template-columns:1fr;align-items:center}@media(min-width:768px){.home-page__steps{grid-template-columns:1fr auto 1fr auto 1fr;gap:var(--spacing-md)}}.home-page__step-arrow{display:none}@media(min-width:768px){.home-page__step-arrow{display:flex;align-items:center;justify-content:center}}.home-page__arrow{font-size:2rem;color:var(--color-primary);font-weight:700}.home-page__step{display:flex;flex-direction:column;align-items:center;text-align:center}.home-page__step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary);color:var(--color-background);font-size:1.5rem;font-weight:700;border-radius:50%;margin-bottom:var(--spacing-md)}.home-page__step-content h3{margin-bottom:var(--spacing-xs)}.home-page__step-content p{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.home-page__disclaimer{padding:var(--spacing-lg);background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--border-radius)}.home-page__disclaimer h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.home-page__disclaimer p{font-size:var(--font-size-sm);margin:0}.capture-page{padding:var(--spacing-xl) 0}.capture-page h1{text-align:center;margin-bottom:var(--spacing-xl)}.capture-page__upload-card,.capture-page__camera-card{max-width:500px;margin:0 auto var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius);border:2px dashed var(--color-border);text-align:center}.capture-page__upload-card h2,.capture-page__camera-card h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-xl)}.capture-page__upload-desc,.capture-page__camera-desc{color:var(--color-text-light);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.capture-page__file-input{display:none}.capture-page__file-label{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-background);border-radius:var(--border-radius);cursor:pointer;font-weight:var(--font-weight-medium);transition:background-color var(--transition-base)}.capture-page__file-label:hover{background-color:var(--color-primary-hover)}.capture-page__camera-button{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base)}.capture-page__camera-button:hover{background-color:var(--color-primary-hover)}.capture-page__message{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm)}.capture-page__preview{max-width:600px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius);text-align:center}.capture-page__preview h2{margin-bottom:var(--spacing-lg)}.capture-page__preview-image{max-width:100%;max-height:400px;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.capture-page__preview-actions{display:flex;gap:var(--spacing-md);justify-content:center}.capture-page__analyze-button,.capture-page__clear-button{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base)}.capture-page__analyze-button{background-color:var(--color-primary);color:var(--color-background)}.capture-page__analyze-button:hover{background-color:var(--color-primary-hover)}.capture-page__clear-button{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.capture-page__clear-button:hover{background-color:var(--color-border)}.history-page{padding:var(--spacing-xl) 0}.history-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.history-page__new-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-base)}.history-page__new-button:hover{background-color:var(--color-primary-hover)}.history-page__empty{text-align:center;padding:var(--spacing-3xl);background-color:var(--color-surface);border-radius:var(--border-radius-lg)}.history-page__empty-icon{font-size:80px;display:block;margin:0 auto var(--spacing-lg);color:var(--color-text-light)}.history-page__empty h2{margin-bottom:var(--spacing-sm)}.history-page__empty p{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.history-page__start-button{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.history-page__start-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.history-page__trend-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary-light),var(--color-surface));border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.history-page__trend-icon{font-size:2.5rem}.history-page__trend-info{display:flex;flex-direction:column}.history-page__trend-label{font-size:var(--font-size-sm);color:var(--color-text-light)}.history-page__trend-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.history-page__trend-value--up{color:var(--color-success)}.history-page__trend-value--down{color:var(--color-error)}.history-page__trend-value--same{color:var(--color-text-light)}.history-page__controls{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius)}.history-page__filter-group,.history-page__sort-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.history-page__control-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.history-page__select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;background-color:var(--color-background);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-base)}.history-page__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8957a33}.history-page__list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-page__list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--border-radius-lg)}.history-page__item-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.history-page__item-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media(max-width:768px){.history-page__list-item{flex-direction:column;align-items:stretch}.history-page__item-left{flex-wrap:wrap}.history-page__item-right{justify-content:flex-end}}.history-page__item-date{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);min-width:100px}.history-page__item-image{width:60px;height:60px;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0}.history-page__item-image img{width:100%;height:100%;object-fit:cover}.history-page__item-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:80px}.history-page__item-age{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary);min-width:60px}.history-page__view-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-base)}.history-page__view-button:hover{background-color:var(--color-primary-hover)}.history-page__delete-button{padding:var(--spacing-sm);background-color:transparent;color:#dc3545;border:1px solid #f63a4d;border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.history-page__delete-button:hover{background-color:#dc3545;color:var(--color-background);border-color:#c82333;box-shadow:0 0 0 2px #dc354533}.history-page__footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.history-page__count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-page{padding:var(--spacing-xl) 0}.settings-page__section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius)}.settings-page__section h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);font-size:1.25rem}.settings-page__data-info{margin-bottom:var(--spacing-md)}.settings-page__data-note{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-sm)}.settings-page__clear-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.settings-page__clear-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:#c00;color:var(--color-background);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-base)}.settings-page__clear-button:hover{background-color:#a00}.settings-page__confirm-dialog{padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--border-radius)}.settings-page__confirm-dialog p{margin-bottom:var(--spacing-md)}.settings-page__confirm-actions{display:flex;gap:var(--spacing-md)}.settings-page__confirm-yes{padding:var(--spacing-sm) var(--spacing-lg);background-color:#c00;color:var(--color-background);border:none;border-radius:var(--border-radius);cursor:pointer}.settings-page__confirm-no{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer}.settings-page__account{display:flex;flex-direction:column;gap:var(--spacing-md)}.settings-page__edit-name-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-base);align-self:flex-start}.settings-page__edit-name-button:hover{background-color:var(--color-primary-hover)}.settings-page__required{color:#d32f2f}.settings-page__section--version{padding:var(--spacing-lg);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a}.settings-page__about{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-light)}.settings-page__logo-container{text-align:center}.settings-page__logo-img{max-width:200px;width:100%;height:auto}@media(min-width:1024px){.settings-page__logo-img{max-width:300px}}.settings-page__privacy p,.settings-page__about p{margin-bottom:var(--spacing-sm)}.settings-page__disclaimer{font-style:italic;margin-top:var(--spacing-md)}.settings-page__dialog{margin:auto;border:none;border-radius:var(--border-radius-lg);padding:0;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d}.settings-page__dialog::backdrop{background-color:#00000080}.settings-page__dialog-form{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-page__dialog-form h2{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-xl)}.settings-page__dialog-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.settings-page__dialog-label{font-weight:var(--font-weight-medium);color:var(--color-text)}.settings-page__dialog-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-base)}.settings-page__dialog-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #b8957a33}.settings-page__dialog-input--error{border-color:#d32f2f}.settings-page__dialog-error{color:#d32f2f;font-size:var(--font-size-sm)}.settings-page__dialog-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.settings-page__dialog-submit,.settings-page__dialog-cancel{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);cursor:pointer;transition:background-color var(--transition-base)}.settings-page__dialog-submit{background-color:var(--color-primary);color:var(--color-background)}.settings-page__dialog-submit:hover{background-color:var(--color-primary-hover)}.settings-page__dialog-cancel{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.settings-page__dialog-cancel:hover{background-color:var(--color-background)}.about-page{padding:var(--spacing-xl) 0}.about-page__header{text-align:center;margin-bottom:var(--spacing-lg)}.about-page__title{margin-bottom:var(--spacing-lg)}.about-page__section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a}.about-page__section h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.about-page__company{text-align:center;padding:var(--spacing-xl)}.about-page__company-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.2}.about-page__company-slogan{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-md);line-height:1.3}.about-page__company-description{font-size:var(--font-size-base);color:var(--color-text-light);line-height:1.6;max-width:600px;margin:0 auto}@media(min-width:1024px){.about-page__company-name{font-size:var(--font-size-4xl)}.about-page__company-slogan{font-size:var(--font-size-2xl)}}.about-page__accordion{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-page__accordion-item{border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.about-page__accordion-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface);border:none;text-align:left;cursor:pointer;transition:background-color var(--transition-base);font-family:inherit;font-size:var(--font-size-base)}.about-page__accordion-button:hover{background-color:var(--color-background)}.about-page__accordion-button:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.about-page__accordion-title{font-weight:var(--font-weight-semibold);color:var(--color-text)}.about-page__accordion-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0;margin-left:var(--spacing-md)}.about-page__accordion-content{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background);border-top:1px solid var(--color-border)}.about-page__accordion-content p{margin-bottom:var(--spacing-sm)}.about-page__accordion-content ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.about-page__accordion-content li{margin-bottom:var(--spacing-xs)}.contact-page{padding:var(--spacing-xl) 0}.contact-page__form{max-width:600px;margin:var(--spacing-xl) auto;padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius)}.contact-page__form-group{margin-bottom:var(--spacing-lg)}.contact-page__label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.contact-page__required{color:#d32f2f}.contact-page__input,.contact-page__textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-base)}.contact-page__input:focus,.contact-page__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #646cff33}.contact-page__input--error,.contact-page__textarea.contact-page__input--error{border-color:#d32f2f}.contact-page__textarea{resize:vertical;min-height:120px}.contact-page__select{cursor:pointer}.contact-page__error{display:block;margin-top:var(--spacing-xs);color:#d32f2f;font-size:var(--font-size-sm)}.contact-page__submit-button,.contact-page__reset-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:background-color var(--transition-base)}.contact-page__submit-button:hover,.contact-page__reset-button:hover{background-color:var(--color-primary-hover)}.contact-page__submit-button:focus-visible,.contact-page__reset-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contact-page__reset-button{margin-top:var(--spacing-lg)}.result-page{padding:var(--spacing-xl) 0}.result-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.result-page__actions{display:flex;gap:var(--spacing-md)}.result-page__action-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.result-page__action-button:hover{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);transform:translateY(-1px)}.result-page__action-button--secondary{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.result-page__action-button--secondary:hover{background-color:var(--color-primary);color:var(--color-background)}.result-page__action-icon{font-size:20px;margin-right:var(--spacing-xs);vertical-align:middle;display:inline-block}.result-page__main-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media(min-width:1024px){.result-page__main-content{grid-template-columns:1fr 1fr}}.result-page__photo-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.result-page__photo-title{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);text-align:center;color:var(--color-text)}.result-page__photo-image{width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.result-page__info-card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-xl)}.result-page__info-section{display:flex;flex-direction:column;align-items:center;text-align:center}.result-page__info-section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-text)}.result-page__info-section-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1;margin-bottom:var(--spacing-xs);color:var(--color-primary)}.result-page__info-section-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.result-page__metrics-list{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.result-page__metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base)}.result-page__metric-item:hover{background-color:var(--color-surface);border-color:var(--color-primary);transform:translate(4px)}.result-page__metric-item-label{font-size:var(--font-size-base);color:var(--color-text)}.result-page__metric-item-score{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.result-page__metric-card{padding:var(--spacing-xl);background-color:var(--color-surface);border-radius:var(--border-radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base)}.result-page__metric-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.result-page__metric-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.result-page__metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.result-page__metric-name{font-size:var(--font-size-lg);margin:0}.result-page__metric-confidence{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-background);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full)}.result-page__metric-score-container{margin-bottom:var(--spacing-md)}.result-page__metric-score{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.result-page__metric-description{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.result-page__metric-button{width:100%;padding:var(--spacing-sm);background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-medium)}.result-page__metric-button:hover{background-color:var(--color-primary);color:var(--color-background)}.result-page__quick-actions{margin-bottom:var(--spacing-xl)}.result-page__quick-actions h2{margin-bottom:var(--spacing-lg)}.result-page__quick-actions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:768px){.result-page__quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}.result-page__quick-action{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all var(--transition-base);text-align:center;cursor:pointer;width:100%;min-height:200px}.result-page__quick-action:hover{border-color:var(--color-primary);background-color:var(--color-background);transform:translateY(-2px);box-shadow:var(--shadow-md)}.result-page__quick-action-icon{font-size:48px;display:block;margin:0 auto var(--spacing-md)}.result-page__quick-action-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);color:var(--color-text)}.result-page__quick-action-desc{font-size:var(--font-size-sm);color:var(--color-text-light)}.result-page__message{padding:var(--spacing-md);background-color:#fff3cd;border:1px solid #ffc107;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);color:var(--color-text);text-align:center}.result-page__disclaimer-text{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:left;width:100%}.metric-detail-page{padding:var(--spacing-xl) 0}.metric-detail-page__back-button{margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;color:var(--color-primary);border:none;font-size:var(--font-size-base);cursor:pointer;text-decoration:underline}.metric-detail-page__back-button:hover{color:var(--color-primary-hover)}.metric-detail-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.metric-detail-page__score-badge{display:flex;align-items:baseline;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.metric-detail-page__score-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.metric-detail-page__score-label{font-size:var(--font-size-lg);opacity:.8}.metric-detail-page__content{display:grid;gap:var(--spacing-xl)}.metric-detail-page__section{padding:var(--spacing-lg);background-color:var(--color-surface);border-radius:var(--border-radius-lg)}.metric-detail-page__section h2{margin-bottom:var(--spacing-md);font-size:var(--font-size-xl);color:var(--color-primary)}.metric-detail-page__stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.metric-detail-page__stat{display:flex;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border-light)}.metric-detail-page__stat:last-child{border-bottom:none}.metric-detail-page__stat-label{color:var(--color-text-light)}.metric-detail-page__stat-value{font-weight:var(--font-weight-semibold)}.metric-detail-page__stat-value--excellent{color:var(--color-success)}.metric-detail-page__stat-value--good{color:#8bc34a}.metric-detail-page__stat-value--fair{color:var(--color-warning)}.metric-detail-page__stat-value--poor{color:var(--color-error)}.metric-detail-page__image-container{position:relative;text-align:center;margin-top:var(--spacing-md)}.metric-detail-page__image{width:100%;max-width:400px;border-radius:var(--border-radius-lg)}.metric-detail-page__mask-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:radial-gradient(ellipse,var(--color-mask-overlay) 0%,transparent 70%);pointer-events:none;border-radius:50%}.metric-detail-page__recommendations{margin:0;padding-left:var(--spacing-lg)}.metric-detail-page__recommendations li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}