:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app-container{background-color:var(--surface-page);color:var(--text-primary);min-height:100vh;padding:var(--spacing-5);transition:all .3s ease;max-width:1200px;margin:0 auto}.app-header{margin-bottom:var(--spacing-5);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-4)}.theme-switcher{display:flex;gap:var(--spacing-2);align-items:center;flex-wrap:wrap}.theme-button{padding:8px 16px;border:var(--borders-width-thin) solid var(--border-default);border-radius:var(--radii-sm);cursor:pointer;background-color:var(--surface-card);color:var(--text-primary)}.theme-button--active{background-color:var(--action-primary-default);color:var(--action-primary-label);font-weight:700}.lang-switcher{display:flex;align-items:center;gap:var(--spacing-2)}.feature-section{padding:var(--spacing-5);border:var(--borders-width-thin) solid var(--border-default);background-color:var(--surface-card);border-radius:var(--radii-lg);margin-top:var(--spacing-5)}.feature-title{color:var(--action-primary-default);margin-bottom:var(--spacing-4);font-size:var(--typography-headline-medium-bold-fontSize);font-weight:var(--typography-headline-medium-bold-fontWeight);line-height:var(--typography-headline-medium-bold-lineHeight)}.typography-grid{display:flex;flex-direction:column;gap:var(--spacing-4)}.label-text{font-size:var(--typography-label-small-emphasized-fontSize);font-weight:var(--typography-label-small-emphasized-fontWeight);color:var(--text-secondary);display:block;margin-bottom:var(--spacing-1)}.shapes-container{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.shape-box{background-color:var(--action-primary-default);display:flex;align-items:center;justify-content:center;color:#fff}.shape-box--sm{width:80px;height:80px}.shape-box--md{width:100px;height:100px}.shape-box--lg,.shape-box--full{width:120px;height:120px}.shape-label{font-size:var(--typography-label-small-bold-fontSize);font-weight:var(--typography-label-small-bold-fontWeight)}.spacing-info{margin-top:var(--spacing-5);display:flex;gap:var(--spacing-3);flex-wrap:wrap}.spacing-item{padding:var(--spacing-2) var(--spacing-3);background-color:var(--surface-page);border-radius:var(--radii-xs);font-size:var(--typography-body-small-regular-fontSize)}@media (max-width: 768px){.app-container{padding:var(--spacing-4)}.app-header{flex-direction:column;align-items:flex-start}.theme-switcher{width:100%;justify-content:flex-start}.lang-switcher{width:100%;justify-content:space-between}.feature-section{padding:var(--spacing-4)}.feature-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}}.feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.api-content{margin-top:var(--spacing-4)}.api-item-title{margin:0;font-size:var(--typography-title-medium-bold-fontSize)}.status-completed{color:var(--feedback-success);font-weight:700}.status-pending{color:var(--feedback-warning);font-weight:700}.error-text{color:var(--feedback-error)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:inherit;transition:background-color 9999s ease-in-out 0s}.typography-text{font-size:var(--text-font-size);line-height:var(--text-line-height);font-family:var(--text-font-family);font-weight:var(--text-font-weight);letter-spacing:var(--text-letter-spacing);color:var(--text-color);text-align:var(--text-align);text-transform:var(--text-transform);white-space:var(--text-white-space);overflow:hidden;text-overflow:var(--text-overflow);margin:0}.lottie-container{width:var(--lottie-container-width);height:var(--lottie-container-height);display:var(--lottie-display);align-items:var(--lottie-align);justify-content:var(--lottie-justify)}.lottie{width:var(--lottie-width);height:var(--lottie-height)}