@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');@import url("/static/css/tokens.7eeca3bf7263.css?8ee1c5ec145d");*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font:var(--md-sys-typescale-body-large);background-color:var(--md-sys-color-background);color:var(--md-sys-color-on-background);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,.display-large{font:var(--md-sys-typescale-display-small)}h2,.display-medium{font:var(--md-sys-typescale-headline-medium)}h3,.headline-large{font:var(--md-sys-typescale-headline-small)}h4,.headline-medium{font:var(--md-sys-typescale-headline-small)}h5,.headline-small{font:var(--md-sys-typescale-headline-small)}h6,.title-large{font:var(--md-sys-typescale-title-large)}.display-small{font:var(--md-sys-typescale-display-small)}@media (min-width:768px){h1,.display-large{font:var(--md-sys-typescale-display-medium)}h2,.display-medium{font:var(--md-sys-typescale-headline-large)}h3,.headline-large{font:var(--md-sys-typescale-headline-medium)}h4,.headline-medium{font:var(--md-sys-typescale-headline-medium)}}@media (min-width:1024px){h1,.display-large{font:var(--md-sys-typescale-display-large)}}.title-medium{font:var(--md-sys-typescale-title-medium)}.title-small{font:var(--md-sys-typescale-title-small)}.body-large{font:var(--md-sys-typescale-body-large)}.body-medium{font:var(--md-sys-typescale-body-medium)}.body-small{font:var(--md-sys-typescale-body-small)}.label-large{font:var(--md-sys-typescale-label-large)}.label-medium{font:var(--md-sys-typescale-label-medium)}nav .label-medium{font:var(--md-sys-typescale-body-medium)}.label-small{font:var(--md-sys-typescale-label-small)}a{color:var(--md-sys-color-primary);text-decoration:none;transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}a:hover{color:var(--md-sys-color-secondary)}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width:768px){.container{padding:0 var(--spacing-md)}}@media (min-width:1024px){.container{padding:0 var(--spacing-lg)}}.main-content{flex:1;padding-bottom:var(--spacing-lg)}.top-app-bar{background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);position:sticky;top:0;z-index:100}.top-app-bar__content{display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--spacing-sm)}@media (min-width:768px){.top-app-bar__content{height:72px;gap:var(--spacing-md)}}.top-app-bar__brand{display:flex;align-items:center;gap:var(--spacing-sm);font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-primary);text-decoration:none;flex-shrink:0}@media (min-width:768px){.top-app-bar__brand{gap:var(--spacing-sm);font:var(--md-sys-typescale-headline-medium)}}.top-app-bar__brand:hover{color:var(--md-sys-color-primary)}.top-app-bar__logo{width:40px;height:40px}@media (min-width:768px){.top-app-bar__logo{width:48px;height:48px}}.top-app-bar__nav{display:none}@media (min-width:769px){.top-app-bar__nav{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;justify-content:center}}.top-app-bar__actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}@media (min-width:768px){.top-app-bar__actions{gap:var(--spacing-sm)}}.nav-link{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);white-space:nowrap}.nav-link:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.nav-link--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.nav-link .material-symbols-rounded{display:none}@media (min-width:1200px){.nav-link .material-symbols-rounded{display:inline;font-size:18px}}.mobile-menu-toggle{display:flex!important}@media (min-width:769px){.mobile-menu-toggle{display:none!important}}[x-cloak]{display:none!important}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:999}.nav-drawer{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--md-sys-color-surface);z-index:1000;display:flex;flex-direction:column;box-shadow:var(--md-sys-elevation-3)}@media (min-width:480px){.nav-drawer{width:320px}}.nav-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--md-sys-color-outline-variant);min-height:56px}@media (min-width:768px){.nav-drawer__header{min-height:64px}}.nav-drawer__brand{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-title-medium);font-weight:600}@media (min-width:480px){.nav-drawer__brand{font:var(--md-sys-typescale-title-large);font-weight:600}}.nav-drawer__content{flex:1;overflow-y:auto;padding:var(--spacing-xs) 0}.nav-drawer__section{padding:var(--spacing-xs) 0}.nav-drawer__section:not(:last-child){border-bottom:1px solid var(--md-sys-color-outline-variant)}.nav-drawer__section-title{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:0.5px}.nav-drawer__item{display:flex;align-items:center;gap:var(--spacing-md);padding:12px var(--spacing-lg);color:var(--md-sys-color-on-surface);text-decoration:none;font:var(--md-sys-typescale-body-large);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:background 0.15s ease}.nav-drawer__item:hover{background:var(--md-sys-color-surface-container-high)}.nav-drawer__item--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.nav-drawer__item--danger{color:var(--md-sys-color-error)}.nav-drawer__item .material-symbols-rounded{font-size:24px}.translate-x-full{transform:translateX(100%)}.translate-x-0{transform:translateX(0)}.opacity-0{opacity:0}.opacity-100{opacity:1}.language-selector{display:none}@media (min-width:769px){.language-selector{display:block;position:relative}}.lang-btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;padding:0 var(--spacing-md);border:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:background 0.2s ease,box-shadow 0.2s ease}.lang-btn:hover{background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-1)}.lang-btn:active{background:var(--md-sys-color-surface-container-highest)}.lang-option{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface)}.lang-option:hover{background:var(--md-sys-color-surface-container-high)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px 20px;border:none;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);text-decoration:none;white-space:nowrap;min-height:40px}@media (min-width:768px){.btn{padding:10px 24px}}.btn--filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn--filled:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.05)}.btn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn--tonal:hover{box-shadow:var(--md-sys-elevation-1)}.btn--outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.btn--outlined:hover{background:var(--md-sys-color-primary-container)}.btn--text{background:transparent;color:var(--md-sys-color-primary);padding:10px 12px}.btn--text:hover{background:var(--md-sys-color-primary-container)}.btn--icon{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:var(--md-sys-shape-corner-full);background:transparent;color:var(--md-sys-color-on-surface-variant)}.btn--icon:hover{background:var(--md-sys-color-surface-container-high)}.card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);display:flex;flex-direction:column}.card--elevated{box-shadow:var(--md-sys-elevation-1)}.card--elevated:hover{box-shadow:var(--md-sys-elevation-2)}.card--hoverable{transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.card--hoverable:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}.card--filled{background:var(--md-sys-color-surface-container-highest)}.card--tonal{background:transparent;border:2px solid #8b5a6b}.card--tonal h1,.card--tonal h2,.card--tonal h3,.card--tonal h4,.card--tonal h5,.card--tonal h6,.card--tonal .text-primary,.card--tonal .text-secondary,.card--tonal .text-tertiary{color:#8b5a6b}.card--tonal .btn--filled{background:#8b5a6b;color:#ffffff}.card--tonal .btn--filled:hover{filter:brightness(1.05)}.card--outlined{border:1px solid var(--md-sys-color-outline-variant)}.card__media{aspect-ratio:16/10;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.card:hover .card__media img{transform:scale(1.03)}.card__content{padding:var(--spacing-sm);flex:1}@media (min-width:768px){.card__content{padding:var(--spacing-md)}}.card__title{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-xs)}@media (min-width:768px){.card__title{font:var(--md-sys-typescale-title-medium)}}.card__title a{color:inherit;text-decoration:none;transition:color var(--md-sys-motion-duration-short)}.card__title a:hover{color:var(--md-sys-color-primary)}.card__subtitle{font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.card__text{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);margin-top:var(--spacing-sm)}.card__actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-sm);margin-top:auto;flex-wrap:wrap}@media (min-width:768px){.card__actions{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}}.tutorial-card__readmore{opacity:0.9;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.card--hoverable:hover .tutorial-card__readmore{opacity:1;box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;border-radius:var(--md-sys-shape-corner-small);font:var(--md-sys-typescale-label-large);border:1px solid var(--md-sys-color-outline);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.chip:hover{background:var(--md-sys-color-surface-container-high)}.chip--selected{background:var(--md-sys-color-secondary-container);border-color:transparent;color:var(--md-sys-color-on-secondary-container)}.chip--assist{background:var(--md-sys-color-surface-container-low);border-color:transparent}.grid{display:grid;gap:var(--spacing-sm)}@media (min-width:768px){.grid{gap:var(--spacing-md)}}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}@media (min-width:480px){.grid--2,.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid--3,.grid--4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid--4{grid-template-columns:repeat(4,1fr)}}.section{padding:var(--spacing-lg) 0}@media (min-width:768px){.section{padding:var(--spacing-xl) 0}}@media (min-width:1024px){.section{padding:var(--spacing-2xl) 0}.section--tight-top{padding-top:var(--spacing-md)}.trust-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-sm);text-align:left}}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}@media (min-width:768px){.section__header{margin-bottom:var(--spacing-lg)}}.section__title{font:var(--md-sys-typescale-headline-small);color:var(--md-sys-color-on-surface)}@media (min-width:768px){.section__title{font:var(--md-sys-typescale-headline-medium)}}.hero{padding:var(--spacing-xl) 0;text-align:center}@media (min-width:768px){.hero{padding:var(--spacing-3xl) 0}}.hero__title{font:var(--md-sys-typescale-headline-large);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-sm)}@media (min-width:768px){.hero__title{font:var(--md-sys-typescale-display-medium);margin-bottom:var(--spacing-md)}}.hero__subtitle{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}@media (min-width:768px){.hero__subtitle{font:var(--md-sys-typescale-headline-small);margin-bottom:var(--spacing-xl)}}.hero__actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}@media (min-width:768px){.hero__actions{gap:var(--spacing-md)}}.hero-banner{position:relative;height:calc(100vh / 3);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-banner__image{position:absolute;inset:0;z-index:0}.hero-banner__image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.5) 100%)}.hero-banner__content{position:relative;z-index:1;text-align:center;padding:var(--spacing-lg) var(--spacing-sm)}@media (min-width:768px){.hero-banner__content{padding:var(--spacing-3xl) var(--spacing-md)}}.hero-banner__title{font:var(--md-sys-typescale-display-small);color:#fff;margin-bottom:var(--spacing-sm);text-shadow:0 2px 8px rgba(0,0,0,0.3)}@media (min-width:768px){.hero-banner__title{font:var(--md-sys-typescale-display-medium);margin-bottom:var(--spacing-md)}}@media (min-width:1024px){.hero-banner__title{font:var(--md-sys-typescale-display-large)}}.hero-banner__subtitle{font:var(--md-sys-typescale-body-large);color:rgba(255,255,255,0.9);margin-bottom:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 1px 4px rgba(0,0,0,0.3)}@media (min-width:768px){.hero-banner__subtitle{font:var(--md-sys-typescale-headline-small);margin-bottom:var(--spacing-xl)}}.hero-banner__actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-direction:column;align-items:center}@media (min-width:480px){.hero-banner__actions{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}}.btn--large{padding:var(--spacing-sm) var(--spacing-lg);font:var(--md-sys-typescale-label-large)}@media (min-width:768px){.btn--large{padding:var(--spacing-md) var(--spacing-xl)}}.footer{background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:auto}@media (min-width:768px){.footer{padding:var(--spacing-2xl) 0 var(--spacing-lg)}}.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width:480px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}@media (min-width:1024px){.footer__grid{grid-template-columns:2fr repeat(3,1fr)}}.footer__brand{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary);margin-bottom:var(--spacing-xs)}@media (min-width:768px){.footer__brand{font:var(--md-sys-typescale-title-large);margin-bottom:var(--spacing-sm)}}.footer__desc{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}@media (min-width:768px){.footer__desc{font:var(--md-sys-typescale-body-medium)}}.footer__title{font:var(--md-sys-typescale-title-small);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-sm)}@media (min-width:768px){.footer__title{margin-bottom:var(--spacing-md)}}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}@media (min-width:768px){.footer__links{gap:var(--spacing-sm)}}.footer__link{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}@media (min-width:768px){.footer__link{font:var(--md-sys-typescale-body-medium)}}.footer__link:hover{color:var(--md-sys-color-primary)}.footer__bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-sm);border-top:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;text-align:center}@media (min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-md);text-align:left}}.footer__copy{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.form-field{margin-bottom:var(--spacing-md)}@media (min-width:768px){.form-field{margin-bottom:var(--spacing-lg)}}.form-field__label,.form-label{display:block;font:var(--md-sys-typescale-label-large);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-sm);font-weight:500}.form-field__input,.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--md-sys-color-outline-variant);border-radius:12px;font:var(--md-sys-typescale-body-medium);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);transition:all 200ms cubic-bezier(0.4,0,0.2,1);min-height:48px}@media (min-width:768px){.form-field__input,.form-input{padding:var(--spacing-md) var(--spacing-lg);font:var(--md-sys-typescale-body-large);min-height:56px}}select.form-field__input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2349454F' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-field__input:hover,.form-input:hover{border-color:var(--md-sys-color-outline);background:var(--md-sys-color-surface)}.form-field__input:focus,.form-input:focus{outline:none;border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface);box-shadow:0 0 0 2px rgba(var(--md-sys-color-primary-rgb,103,80,164),0.15)}.form-field__input::placeholder,.form-input::placeholder{color:var(--md-sys-color-outline);opacity:0.6}textarea.form-input{min-height:100px;resize:vertical;line-height:1.6}@media (min-width:768px){textarea.form-input{min-height:120px}}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2349454F' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:48px}select.form-input[multiple]{background-image:none;padding-right:var(--spacing-lg);min-height:140px}select.form-input option{padding:var(--spacing-sm) var(--spacing-md)}input[type="number"].form-input{-moz-appearance:textfield}input[type="number"].form-input::-webkit-outer-spin-button,input[type="number"].form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="date"].form-input{cursor:pointer}input[type="file"].form-input{padding:var(--spacing-md);cursor:pointer}input[type="file"].form-input::file-selector-button{padding:var(--spacing-sm) var(--spacing-md);margin-right:var(--spacing-md);border:none;border-radius:8px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:var(--md-sys-typescale-label-large);cursor:pointer;transition:background 200ms}input[type="file"].form-input::file-selector-button:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}input[type="checkbox"]{width:20px;height:20px;accent-color:var(--md-sys-color-primary);cursor:pointer}.form-hint{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant);margin-top:var(--spacing-xs)}.form-error{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-error);margin-top:var(--spacing-xs)}.form-input.error,.form-field__input.error{border-color:var(--md-sys-color-error)}.combobox-wrap{position:relative}.combobox-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;max-height:280px;overflow-y:auto;background:var(--md-sys-color-surface-container-lowest,var(--md-sys-color-surface));border:2px solid var(--md-sys-color-outline-variant);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 12px rgba(0,0,0,.12);list-style:none;padding:var(--spacing-xs) 0;margin:0}.combobox-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface)}.combobox-item:hover,.combobox-item--highlighted{background:var(--md-sys-color-surface-container-high,rgba(0,0,0,.06))}.combobox-item--create{color:var(--md-sys-color-primary);border-top:1px solid var(--md-sys-color-outline-variant);font-weight:500}.combobox-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);line-height:1;border-radius:50%}.combobox-clear:hover{background:var(--md-sys-color-surface-container-high,rgba(0,0,0,.06))}.relative:has(>.password-toggle)>.form-input{padding-right:44px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--md-sys-color-on-surface-variant);line-height:1;border-radius:50%}.password-toggle:hover{background:var(--md-sys-color-surface-container-high,rgba(0,0,0,.06))}.password-toggle:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.form-input.error:focus,.form-field__input.error:focus{box-shadow:0 0 0 2px rgba(var(--md-sys-color-error-rgb,179,38,30),0.15)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-small);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.badge--secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.badge--tertiary{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.progress{height:4px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);overflow:hidden}.progress__bar{height:100%;background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-full);transition:width var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}input[type="range"]{-webkit-appearance:none;appearance:none;height:6px;background:var(--md-sys-color-surface-container-highest);border-radius:3px;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--md-sys-color-primary);border-radius:50%;cursor:pointer;transition:transform 150ms ease}input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type="range"]::-moz-range-thumb{width:20px;height:20px;background:var(--md-sys-color-primary);border:none;border-radius:50%;cursor:pointer}input[type="range"]::-moz-range-track{height:6px;background:var(--md-sys-color-surface-container-highest);border-radius:3px}input[type="range"]::-moz-range-progress{height:6px;background:var(--md-sys-color-primary);border-radius:3px}.divider{height:1px;background:var(--md-sys-color-outline-variant);margin:var(--spacing-md) 0}.text-primary{color:var(--md-sys-color-primary)}.text-secondary{color:var(--md-sys-color-secondary)}.text-muted{color:var(--md-sys-color-on-surface-variant)}.text-error{color:var(--md-sys-color-error)}.bg-surface{background:var(--md-sys-color-surface)}.bg-surface-container{background:var(--md-sys-color-surface-container)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex;flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-inline{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-auto{margin-left:auto}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.aspect-square{aspect-ratio:1}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.no-underline{text-decoration:none}.align-middle{vertical-align:middle}.text-outline{color:var(--md-sys-color-outline)}.text-on-surface{color:var(--md-sys-color-on-surface)}.text-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.text-inherit{color:inherit}.bg-surface-container-low{background:var(--md-sys-color-surface-container-low)}.bg-surface-container-high{background:var(--md-sys-color-surface-container-high)}.rounded-sm{border-radius:4px}.rounded-md{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:var(--md-sys-shape-corner-large,16px)}.rounded-full{border-radius:var(--md-sys-shape-corner-full)}.icon-xs{font-size:14px}.icon-sm{font-size:16px}.icon-md{font-size:18px}.icon-lg{font-size:20px}.icon-xl{font-size:24px}.icon-2xl{font-size:32px}.icon-3xl{font-size:48px}.icon-4xl{font-size:64px}.icon-empty{font-size:48px;color:var(--md-sys-color-outline)}.icon-empty-lg{font-size:64px;color:var(--md-sys-color-outline)}.breadcrumb-sep{font-size:18px;color:var(--md-sys-color-outline)}.breadcrumb-link{text-decoration:none;color:var(--md-sys-color-on-surface-variant)}.img-full{width:100%;height:auto;display:block}.grid-span-all{grid-column:1 / -1}.grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.grid-auto-fill-200{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.icon-lg-plus{font-size:22px}.icon-xl-plus{font-size:28px}.icon-2xl-plus{font-size:36px}.icon-3xl-plus{font-size:40px}.icon-5xl{font-size:96px}.ml-lg{margin-left:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.pl-md{padding-left:var(--spacing-md)}.pl-sm{padding-left:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.pt-0{padding-top:0}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-xs{padding-bottom:var(--spacing-xs)}.gap-2px{gap:2px}.gap-3{gap:12px}.p-sm-xl{padding:var(--spacing-sm) var(--spacing-xl)}.p-md-xl{padding:var(--spacing-md) var(--spacing-xl)}.p-md-2xl{padding:var(--spacing-md) var(--spacing-2xl)}.p-xl-md{padding:var(--spacing-xl) var(--spacing-md)}.p-xs-0{padding:var(--spacing-xs) 0}.p-xl-0{padding:var(--spacing-xl) 0}.p-3xl{padding:var(--spacing-3xl)}.text-tertiary{color:var(--md-sys-color-tertiary)}.text-on-primary{color:var(--md-sys-color-on-primary)}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container)}.bg-tertiary-container{background:var(--md-sys-color-tertiary-container)}.bg-error{background:var(--md-sys-color-error)}.bg-primary-container{background:var(--md-sys-color-primary-container)}.fw-500{font-weight:500}.fw-600{font-weight:600}.line-through{text-decoration:line-through}.lh-1-5{line-height:1.5}.lh-1-8{line-height:1.8}.rounded-xl-plus{border-radius:24px}.rounded-large{border-radius:var(--shape-large,16px)}.rounded-medium{border-radius:var(--shape-medium,12px)}.object-cover{object-fit:cover}.max-w-200{max-width:200px}.max-w-400{max-width:400px}.max-w-480{max-width:480px}.max-w-500{max-width:500px}.max-w-600{max-width:600px}.max-w-700{max-width:700px}.max-w-800{max-width:800px}.max-w-full{max-width:100%}.min-w-150{min-width:150px}.min-w-180{min-width:180px}.min-w-200{min-width:200px}.h-200{height:200px}.w-16{width:16px}.w-18{width:18px}.w-20{width:20px}.w-24{width:24px}.h-16{height:16px}.h-18{height:18px}.h-20{height:20px}.h-24{height:24px}.opacity-50{opacity:0.5}.breadcrumb-chevron{font-size:18px;color:var(--md-sys-color-outline)}.preview-img{max-width:200px;border-radius:var(--shape-medium)}.content-img{max-width:100%;border-radius:var(--border-radius-md)}.p-pill{padding:4px 8px}.p-pill-sm{padding:2px 6px}.p-pill-top{padding:4px 8px;top:8px;left:8px}.p-chip{padding:12px 16px}.p-btn-sm{padding:6px 16px;min-height:32px}.p-chip-rounded{padding:var(--spacing-sm) var(--spacing-xl);border-radius:12px;gap:8px}.p-sm-md-rounded{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--md-sys-shape-corner-small)}.icon-12{font-size:12px}.icon-11{font-size:11px}.gap-lg-plus{gap:24px}.min-h-48{min-height:48px}.min-h-32{min-height:32px}.mr-sm{margin-right:var(--spacing-sm)}.mt-2px{margin-top:2px}.mt-4px{margin-top:4px}.ml-4px{margin-left:4px}.ml-28{margin-left:28px}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.list-none{list-style:none;padding:0}.max-w-300{max-width:300px}.font-italic{font-style:italic}.whitespace-nowrap{white-space:nowrap}.border-error{border-color:var(--md-sys-color-error)}.border-top-outline{border-top:1px solid var(--md-sys-color-outline-variant)}.divider-vertical{width:1px;height:24px;margin:0 8px;background:var(--md-sys-color-outline-variant)}.divider-vertical-slim{width:1px;margin:0 8px}.bg-surface-variant{background:var(--md-sys-color-surface-variant)}.bg-error-container{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.bg-tertiary-solid{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.text-on-error{color:var(--md-sys-color-on-error)}.progress__bar{height:100%;background:var(--md-sys-color-primary);transition:width var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard)}.progress--lg{height:12px;border-radius:6px}.progress--lg .progress__bar{border-radius:6px}.ml-auto-outline{margin-left:auto;color:var(--md-sys-color-outline)}.chip-status-completed{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.chip-status-in-progress{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.chip-status-frogged{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.chip-best{background:var(--md-sys-color-tertiary-container)}.vote-up{color:var(--md-sys-color-primary)}.vote-down{color:var(--md-sys-color-error)}.price-error{color:var(--md-sys-color-error)}.blog-like-icon--filled{font-variation-settings:'FILL' 1;color:var(--md-sys-color-error)}.pill-error{padding:4px 8px;color:var(--md-sys-color-error)}.pill-error-sm{padding:2px 6px;color:var(--md-sys-color-error);font-size:12px}.pill-11{font-size:11px;padding:4px 8px}.pill-11-sm{font-size:11px;padding:2px 8px}.cta-section{max-width:700px;padding:var(--spacing-2xl);border-radius:24px}.grid-sidebar-right{grid-template-columns:1fr 280px}.tile-selectable{padding:var(--spacing-md);cursor:pointer;flex:1;min-width:200px}.input-qty{width:70px;padding:10px 8px;height:auto}.avatar-80{width:80px;height:80px}.avatar-64{width:64px;height:64px}.avatar-48{width:48px;height:48px}.product-thumb-120{width:120px;height:120px;object-fit:contain;border-radius:var(--shape-medium);background:var(--md-sys-color-surface-container)}.select-filter{width:auto;min-width:180px;height:32px;padding:4px 12px;font-size:14px}.detail-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);align-items:start}@media (min-width:768px){.detail-layout{grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}}.toast-container{position:fixed;bottom:var(--spacing-md);left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);width:calc(100vw - 32px);max-width:500px}@media (min-width:600px){.toast-container{top:80px;bottom:auto;width:500px}}.toast{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-3);font:var(--md-sys-typescale-body-medium)}@media (min-width:600px){.toast{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}}.toast--success{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.toast--error{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.toast--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.toast--info{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.toast__icon{font-size:24px;flex-shrink:0}.toast__message{flex:1}.toast__close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;margin:-4px;opacity:0.7;transition:opacity 0.15s ease;display:flex;align-items:center;justify-content:center}.toast__close:hover{opacity:1}.toast__close .material-symbols-rounded{font-size:20px}.snackbar{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%) translateY(100%);z-index:9999;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-small);box-shadow:var(--md-sys-elevation-3);font:var(--md-sys-typescale-body-medium);opacity:0;visibility:hidden;transition:transform var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-standard),opacity var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-standard),visibility var(--md-sys-motion-duration-long);max-width:calc(100vw - 32px);pointer-events:none}@media (min-width:600px){.snackbar{max-width:500px}}.snackbar.snackbar--visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto}.snackbar__icon{font-size:20px;flex-shrink:0;color:var(--md-sys-color-inverse-primary)}.snackbar__text{flex:1}.snackbar__text kbd{display:inline-block;padding:1px 6px;border:1px solid var(--md-sys-color-inverse-primary);border-radius:4px;font-family:inherit;font-size:0.85em;color:var(--md-sys-color-inverse-primary)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:1000;width:3rem;height:3rem;border-radius:1rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-primary,#6750a4);color:var(--md-sys-color-on-primary,#fff);box-shadow:0 2px 8px rgba(0,0,0,0.15),0 1px 3px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,background-color 0.2s ease,box-shadow 0.2s ease}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--md-sys-color-primary-hover,#7965c1);box-shadow:0 4px 12px rgba(0,0,0,0.2),0 2px 4px rgba(0,0,0,0.12)}.scroll-to-top:active{transform:scale(0.95)}.scroll-to-top .material-symbols-rounded{font-size:1.5rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;padding:var(--spacing-xl) 0}.tag-cloud__item{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--md-sys-shape-corner-full,100px);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);text-decoration:none;transition:background 0.2s ease,box-shadow 0.2s ease,transform 0.15s ease;white-space:nowrap}.tag-cloud__item:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);box-shadow:var(--md-sys-elevation-1);transform:translateY(-1px)}.tag-cloud__item--size-1{font:var(--md-sys-typescale-label-medium);padding:6px 12px}.tag-cloud__item--size-2{font:var(--md-sys-typescale-label-large);padding:7px 14px}.tag-cloud__item--size-3{font:var(--md-sys-typescale-body-large);padding:8px 16px}.tag-cloud__item--size-4{font:var(--md-sys-typescale-title-medium);padding:10px 20px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.tag-cloud__item--size-5{font:var(--md-sys-typescale-title-large);padding:12px 24px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.tag-cloud__count{font:var(--md-sys-typescale-label-small);opacity:0.7}[data-lightbox],.tutorial-content img{cursor:zoom-in}.zoom-hint{position:fixed;z-index:1900;padding:6px var(--spacing-sm);border-radius:var(--md-sys-shape-corner-full,9999px);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);box-shadow:var(--md-sys-elevation-2);white-space:nowrap;opacity:0;transform:translate(-50%,-100%);transition:opacity 0.15s ease;pointer-events:none}.zoom-hint--visible{opacity:1}.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;-webkit-tap-highlight-color:transparent}.lightbox--open{opacity:1;visibility:visible}.lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-3);cursor:zoom-in;transform:scale(0.96);transition:transform 0.2s ease;touch-action:pan-x pan-y}.lightbox--open .lightbox__img{transform:scale(1)}.lightbox--zoomed{align-items:flex-start;justify-content:flex-start;overflow:auto}.lightbox--zoomed .lightbox__img{max-width:none;max-height:none;cursor:zoom-out}.lightbox__close{position:fixed;top:12px;right:12px;z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:50%;background:rgba(0,0,0,0.5);color:#fff;cursor:pointer;transition:background 0.15s ease}.lightbox__close:hover,.lightbox__close:focus-visible{background:rgba(0,0,0,0.75)}[data-lightbox],.tutorial-content img{cursor:zoom-in}.tutorial-content a img{cursor:pointer}.pagination__page{min-width:44px;padding:8px 12px;justify-content:center}.pagination__ellipsis{padding:0 4px;user-select:none}.u-1{line-height:1.6}.u-2{max-width:380px;height:auto}.u-3{max-width:520px;padding:var(--spacing-2xl) var(--spacing-md)}.u-4{min-height:70vh}.u-5{grid-template-columns:auto 1fr;gap:8px 16px}.u-6{padding:12px 32px}.u-7{color:white;margin-left:8px}.u-8{letter-spacing:normal}.u-9{background:var(--md-sys-color-primary)}.u-10{height:64px}.u-11{margin-right:auto}.u-12{padding:var(--spacing-2xl) 0}.u-13{margin-top:8px;font-size:13px;padding:6px 12px}.u-14{margin-top:auto}.u-15{bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:white;padding:4px}.u-16{padding:2px 8px}.u-17{background:var(--md-sys-color-primary);padding:2px 8px}.u-18{top:8px;left:8px}.u-19{margin:0 0 var(--spacing-sm) 0}.u-20{margin-bottom:var(--spacing-xs)}.u-21{min-width:60px}.u-22{grid-template-columns:1fr 300px}.u-23{border-radius:var(--md-sys-shape-corner-medium)}.u-24{border-color:var(--md-sys-color-primary)}.u-25{border-bottom:1px solid var(--md-sys-color-outline-variant)}.u-26{min-width:50px}.u-27{border-radius:var(--border-radius-lg)}.u-28{margin:0 0 var(--spacing-xs) 0}.u-29{margin-top:48px;margin-bottom:24px}.u-30{margin-top:48px;padding-top:32px;margin-bottom:48px;border-top:1px solid var(--md-sys-color-outline-variant)}.u-31{border-left:2px solid var(--md-sys-color-outline-variant)}.u-32{border-left:3px solid var(--md-sys-color-outline-variant)}.u-33{font-size:2rem;letter-spacing:normal}.u-34{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-sm) var(--spacing-lg)}.u-35{max-height:500px;height:auto;object-fit:contain}.u-36{line-height:1.7}.u-37{max-height:360px;height:auto;object-fit:contain}.u-38{width:120px;height:120px;object-fit:contain}.u-39{object-fit:contain}.u-40{height:32px;padding:4px 12px}.u-41{max-width:50%}.u-42{font:var(--md-sys-typescale-body-medium)}.u-43{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:8px;padding-top:8px}.u-44{font:var(--md-sys-typescale-body-small)}.u-45{font:var(--md-sys-typescale-title-small)}.u-46{right:0;top:100%;margin-top:8px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);z-index:200;padding:8px 0}.u-47{right:0;top:100%;margin-top:8px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);z-index:200}.u-48{padding:var(--spacing-sm) var(--spacing-md);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.u-49{opacity:0.7}.u-50{display:grid;grid-template-columns:repeat(2,1fr)}.u-51{display:grid;grid-template-columns:repeat(3,1fr)}.u-52{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.u-53{display:grid;grid-template-columns:1fr 1fr;align-items:start}.u-54{background:#c8e6c9;color:#1b5e20}.u-55{color:var(--md-sys-color-on-error-container)}.u-56{background:var(--md-sys-color-error-container);border-radius:var(--md-sys-shape-corner-small)}.u-57{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.u-58{color:var(--md-sys-color-on-primary-container)}.u-59{max-width:900px}.u-60{grid-template-columns:repeat(3,1fr)}.u-61{grid-template-columns:1fr 1fr}.u-62{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.u-63{height:180px}.u-64{margin-bottom:8px}.u-65{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);font:var(--md-sys-typescale-body-medium)}.u-66{padding:10px 16px;font:var(--md-sys-typescale-body-medium);border-top:1px solid var(--md-sys-color-outline-variant);padding-top:12px}.u-67{padding:10px 16px;border:none;background:none;font:var(--md-sys-typescale-body-medium)}.u-68{left:0;top:100%;margin-top:8px;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);min-width:220px;z-index:100;padding:8px 0}.u-69{pointer-events:none}.u-70{padding:var(--spacing-sm) 0}.u-71{font-size:56px}.u-72{background:rgba(255,255,255,0.9);border-color:var(--md-sys-color-primary)}.u-73{padding:10px 12px 10px 44px;border-radius:28px;border:1px solid var(--md-sys-color-outline-variant);font-size:1rem}.u-74{left:12px;top:50%;transform:translateY(-50%)}.u-75{margin:0 auto var(--spacing-lg)}.u-76{aspect-ratio:4/3}.u-77{top:4px;right:4px;background:var(--md-sys-color-error-container);border-radius:50%;width:28px;height:28px}.u-78{height:100px}.u-79{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.u-80{padding:8px;min-width:auto}.u-81{min-width:45px}.u-82{justify-content:flex-start}.u-83{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.u-84{height:12px;border-radius:6px}.u-85{grid-template-columns:1fr 350px;align-items:start}.u-50{grid-template-columns:1fr}.u-51{grid-template-columns:1fr}@media (min-width:480px){.u-50,.u-51{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.u-51{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.u-53,.u-60,.u-61,.u-62{grid-template-columns:1fr}}