@import "playful-design-system.css";.auth-container{background:#f5f2ed;justify-content:center;align-items:center;min-height:calc(100vh - 96px);padding:2rem;display:flex}@media (width<=768px){.auth-container{padding:1rem .5rem}}.auth-box{background:#fffffff2;border:3px solid #8fa39f;border-radius:20px;width:100%;max-width:480px;padding:2.5rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.auth-box:hover{transform:translateY(-4px);box-shadow:10px 12px #00000014}.auth-title{color:#3d3428;text-align:center;letter-spacing:.02em;margin-bottom:1.5rem;font-family:DM Serif Display,serif;font-size:2.9rem;line-height:1.15}.auth-subtitle{color:#3d3428;text-align:center;margin-bottom:1.5rem;font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.6}.auth-error{color:#8b3a3a;background:#ff634726;border:2px solid #ff63474d;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-weight:500;line-height:1.5;box-shadow:3px 3px #0000000d}.auth-success{color:#3d5551;background:#8fa39f26;border:2px solid #8fa39f;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-weight:500;line-height:1.5;box-shadow:3px 3px #0000000d}.auth-form{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex;position:relative}.auth-input{color:#3d3428;box-sizing:border-box;background:#fff;border:2px solid #8fa39f;border-radius:12px;width:100%;padding:.875rem 1rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:400;transition:all .3s;box-shadow:2px 2px #0000000d}.auth-input:focus{border-color:#7b9ea8;outline:none;transform:translateY(-2px);box-shadow:4px 4px #7b9ea84d}.auth-input::placeholder{color:#a8a8a8;opacity:.7}.auth-field .relative{position:relative}.auth-input-icon{color:#8fa39f;z-index:1;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-input-with-icon{padding-left:2.5rem}.auth-field .relative .auth-input-with-icon{padding-right:2.5rem}.auth-password-toggle{color:#8fa39f;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.auth-password-toggle:hover{color:#7b9ea8;background:#7b9ea81a}.auth-password-toggle:focus{outline:none}.auth-button{color:#fff;cursor:pointer;background-color:#8b7355;border:3px solid #6d5a43;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:1rem 2rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:4px 4px #0000001a}.auth-button:hover:not(:disabled){background-color:#9d8466;transform:translateY(-4px);box-shadow:6px 8px #8b735566}.auth-button:active:not(:disabled){transform:translateY(-2px);box-shadow:3px 4px #8b735566}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-button-google{color:#3d3428;background-color:#fff;border:3px solid #8fa39f;justify-content:center;align-items:center;gap:.5rem;display:flex;box-shadow:4px 4px #0000001a}.auth-button-google:hover:not(:disabled){background-color:#f5f2ed;transform:translateY(-4px);box-shadow:6px 8px #8fa39f66}.auth-button-secondary{color:#3d3428;background-color:#fff;border:3px solid #8fa39f}.auth-divider{text-align:center;color:#5a4e43;align-items:center;margin:1.5rem 0;font-family:DM Sans,sans-serif;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:2px solid #8fa39f4d;flex:1}.auth-divider span{padding:0 1rem;font-weight:600}.auth-links{text-align:center;flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.auth-links a{color:#3d3428;background-color:#ffffff80;border:2px solid #8fa39f;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:3px 3px #0000000d}.auth-links a:hover{background-color:#f5f2ed;border-color:#7b9ea8;transform:translateY(-2px)scale(1.02);box-shadow:5px 5px #7b9ea84d}.auth-links a i{font-size:1rem}.success-container{background:#f5f2ed;justify-content:center;align-items:center;min-height:calc(100vh - 96px);padding:2rem;display:flex}.success-box{text-align:center;background:#fffffff2;border:3px solid #8fa39f;border-radius:20px;width:100%;max-width:520px;padding:3rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:8px 8px #00000014}.success-box:hover{transform:translateY(-4px);box-shadow:2px 4px #8fa39f33}.success-title{color:#3d3428;letter-spacing:.02em;margin-bottom:1.5rem;font-family:DM Serif Display,serif;font-size:2.9rem;line-height:1.15}.success-message{color:#3d3428;margin-bottom:1.5rem;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.6}.settings-container{box-sizing:border-box;background:#f5f2ed;width:100%;max-width:800px;min-height:calc(100vh - 96px);margin:1rem auto 0;padding:2rem}.settings-box{box-sizing:border-box;overflow-wrap:break-word;background:#fffffff2;border:3px solid #8fa39f;border-radius:20px;width:100%;margin-bottom:2rem;padding:2rem;transition:all .3s;box-shadow:6px 6px #00000014}.wall-customization-form{box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:0 1rem}@media (width<=768px){.wall-customization-form{max-width:100%;padding:0 .5rem}.settings-field{width:100%}}@media (width<=400px){.wall-customization-form{padding:0 .75rem}.file-upload-area>div{padding:1.5rem 1rem!important}.settings-container,.settings-box{padding:1rem .75rem}.settings-button{padding:.5rem .75rem;font-size:.85rem}.settings-info{font-size:.9rem}}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:#3d3428;letter-spacing:.02em;border-bottom:3px solid #8fa39f;margin-bottom:1.5rem;padding-bottom:.75rem;font-family:DM Serif Display,serif;font-size:2rem;line-height:1.15}.settings-field{box-sizing:border-box;overflow-wrap:break-word;width:100%;margin-bottom:1.5rem}.settings-label-container{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.settings-icon{color:#8fa39f;font-size:1rem}.settings-button .settings-icon{color:inherit}.settings-label{color:#3d3428;margin:0;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;display:block}.settings-info{color:#5a4e43;opacity:.85;word-break:break-word;overflow-wrap:break-word;max-width:100%;margin-top:.5rem;margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-size:.95rem;line-height:1.5}.settings-button-group{gap:1rem;margin-top:1rem;display:flex}.settings-button{color:#fff;cursor:pointer;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;background-color:#8b7355;border:3px solid #6d5a43;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.75rem 1.5rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:4px 4px #0000001a}.settings-button:hover:not(:disabled){background-color:#9d8466;transform:translateY(-2px);box-shadow:5px 6px #8b73554d}.settings-button:active:not(:disabled){transform:translateY(-1px);box-shadow:3px 4px #8b73554d}.settings-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.settings-button-secondary{color:#3d3428;background-color:#fff;border:3px solid #8fa39f}.settings-button-secondary:hover:not(:disabled){background-color:#f5f2ed;transform:translateY(-2px);box-shadow:5px 6px #8fa39f4d}.auth-button-secondary{color:#3d3428;background-color:#fff;border:3px solid #8fa39f;margin-top:.5rem}.auth-button-secondary:hover:not(:disabled){background-color:#f5f2ed;transform:translateY(-2px);box-shadow:5px 6px #8fa39f4d}input[type=file]{color:#fff;cursor:pointer;background-color:#8b7355;border:3px solid #6d5a43;border-radius:12px;margin-bottom:.5rem;padding:.75rem 1.25rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-block;box-shadow:3px 3px #00000014}input[type=file]:hover{background-color:#9d8466;transform:translateY(-2px);box-shadow:4px 5px #8b73554d}input[type=file]:focus{border-color:#6d5a43;outline:none;box-shadow:4px 4px #8b735566}.skeleton{opacity:0;background:0 0;border-radius:4px}.skeleton-title{width:200px;height:1.5rem;margin-bottom:.5rem}.skeleton-text{width:100%;height:1rem;margin-bottom:.5rem}.skeleton-text-short{width:60%;height:1rem;margin-bottom:.5rem}.skeleton-button{border-radius:4px;width:180px;height:2.5rem}.skeleton-label{width:120px;height:1rem;margin-bottom:.5rem}.skeleton-info{width:150px;height:1rem;margin-top:.5rem;margin-bottom:.5rem}.file-upload-area{box-sizing:border-box;background:#8fa39f0d;border:2px dashed #8fa39f;border-radius:16px;width:100%;max-width:100%;margin-bottom:.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.file-upload-area:hover{background-color:#7b9ea814;border-color:#7b9ea8;transform:translateY(-2px)}.file-upload-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background-color:#8b7355;border:3px solid #6d5a43;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:4px 4px #0000001a}.file-upload-button:hover{background-color:#9d8466;transform:translateY(-3px);box-shadow:5px 7px #8b73554d}.file-upload-button:active{transform:translateY(-1px);box-shadow:3px 4px #8b73554d}