:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#242424;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Aztech Forest;src:url(/fonts/AztechForest-9YJa0.otf) format("opentype");font-weight:400;font-style:normal}body,html{margin:0;padding:0}h4{color:gray;margin:1rem}a{text-decoration:unset;color:unset}.site-wrapper{min-height:calc(100vh - 6rem);display:flex;flex-direction:column}.detail-container{padding:2rem}.detail{margin-top:2rem}.detail>img{width:15rem;height:15rem;border-radius:10px;object-fit:cover}.yarn-tile{width:13rem;height:20rem;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.yarn-info>img{width:15rem;height:15rem;border-radius:10px;object-fit:cover}.back-button{font-weight:600;color:gray}header{height:5rem;display:flex;position:sticky;top:0;z-index:1000;align-items:center;background-color:#fff}header nav a{font-size:1rem;font-weight:500;text-decoration:none;color:#4d4d4d;padding:5px 20px}header nav a:hover{color:#161616;text-decoration:none}nav{display:flex;padding:1rem}.site-logo{margin-right:auto;font-size:1.75rem;margin-left:2rem;text-decoration:none;font-weight:700;color:transparent;background:linear-gradient(to right,#db2777,#7c3aed);-webkit-background-clip:text;background-clip:text}.site-logo:hover{text-decoration:none}.footer{background-color:#fff6;padding:1rem;text-align:center;color:#4b5563}.home-container{margin:0 auto;display:flex;flex-direction:column;text-align:center;justify-items:center}.hero-section{text-align:center;padding:7rem 1rem;background:linear-gradient(to bottom right,#fdf2f8,#f5f3ff,#eef2ff);margin-bottom:1rem}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-circle{background:linear-gradient(to right,#ec4899,#8b5cf6);padding:1rem;border-radius:9999px;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;font-size:5rem}.hero-title{font-size:3rem;font-weight:700;color:transparent;background:linear-gradient(to right,#db2777,#7c3aed);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem}.hero-description{font-size:1.5rem;color:#4b5563;max-width:100rem;margin:0 auto 2rem}.button-container{display:flex;gap:1rem;justify-content:center;flex-direction:column}@media (min-width: 640px){.button-container{flex-direction:row}}.primary-button{background:linear-gradient(to right,#ec4899,#8b5cf6);color:#fff;font-weight:500;padding:1.5rem 2rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;transition:all .2s;text-decoration:none;display:inline-block}.primary-button:hover{background:linear-gradient(to right,#db2777,#7c3aed);box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.secondary-button{border:1px solid #f9a8d4;color:#be185d;padding:1.5rem 2rem;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;transition:all .2s;text-decoration:none;display:inline-block}.secondary-button:hover{background-color:#fce7f3;box-shadow:0 6px 12px #0000000d;transform:translateY(-2px)}.about-section{background-color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4rem 1rem;margin:0 auto;max-width:80rem}.about-title{text-align:center;font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.about-description{text-align:center;font-size:1.125rem;color:#4b5563;max-width:42rem;margin:0 auto 3rem}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:0 1rem;margin-bottom:3rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#fffc;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #fbcfe8;text-align:left}.feature-icon{background-color:#fce7f3;padding:.75rem;border-radius:.75rem;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:2rem}.feature-icon.pink{background-color:#fce7f3;color:#db2777}.feature-icon.purple{background-color:#f3e8ff;color:#7c3aed}.feature-icon.blue{background-color:#e0f2fe;color:#2563eb}.feature-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.feature-description{color:#4b5563;line-height:1.5}.about-extra{padding:1rem;text-align:center;font-size:1.125rem;color:#4b5563;margin:0 auto;margin-bottom:3rem}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 6rem);background:linear-gradient(to bottom right,#fdf2f8,#f5f3ff,#eef2ff)}.login-form{width:100%;max-width:40rem;padding:2rem;margin:1rem;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;text-align:center;background-color:#fff}.login-header{text-align:center;margin-bottom:1.5rem}.login-header h3{font-size:1.875rem;font-weight:600;color:#4b5563}.form-group,.form-fieldset-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem;text-align:left}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;color:#4b5563;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.submit-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .3s}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.signup-link{display:block;margin-top:1rem;font-size:.875rem;color:#6b7280}.signup-link a{font-weight:700;color:#3b82f6;text-decoration:none}.signup-link a:hover{text-decoration:underline}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider-line{flex-grow:1;height:1px;background-color:#d1d5db}.divider-text{margin:0 1rem;font-size:.875rem;color:#6b7280}.google-signin-button{width:100%;padding:.75rem;background-color:#fff;border:1px solid #d1d5db;color:#4b5563;font-weight:600;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s}.google-signin-button:disabled{background-color:#f9fafb;cursor:not-allowed}.google-signin-button:not(:disabled):hover{background-color:#f3f4f6}.google-icon{width:1.25rem;height:1.25rem}.register-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 6rem);background:linear-gradient(to bottom right,#fdf2f8,#f5f3ff,#eef2ff)}.register-form{width:100%;max-width:40rem;padding:2rem;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;text-align:center;background-color:#fff}.register-header{text-align:center;margin-bottom:1.5rem}.register-header h3{font-size:1.875rem;font-weight:600;color:#4b5563}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.input-field{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;color:#4b5563;box-sizing:border-box}.input-field:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 2px #3b82f633}.error-message{margin-bottom:1.5rem;font-size:.875rem;color:#ef4444}.submit-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#2563eb}.submit-button.disabled{background-color:#93c5fd;cursor:not-allowed}.login-link{display:block;margin-top:1rem;font-size:.875rem;color:#6b7280}.login-link .link{font-weight:700;color:#3b82f6;text-decoration:none}.login-link .link:hover{text-decoration:underline}