@font-face{font-family:Meow Script;src:url(/fonts/MeowScript-Regular.ttf)}body{background-color:#ffecf1;font-family:Inter,system-ui,sans-serif;color:#b60061;margin:0}header,footer{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:32px;margin-bottom:32px}.header-main{cursor:pointer;display:flex;flex-direction:column;align-items:center}.header-nav{display:flex;gap:16px;margin-top:12px}.header-nav button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;font-size:.9rem;padding:0;text-decoration:underline;text-underline-offset:3px}.header-nav button:hover{opacity:.7}h1{font-size:clamp(48px,8vw,128px);line-height:.9em;font-family:Meow Script;text-align:center;margin:16px 0 0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;padding:0 5vw 64px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.artwork-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:none;padding:0;color:inherit;font-family:inherit;font-size:inherit}.artwork-card img{width:100%;max-width:480px;display:block;transition:opacity .15s ease}.artwork-card:hover img{opacity:.85}.artwork-card p{margin:12px 0 0;font-size:1rem}.artwork-detail{display:flex;flex-direction:column;align-items:center;padding:0 5vw 64px}.artwork-detail img{width:90vw;max-width:960px;display:block}.artwork-detail p{margin:16px 0 0;font-size:1.1rem}.back-button{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit;font-size:1rem;padding:0;margin-bottom:24px;text-decoration:underline;text-underline-offset:3px;align-self:flex-start;margin-left:max(5vw,calc(50% - 480px))}.back-button:hover{opacity:.7}.login-page{display:flex;flex-direction:column;align-items:center;padding:32px 5vw 64px;gap:24px}.google-login-button{display:inline-block;padding:12px 32px;background:#b60061;color:#ffecf1;text-decoration:none;font-family:inherit;font-size:1rem;border:none;cursor:pointer;transition:opacity .15s ease}.google-login-button:hover{opacity:.85}.upload-page{display:flex;flex-direction:column;align-items:center;padding:0 5vw 64px;max-width:480px;margin:0 auto}.upload-page h2{font-family:Meow Script;font-size:clamp(32px,5vw,48px);margin:0 0 24px}.upload-form{display:flex;flex-direction:column;gap:20px;width:100%}.ui-label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.ui-input{padding:10px 12px;border:2px solid rgba(182,0,97,.3);background:#ffecf1;color:inherit;font-family:inherit;font-size:1rem;outline:none}.ui-input:focus{border-color:#b60061}.ui-file-input{font-family:inherit;font-size:.9rem}.ui-button{height:64px;padding:0 32px;background:#b60061;color:#ffecf1;border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;box-shadow:0 4px 12px #63003259;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.ui-button-icon{display:flex;align-items:center;flex-shrink:0}.ui-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #63003273}.ui-button:active{transform:scale(.95);box-shadow:0 2px 6px #63003240}.ui-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.upload-preview{width:100%;max-width:320px;align-self:center}.upload-status{margin-top:16px;font-size:1rem}.upload-status.success{color:#007400}.upload-status.error{color:#ba0033}