.create-app{min-height:100vh;min-width:1200px;width:100%;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding-top:68px}.field-polishing{animation:polishing-pulse 1.5s ease-in-out infinite;box-shadow:0 0 0 3px #ffb3474d}@keyframes polishing-pulse{0%,to{box-shadow:0 0 0 3px #ffb3474d}50%{box-shadow:0 0 0 6px #ffb34780}}.elegant-section{min-width:1200px;width:100%;max-width:none;margin:0 auto 32px;padding:0 40px}.create-main{min-height:calc(100vh - 80px)}.create-main .elegant-banner{padding:180px 0 72px!important;margin-bottom:24px!important}.create-main .elegant-banner-subtitle{margin-bottom:20px}.create-banner-button{display:inline-block;padding:17px 32px;background:#ffffff26;color:#fff;text-decoration:none;border-radius:24px;font-weight:var(--ht-font-weight-normal);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:.8px solid rgba(255,255,255,.2);cursor:pointer;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));will-change:transform,background;transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden}.create-banner-button{opacity:1}.create-banner-button:active{background:#ffffff4d;opacity:1.02;box-shadow:0 6px 20px #0000000a,0 2px 6px #00000005}.create-banner-button-secondary{background:#ffffff1a;border:none}.create-tabs-container{position:relative;margin:0 auto 24px;max-width:none;min-width:1200px;width:100%;padding:0 40px;z-index:4}.create-main-tabs{display:flex;align-items:center;gap:12px;justify-content:flex-start;background:transparent;border-radius:24px;padding:12px 0}.create-main-tab-empty-trash{margin-left:auto}.create-main-tab-empty-trash.appearing{opacity:0;transform:scale(.9);animation:emptyTrashButtonSlideIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) forwards}.create-main-tab-empty-trash.closing{animation:emptyTrashButtonSlideOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}.create-main-tab-empty-trash.disabled{cursor:not-allowed}@keyframes emptyTrashButtonSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes emptyTrashButtonSlideOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.create-main-tabs:has(.create-main-tab-empty-trash) .create-main-tab-create{margin-left:0}.create-main-tab-create{margin-left:auto}.create-main-tab{padding:8px 16px;border-radius:24px;font-size:1.05rem;font-weight:var(--ht-font-weight-normal);color:#666;cursor:pointer;position:relative;background:none;border:1.2px solid rgba(255,179,71,.2);box-shadow:none;box-sizing:border-box;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.create-main-tab.active{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.create-tabs{display:flex;align-items:center;gap:12px;justify-content:center;background:transparent;border-radius:24px;padding:12px 20px;box-shadow:none;border:none}.create-tab{padding:8px 0;font-size:1.1rem;font-weight:var(--ht-font-weight-normal);color:#333;cursor:pointer;position:relative;background:none;border:none}.create-tab{opacity:1}.create-tab.active{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:var(--ht-font-weight-normal)}.create-tab.active:after{content:"";position:absolute;bottom:-2px;left:25%;width:50%;height:2px;background:linear-gradient(180deg,#ffdf5e,#ffb347);border-radius:24px}.create-container{max-width:1000px;margin:0 auto;padding:0 20px 40px}.works-list-section{margin-top:15px}.empty-state{text-align:center;padding:80px 20px;color:#94a3b8;font-size:16px}.home-works-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:0;min-width:1200px;contain:layout style;transform:translateZ(0)}.create-empty-works{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;margin:0;padding:0;height:auto}.legal-modal-container .legal-modal-subtitle-section{box-shadow:none!important;filter:none!important}.create-empty-works .legal-modal-subtitle{width:auto!important;text-align:center!important;display:flex!important;justify-content:center!important;align-items:center!important;color:#66666680!important;margin:0!important;padding:0!important;line-height:1!important}.home-work-card{background:#fff;border-radius:24px;overflow:hidden;border:0px;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a;text-decoration:none;color:inherit;cursor:pointer;position:relative;width:100%;margin:0;padding:0;opacity:1;filter:blur(0);transform:scale(1) translateZ(0);backface-visibility:hidden;contain:layout style paint}.home-work-image{width:100%;position:relative;overflow:hidden;background:#f8f9fa;aspect-ratio:1/1;margin:0;padding:0}.home-work-image img,.home-work-image .optimized-image-container{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:translateZ(0);backface-visibility:hidden}.home-work-image .optimized-image-container{position:absolute;top:0;left:0}.home-work-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 20px 20px;opacity:0;transform:translateZ(0);backface-visibility:hidden;will-change:opacity;contain:layout style paint;z-index:2}.home-work-backdrop{position:absolute;inset:0;mask-image:linear-gradient(to bottom,transparent 0%,transparent 30%,black 70%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 30%,black 70%,black 100%);z-index:-1;opacity:0;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;overflow:hidden}.home-work-backdrop:before{content:"";position:absolute;inset:0;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);mask-image:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.8) 85%,black 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 50%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.8) 85%,black 100%);z-index:1}.home-work-backdrop:after{content:"";position:absolute;inset:0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);mask-image:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 80%,rgba(0,0,0,.9) 90%,black 95%,rgba(0,0,0,.7) 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 80%,rgba(0,0,0,.9) 90%,black 95%,rgba(0,0,0,.7) 100%);z-index:2}.home-work-card.image-loaded .home-work-overlay,.home-work-card.image-loaded .home-work-backdrop{opacity:1!important}.home-work-card.image-load-error .home-work-overlay,.home-work-card.image-load-error .home-work-backdrop{opacity:0!important;display:none}.home-work-card.image-load-error .home-work-image img,.home-work-card.image-load-error .home-work-image .optimized-image-container{opacity:0!important;visibility:hidden}.home-work-card.image-loaded .home-work-info h3,.home-work-card.image-loaded .home-work-creator,.home-work-card.image-loaded .home-work-avatar{opacity:1}.home-work-info{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2}.home-work-author{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-start}.home-work-avatar{width:42px;height:42px;border-radius:24px;background:linear-gradient(180deg,#78be824d,#78be8280);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;flex-shrink:0;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;will-change:auto;transform:translateZ(0);backface-visibility:hidden;opacity:0;position:relative}.home-work-avatar:before{content:"";position:absolute;inset:0;border-radius:24px;background:inherit;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:.6;z-index:-1}.home-work-avatar.avatar-bowl{background:linear-gradient(180deg,#3b82f666,#93c5fd4d,#60a5fa80);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:none;background-size:100% 100%}.home-work-avatar.avatar-bowl:before{background:linear-gradient(180deg,#3b82f666,#93c5fd4d,#60a5fa80)}.home-work-avatar.avatar-turtle{background:linear-gradient(180deg,#78be8266,#4ade804d,#22c55e66);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:none;background-size:100% 100%}.home-work-avatar.avatar-turtle:before{background:linear-gradient(180deg,#78be8266,#4ade804d,#22c55e66)}.home-work-details{flex:1;min-width:0}.home-work-info h3{font-size:16px;font-weight:var(--ht-font-weight-bold);margin:0 0 2px;color:#fff;white-space:nowrap;overflow:hidden;line-height:1.2;position:relative;mask:linear-gradient(to right,white 0px,white calc(100% - 40px),transparent calc(100% - 20px));-webkit-mask:linear-gradient(to right,white 0px,white calc(100% - 40px),transparent calc(100% - 20px));text-shadow:0 1px 2px rgba(0,0,0,.2);opacity:0}.home-work-creator{font-size:14px;color:#fffc;font-weight:var(--ht-font-weight-normal);-webkit-touch-callout:none;text-decoration:none!important;text-shadow:0 1px 2px rgba(0,0,0,.15);opacity:0}.create-form{background:transparent;border-radius:24px;padding:40px;box-shadow:none;border:none}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.form-label{font-size:14px;font-weight:var(--ht-font-weight-bold);color:#374151;margin:0}.required{color:#ef4444;margin-left:2px}.enhance-btn{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;padding:6px 12px;font-size:12px;font-weight:var(--ht-font-weight-bold);cursor:pointer;display:flex;align-items:center;gap:4px;text-shadow:0 1px 2px rgba(0,0,0,.2);filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.enhance-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:1.2px solid #e2e8f0;border-radius:24px;font-size:14px;color:#1e293b;background:#fff;font-family:inherit}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error,.form-textarea.error,.form-select.error{border-color:#ef4444}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-textarea.large{min-height:180px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row>div{min-width:0;width:100%}.form-row .form-input{width:100%;box-sizing:border-box}.difficulty-selector{display:flex;gap:8px}.difficulty-btn{flex:1;padding:8px 16px;border:1.2px solid #e2e8f0;border-radius:24px;background:#fff;color:#64748b;font-size:14px;font-weight:var(--ht-font-weight-bold);cursor:pointer}.difficulty-btn.active{color:#fff;border-color:transparent}.difficulty-btn.active.简单{background:linear-gradient(180deg,#10b981,#059669)}.difficulty-btn.active.中等{background:linear-gradient(180deg,#f59e0b,#d97706)}.difficulty-btn.active.困难{background:linear-gradient(180deg,#ef4444,#dc2626)}.cover-upload{border:1.2px dashed #cbd5e1;border-radius:24px;overflow:hidden}.cover-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;cursor:pointer;text-align:center}.upload-icon{font-size:2rem;margin-bottom:12px;opacity:.6}.upload-text{font-size:16px;font-weight:var(--ht-font-weight-bold);color:#374151;margin-bottom:4px}.upload-hint{font-size:14px;color:#6b7280}.cover-preview{position:relative;height:200px}.cover-preview img{width:100%;height:100%;object-fit:cover}.cover-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.cover-change,.cover-remove{padding:6px 12px;border-radius:24px;font-size:12px;font-weight:var(--ht-font-weight-bold);cursor:pointer}.cover-change{background:#667eeae6;color:#fff;text-decoration:none}.cover-remove{background:#ef4444e6;color:#fff;border:none}.error-message{margin-top:6px;font-size:13px;color:#ef4444;display:flex;align-items:center;gap:4px}.error-message:before{content:"⚠️";font-size:12px}.submit-section{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0}.cancel-btn,.submit-btn{padding:12px 24px;border-radius:24px;font-size:14px;font-weight:var(--ht-font-weight-bold);cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;border:none}.cancel-btn{background:#f8fafc;color:#64748b;border:1.2px solid #e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.08);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.submit-btn{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;min-width:140px;justify-content:center}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn.success{background:linear-gradient(180deg,#10b981,#059669)}.submit-btn.error{background:linear-gradient(180deg,#ef4444,#dc2626)}.spinner{width:16px;height:16px;border:none;border-top:1px solid white;border-radius:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.create-app{background:transparent}.home-work-image,.cancel-btn{background:#404040}.elegant-banner{background:linear-gradient(180deg,#ffdf5e,#ffb347);box-shadow:0 4px 8px #00000026!important}.elegant-banner-title{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.6)!important;background:transparent!important}.elegant-banner-subtitle{color:#ffffffd9;text-shadow:0 1px 6px rgba(0,0,0,.4)!important}.home-work-info h3{text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.home-work-creator{text-shadow:0 1px 2px rgba(0,0,0,.15)!important}.create-field-label{text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.create-tabs{background:transparent;border:none}.legal-modal-container .legal-modal-subtitle-section{box-shadow:none!important;filter:none!important}.create-empty-works .legal-modal-subtitle{color:#fff6!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important}.create-main-tab{color:#ffffffb3!important;border-color:#ffffff26!important}.create-main-tab.active{background:linear-gradient(180deg,#ffdf5e,#ffb347)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.elegant-create-container>div>div[style*="display: flex"][style*="alignItems: center"][style*="gap: 24px"]>div[style*="cursor: pointer"][style*="padding: 8px 0"]{color:#ffffffb3!important}.home-work-card{background:#262626;border:0px;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a}.create-form{background:transparent;border:none}.form-label{color:#f1f5f9}.form-input,.form-textarea,.form-select{background:#404040;border-color:#525252;color:#f1f5f9}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#667eea;background:#404040}.difficulty-btn{background:#404040;border-color:#525252;color:#cbd5e1}.cover-upload{border-color:#525252}.upload-text{color:#f1f5f9}.upload-hint{color:#94a3b8}.cancel-btn{background:#404040;border-color:#525252;color:#cbd5e1}.toast-title{color:#f1f5f9}.toast-description{color:#94a3b8}}.trash-work-card{position:relative}.trash-work-card .home-work-overlay,.trash-work-card .home-work-backdrop,.trash-work-card .home-work-info h3,.trash-work-card .home-work-creator,.trash-work-card .home-work-avatar{opacity:1!important}.trash-work-dropdown{position:fixed;z-index:1000;width:auto;min-width:100px;background:#ffffffe6;backdrop-filter:blur(40px) saturate(200%) brightness(1.12);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.12);border-radius:24px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;border:.8px solid rgba(255,255,255,.5);transform-origin:center center;transform:translate(-50%) scale(.9);opacity:0;animation:trashDropdownSlideIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) .05s forwards;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap}.trash-work-dropdown.dropdown-up{transform-origin:center center;transform:translate(-50%) scale(.9);animation:trashDropdownSlideIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) .05s forwards}.trash-work-dropdown.align-center.dropdown-down,.trash-work-dropdown.align-center.dropdown-up,.trash-work-dropdown.align-left.dropdown-down,.trash-work-dropdown.align-left.dropdown-up,.trash-work-dropdown.align-right.dropdown-down,.trash-work-dropdown.align-right.dropdown-up{transform-origin:center center}.trash-work-dropdown.align-center .trash-work-dropdown-item,.trash-work-dropdown.align-left .trash-work-dropdown-item{text-align:left}.trash-work-dropdown.align-right .trash-work-dropdown-item{text-align:right}.trash-work-dropdown.closing{animation:trashDropdownSlideOut .25s cubic-bezier(.4,0,.2,1) forwards}.trash-work-dropdown.align-center:not(.closing){animation:trashDropdownSlideInCenter var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) .05s forwards;transform:translateZ(0);will-change:transform,opacity,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}.trash-work-dropdown.align-left:not(.closing){animation:trashDropdownSlideInLeft var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) .05s forwards;transform:translateZ(0);will-change:transform,opacity,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}.trash-work-dropdown.align-right:not(.closing){animation:trashDropdownSlideInRight var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) .05s forwards;transform:translateZ(0);will-change:transform,opacity,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}.trash-work-dropdown.closing.align-center{animation:trashDropdownSlideOutCenter var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}.trash-work-dropdown.closing.align-left{animation:trashDropdownSlideOutLeft var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}.trash-work-dropdown.closing.align-right{animation:trashDropdownSlideOutRight var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}@keyframes trashDropdownSlideIn{0%{transform:translate(-50%) scale(.9) translateZ(0);opacity:0}to{transform:translate(-50%) scale(1) translateZ(0);opacity:1}}@keyframes trashDropdownSlideOut{0%{transform:translate(-50%) scale(1) translateZ(0);opacity:1}to{transform:translate(-50%) scale(.9) translateZ(0);opacity:0}}@keyframes trashDropdownSlideInCenter{0%{transform:translate(-50%) scale(.9) translateZ(0);opacity:0}to{transform:translate(-50%) scale(1) translateZ(0);opacity:1}}@keyframes trashDropdownSlideOutCenter{0%{transform:translate(-50%) scale(1) translateZ(0);opacity:1}to{transform:translate(-50%) scale(.9) translateZ(0);opacity:0}}@keyframes trashDropdownSlideInLeft{0%{transform:scale(.9) translateZ(0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes trashDropdownSlideOutLeft{0%{transform:scale(1) translateZ(0);opacity:1}to{transform:scale(.9) translateZ(0);opacity:0}}@keyframes trashDropdownSlideInRight{0%{transform:scale(.9) translateZ(0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes trashDropdownSlideOutRight{0%{transform:scale(1) translateZ(0);opacity:1}to{transform:scale(.9) translateZ(0);opacity:0}}.trash-work-dropdown-content{padding:8px}.trash-work-dropdown-item{display:block;width:100%;padding:10px 18px 10px 12px;color:#777;background:none;border:none;border-radius:24px;font-size:14px;font-weight:var(--ht-font-weight-normal);line-height:1;text-align:left;cursor:pointer;margin-bottom:2px;white-space:nowrap}.trash-work-dropdown-item:last-child{margin-bottom:0}.trash-work-dropdown-item.restore{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:var(--ht-font-weight-normal)}.trash-work-dropdown-item.inactive{color:#777}.trash-work-dropdown-item.delete{color:#ff4d4f!important;-webkit-text-fill-color:#ff4d4f!important}@supports not (backdrop-filter: blur(40px)){.trash-work-dropdown{background:#fffffff2;box-shadow:0 4px 20px #00000026}}@supports not (backdrop-filter: blur(12px)){.trash-work-backdrop{background:transparent!important}}.trash-work-backdrop{position:fixed!important;inset:0!important;background:transparent!important;cursor:default;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:998!important;pointer-events:auto!important;opacity:0;animation:backdropFadeIn .25s cubic-bezier(.4,0,.2,1) forwards}.trash-work-backdrop.closing{animation:backdropFadeOut .25s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}body.trash-dropdown-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}body.trash-dropdown-open *{overscroll-behavior:none!important}body.trash-dropdown-open .elegant-app,body.trash-dropdown-open .create-main{overflow:hidden!important;overscroll-behavior:none!important}body.trash-dropdown-open .home-work-card.trash-card-active{filter:none!important;position:relative!important;z-index:1001!important;isolation:isolate!important;transform:none!important;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a!important}body.trash-dropdown-open .home-work-card.trash-card-active *{filter:none!important}body.trash-dropdown-open .home-work-card.trash-card-active .home-work-overlay,.home-work-card.trash-card-active .home-work-overlay,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-backdrop,.home-work-card.trash-card-active .home-work-backdrop,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-info h3,.home-work-card.trash-card-active .home-work-info h3,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-creator,.home-work-card.trash-card-active .home-work-creator,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-avatar,.home-work-card.trash-card-active .home-work-avatar{opacity:1!important}body.trash-dropdown-open .elegant-header{position:fixed!important;z-index:999!important;visibility:visible!important;opacity:1!important;filter:none!important;pointer-events:auto!important}body.trash-dropdown-open .elegant-header *{filter:none!important;pointer-events:auto!important}body.trash-dropdown-open .trash-work-backdrop{z-index:998!important;pointer-events:auto!important}body.trash-dropdown-open .trash-work-dropdown{z-index:1000!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}body.trash-dropdown-open .trash-work-dropdown *{pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.trash-work-dropdown{animation:none}}.textarea-with-enhance{position:relative;display:block}.textarea-with-enhance.processing{pointer-events:none}.processing-overlay-advanced{position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;border-radius:24px;z-index:10}.enhancing-animation-advanced{display:flex;flex-direction:column;align-items:center;gap:16px}.ai-processing-indicator{display:flex;flex-direction:column;align-items:center;gap:12px}.ai-brain-container{position:relative;width:60px;height:60px}.ai-brain{position:relative;width:100%;height:100%;border-radius:24px;background:linear-gradient(180deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;animation:brainPulse 2s ease-in-out infinite}.brain-core{width:40px;height:40px;border-radius:24px;background:#fff3;display:flex;align-items:center;justify-content:center}.neural-network{position:relative;width:24px;height:24px}.neuron{position:absolute;width:4px;height:4px;background:#fff;border-radius:24px;animation:neuronFlash 1.5s ease-in-out infinite}.neuron-1{top:2px;left:10px;animation-delay:0s}.neuron-2{top:10px;left:2px;animation-delay:.5s}.neuron-3{top:18px;left:18px;animation-delay:1s}.connection{position:absolute;background:#fff9;animation:connectionPulse 1.5s ease-in-out infinite}.connection-1{top:4px;left:6px;width:8px;height:1px;transform:rotate(45deg);animation-delay:.2s}.connection-2{top:12px;left:6px;width:12px;height:1px;transform:rotate(-30deg);animation-delay:.7s}.connection-3{top:14px;left:14px;width:6px;height:1px;transform:rotate(60deg);animation-delay:1.2s}.brain-waves{position:absolute;inset:-10px}.brain-wave{position:absolute;border:1px solid rgba(102,126,234,.3);border-radius:24px;animation:waveExpand 2s ease-out infinite}.wave-1{inset:0;animation-delay:0s}.wave-2{inset:5px;animation-delay:.5s}.wave-3{inset:10px;animation-delay:1s}.wave-4{inset:15px;animation-delay:1.5s}.thinking-particles{position:absolute;inset:-20px;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:24px;animation:particleFloat 3s ease-in-out infinite}.particle-1{top:10px;left:20px;animation-delay:0s}.particle-2{top:30px;right:15px;animation-delay:.6s}.particle-3{bottom:25px;left:25px;animation-delay:1.2s}.particle-4{bottom:10px;right:30px;animation-delay:1.8s}.particle-5{top:50%;left:10px;animation-delay:2.4s}.processing-text{font-size:16px;font-weight:var(--ht-font-weight-bold);color:#4a5568;display:flex;align-items:center;gap:8px}.ai-text{background:linear-gradient(180deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:var(--ht-font-weight-bold)}.processing-dots{display:flex;gap:4px;margin-left:8px}.dot{width:6px;height:6px;background:#667eea;border-radius:24px;animation:dotBounce 1.4s ease-in-out infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}@keyframes brainPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes neuronFlash{0%,to{opacity:.4}50%{opacity:1}}@keyframes connectionPulse{0%,to{opacity:.3}50%{opacity:.8}}@keyframes waveExpand{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.6}33%{transform:translateY(-10px) rotate(120deg);opacity:1}66%{transform:translateY(5px) rotate(240deg);opacity:.8}}@keyframes dotBounce{0%,80%,to{transform:scale(.9);opacity:.5}40%{transform:scale(1.2);opacity:1}}body.trash-dropdown-open{overflow:hidden!important}body.modal-open .elegant-app{overflow:hidden!important}.legal-content .form-group{margin-bottom:24px}.legal-content .form-group:last-child{margin-bottom:0}.legal-content .label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.legal-content .form-label{font-size:14px;font-weight:var(--ht-font-weight-bold);color:#374151;margin:0}.legal-content .required{color:#ef4444;margin-left:2px}.legal-content .enhance-btn{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;border:none;border-radius:24px;padding:6px 12px;font-size:12px;font-weight:var(--ht-font-weight-bold);cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #667eea4d}.legal-content .enhance-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #667eea33}.legal-content .form-input,.legal-content .form-textarea,.legal-content .form-select{width:100%;padding:12px 16px;border:1.2px solid rgba(255,179,71,.2);border-radius:24px;font-size:14px;color:#333;background:#ffffff26;font-family:inherit;box-sizing:border-box;box-shadow:inset 0 0 0 .5px #ffffff4d}.legal-content .form-input:focus,.legal-content .form-textarea:focus,.legal-content .form-select:focus{outline:none;border-color:#ffb34733;background:#ffffff26;box-shadow:inset 0 0 0 .5px #ffffff4d}.legal-content .form-input.error,.legal-content .form-textarea.error,.legal-content .form-select.error{border-color:#ef444480;background:#fff3}.legal-content .form-textarea{resize:vertical;min-height:100px;line-height:1.6}.legal-content .form-textarea.large{min-height:120px}.legal-content .form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.legal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.legal-content .difficulty-selector{display:flex;gap:8px}.legal-content .difficulty-btn{flex:1;padding:8px 16px;border:1.2px solid rgba(255,179,71,.2);border-radius:24px;background:#ffffff26;color:#666;font-size:14px;font-weight:var(--ht-font-weight-bold);cursor:pointer;box-shadow:inset 0 0 0 .5px #ffffff4d}.legal-content .difficulty-btn.active{color:#fff;border-color:transparent}.legal-content .difficulty-btn.active.简单{background:linear-gradient(180deg,#10b981,#059669)}.legal-content .difficulty-btn.active.中等{background:linear-gradient(180deg,#f59e0b,#d97706)}.legal-content .difficulty-btn.active.困难{background:linear-gradient(180deg,#ef4444,#dc2626)}.legal-content .cover-upload{border:1.2px dashed rgba(255,179,71,.3);border-radius:24px;overflow:hidden;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.legal-content .cover-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;cursor:pointer;text-align:center}.legal-content .upload-icon{font-size:2rem;margin-bottom:12px;opacity:.6}.legal-content .upload-text{font-size:16px;font-weight:var(--ht-font-weight-bold);color:#374151;margin-bottom:4px}.legal-content .upload-hint{font-size:14px;color:#6b7280}.legal-content .cover-preview{position:relative;height:200px}.legal-content .cover-preview img{width:100%;height:100%;object-fit:cover}.legal-content .cover-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}.legal-content .cover-change,.legal-content .cover-remove{padding:6px 12px;border-radius:24px;font-size:12px;font-weight:var(--ht-font-weight-bold);cursor:pointer}.legal-content .cover-change{background:#667eeae6;color:#fff;text-decoration:none}.legal-content .cover-remove{background:#ef4444e6;color:#fff;border:none}.legal-content .error-message{margin-top:6px;font-size:13px;color:#ef4444;display:flex;align-items:center;gap:4px}.legal-content .error-message:before{content:"⚠️";font-size:12px}.legal-content .submit-section{display:flex;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0}.legal-content .cancel-btn,.legal-content .submit-btn{padding:12px 24px;border-radius:24px;font-size:14px;font-weight:var(--ht-font-weight-bold);cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;border:none}.legal-content .cancel-btn{background:#ffffff26;color:#666;border:1.2px solid rgba(255,179,71,.2);box-shadow:inset 0 0 0 .5px #ffffff4d}.legal-content .submit-btn{background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;min-width:140px;justify-content:center}.legal-content .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.legal-content .submit-btn.success{background:linear-gradient(180deg,#10b981,#059669)}.legal-content .submit-btn.error{background:linear-gradient(180deg,#ef4444,#dc2626)}.legal-content .spinner{width:16px;height:16px;border:none;border-top:1px solid white;border-radius:24px;animation:spin 1s linear infinite}@supports not (backdrop-filter: blur(20px)){.legal-content .form-input,.legal-content .form-textarea,.legal-content .form-select{background:#ffffffe6;border:1.2px solid rgba(255,179,71,.3)}.legal-content .form-input:focus,.legal-content .form-textarea:focus,.legal-content .form-select:focus{background:#fffffff2;box-shadow:0 0 0 3px #ffb34726}.legal-content .difficulty-btn,.legal-content .cancel-btn{background:#ffffffe6;border:1.2px solid rgba(255,179,71,.3)}.legal-content .cover-upload{background:#fffc}.create-modal-footer{background:transparent}.create-save-btn{background:transparent;border:1.2px solid #ffb347}.create-save-btn:before{display:none}}@supports not (mask-composite: exclude){.create-save-btn{border:1px solid;border-image:linear-gradient(180deg,#ffdf5e,#ffb347) 1}.create-save-btn:before{display:none}}.legal-content .form-input::placeholder,.legal-content .form-textarea::placeholder{color:#666666b3;font-weight:var(--ht-font-weight-normal)}.legal-content .form-input:focus::placeholder,.legal-content .form-textarea:focus::placeholder{color:#66666680}.legal-content .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffb347' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.legal-content .upload-text{font-size:16px;font-weight:var(--ht-font-weight-bold);color:#555;margin-bottom:4px}.legal-content .upload-hint{font-size:14px;color:#666c}.legal-content .form-input.error,.legal-content .form-textarea.error,.legal-content .form-select.error{border-color:#ef444499;background:#fff5f533}.legal-content .form-input.error:focus,.legal-content .form-textarea.error:focus,.legal-content .form-select.error:focus{box-shadow:inset 0 0 0 .5px #ffffff4d}.create-modal-footer{display:none}.create-save-btn{padding:8px 24px;border-radius:24px;font-size:14px;font-weight:var(--ht-font-weight-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;border:1.2px solid rgba(102,102,102,.6);background:transparent;color:#6669;position:relative}.create-save-btn:disabled{opacity:.6;cursor:not-allowed}.create-submit-btn{padding:8px 24px;border-radius:24px;font-size:14px;font-weight:var(--ht-font-weight-normal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;border:none;background:linear-gradient(180deg,#ffdf5e,#ffb347);color:#fff;box-shadow:none;white-space:nowrap;position:relative}.create-submit-btn:disabled{opacity:.7;cursor:not-allowed}.create-submit-btn.success,.create-submit-btn.error{background:linear-gradient(180deg,#ffdf5e,#ffb347);box-shadow:none}.create-submit-btn .spinner{width:16px;height:16px;border:none;border-top:1px solid white;border-radius:24px;animation:spin 1s linear infinite}.legal-modal-container{position:relative}.legal-modal-container .legal-content,.legal-modal-container .legal-content *,.legal-modal-container .legal-content-container,.legal-modal-container .legal-content-container *{background-color:transparent!important;background:transparent!important;box-shadow:none!important}@media(prefers-color-scheme:dark){.legal-content .form-label{color:#ffffffb3!important}.legal-content .form-input,.legal-content .form-textarea,.legal-content .form-select{background:#ffffff14!important;border:1.2px solid rgba(255,255,255,.15)!important;color:#fff!important}.legal-content .form-input::placeholder,.legal-content .form-textarea::placeholder{color:#fff6!important}.legal-content .form-input:focus,.legal-content .form-textarea:focus,.legal-content .form-select:focus{background:#ffffff14!important;border-color:#ffb347!important}.legal-content .form-input.error,.legal-content .form-textarea.error,.legal-content .form-select.error{border-color:#ef444499!important;background:#ef44441a!important}.legal-content .error-message{color:#ff6b6b!important}.legal-content .difficulty-btn{background:#ffffff14!important;color:#ffffffb3!important;border:1.2px solid rgba(255,255,255,.15)!important}.legal-content .difficulty-btn.active{color:#fff!important}.legal-content .cover-upload{background:#ffffff26!important;border-color:#ffb34733!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important}.legal-content .upload-text{color:#fffc!important}.legal-content .upload-hint{color:#ffffff80!important}.legal-content .upload-icon{opacity:.4!important}.legal-content .cancel-btn{background:#ffffff14!important;color:#ffffffb3!important;border:1.2px solid rgba(255,255,255,.15)!important}.create-save-btn{color:#fffc!important}.create-modal-footer{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.legal-content .submit-section{border-top:none!important;padding-top:24px!important}.trash-work-dropdown{background:#1e1e1ee6!important;backdrop-filter:blur(40px) saturate(200%) brightness(1.12)!important;-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.12)!important;box-shadow:0 8px 32px #00000080,0 2px 8px #0000004d!important;border:1.2px solid rgba(255,255,255,.15)!important}.trash-work-backdrop,.trash-work-backdrop.closing{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.trash-dropdown-open .home-work-card.trash-card-active{filter:none!important;position:relative!important;z-index:1001!important;isolation:isolate!important;transform:none!important;box-shadow:0 2px 8px #00000026,0 1px 4px #0000001a!important}body.trash-dropdown-open .home-work-card.trash-card-active *{filter:none!important}body.trash-dropdown-open .home-work-card.trash-card-active .home-work-overlay,.home-work-card.trash-card-active .home-work-overlay,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-backdrop,.home-work-card.trash-card-active .home-work-backdrop,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-info h3,.home-work-card.trash-card-active .home-work-info h3,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-creator,.home-work-card.trash-card-active .home-work-creator,body.trash-dropdown-open .home-work-card.trash-card-active .home-work-avatar,.home-work-card.trash-card-active .home-work-avatar{opacity:1!important}.trash-work-dropdown-item:not(.restore):not(.delete){color:#fffc!important;-webkit-text-fill-color:rgba(255,255,255,.8)!important}.trash-work-dropdown-item.inactive{color:#fff6!important;opacity:1!important}.trash-work-dropdown-item.delete{color:#ff6b6b!important}}.create-top-layout{display:flex;gap:32px;align-items:flex-start;margin-bottom:0;padding-top:12px;width:100%;max-width:100%;box-sizing:border-box}.create-left-section{display:flex;flex-direction:column;gap:24px;flex-shrink:0;min-width:0}.create-right-fields{flex:1;display:flex;flex-direction:column;gap:0px;padding-top:0;min-width:0;width:100%}.create-right-fields .form-group{margin-bottom:0}.create-field-label{display:block;font-size:16px;font-weight:var(--ht-font-weight-normal);color:#374151;margin-bottom:6px}.create-select-input{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.form-select.create-frosted-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#ffffff26!important;border:1.2px solid rgba(255,179,71,.2)!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important;padding:0 .9rem!important;font-size:.95rem!important;font-weight:var(--ht-font-weight-normal)!important;color:#333!important;border-radius:24px!important;line-height:normal!important;box-sizing:border-box!important;background-image:none!important;background-position:unset!important;background-repeat:no-repeat!important;background-size:unset!important;height:48px!important}.form-select.create-frosted-input:focus{background:#ffffff26!important;border-color:#ffb34733!important;outline:none!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important}.form-row .form-select.create-frosted-input{margin-top:4px!important}.form-select.create-frosted-input.select-empty{color:#66666680!important}.form-input.create-frosted-input,input.create-frosted-input{background:#ffffff26!important;border:1.2px solid rgba(255,179,71,.2)!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important;height:48px!important;padding:0 .9rem!important;font-size:.95rem!important;font-weight:var(--ht-font-weight-normal)!important;color:#333!important;border-radius:24px!important;line-height:normal!important;box-sizing:border-box!important}.form-input.create-frosted-input::placeholder,input.create-frosted-input::placeholder{opacity:.6;color:#6669!important}.form-input.create-frosted-input:focus,input.create-frosted-input:focus{background:#ffffff26!important;border-color:#ffb34733!important;outline:none!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important}.form-input.create-frosted-input:focus::placeholder,input.create-frosted-input:focus::placeholder{opacity:.6!important;color:#6669!important}.form-input.create-frosted-input:disabled,input.create-frosted-input:disabled{opacity:.5!important;cursor:not-allowed!important}.create-content-section{margin-top:0;margin-bottom:0!important;width:100%}.create-content-section.form-group{margin-bottom:0!important}.create-content-section:first-of-type{margin-top:20px}.create-content-section:not(:first-of-type){margin-top:20px}.form-group.create-question-section{margin-top:12px!important;margin-bottom:0!important}.create-question-section+.form-group.create-content-section{margin-top:4px!important;margin-bottom:0!important}.create-content-section .create-field-label{margin-bottom:10px!important}.form-textarea.create-frosted-textarea,textarea.create-frosted-textarea{background:#ffffff26!important;border:1.2px solid rgba(255,179,71,.2)!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important;padding:.9rem!important;font-size:.95rem!important;font-weight:var(--ht-font-weight-normal)!important;color:#333!important;border-radius:24px!important;line-height:1.6!important;box-sizing:border-box!important;resize:none!important;min-height:120px;width:100%;font-family:inherit;overflow-y:hidden!important}.form-textarea.create-frosted-textarea::placeholder,textarea.create-frosted-textarea::placeholder{opacity:.6;color:#6669!important}.form-textarea.create-frosted-textarea:focus,textarea.create-frosted-textarea:focus{background:#ffffff26!important;border-color:#ffb34733!important;outline:none!important;box-shadow:inset 0 0 0 .5px #ffffff4d!important}.form-textarea.create-frosted-textarea:focus::placeholder,textarea.create-frosted-textarea:focus::placeholder{opacity:.6!important;color:#6669!important}.create-buttons-container{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;margin-bottom:.01rem;padding:0;scroll-margin:0;scroll-padding:0}.create-button{padding:8px 16px;border-radius:24px;font-size:.95rem;font-weight:var(--ht-font-weight-normal);border:none;cursor:pointer;line-height:1.5;white-space:nowrap;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:fit-content;will-change:transform,background,opacity;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-margin:0;scroll-padding:0}.create-button-save{background:#ffffff26;color:#666;border:1.2px solid rgba(255,179,71,.2);box-shadow:inset 0 0 0 .5px #ffffff4d;backdrop-filter:none;-webkit-backdrop-filter:none}.create-button-save:active{background:#ffffff26;border-color:#ffb34733;opacity:1.02;box-shadow:inset 0 0 0 .5px #ffffff4d,0 6px 20px #0000000a,0 2px 6px #00000005}.ai-gradient-flowing{background:linear-gradient(45deg,#4facfe,#ff9a9e,#4facfe,#ff9a9e,#4facfe);background-size:400% 400%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientFlow 10s ease-in-out infinite;-webkit-animation:gradientFlow 10s ease-in-out infinite;display:inline-block;font-weight:var(--ht-font-weight-normal);text-shadow:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.create-button-ai-polish{background:#ffffff26;border:1.2px solid rgba(255,179,71,.2);box-shadow:inset 0 0 0 .5px #ffffff4d;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;color:#666}.create-button-ai-polish:active{background:#ffffff26;border-color:#ffb34733;opacity:1.02;box-shadow:inset 0 0 0 .5px #ffffff4d,0 6px 20px #0000000a,0 2px 6px #00000005}.create-button-publish{background:linear-gradient(180deg,#ffdf5e,#ffb347);color:#666;border:1.2px solid rgba(255,179,71,.2);box-shadow:0 0 0 1px #ffffff1a,0 0 12px #ffc86473,0 0 24px #ffa72638;text-shadow:0 0 6px rgba(255,255,255,.35),0 0 12px rgba(255,255,255,.15)}.create-button-publish{opacity:1}.create-button-publish:active{opacity:1.02;box-shadow:0 0 0 1px #ffffff24,0 0 16px #ffd2788c,0 0 32px #ffa7264d;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 16px rgba(255,255,255,.2)}.create-tags-container{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0;margin-top:-6px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;width:100%;max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.create-tags-container::-webkit-scrollbar{height:6px}.create-tags-container::-webkit-scrollbar-track{background:transparent}.create-tags-container::-webkit-scrollbar-thumb{background:#0003;border-radius:24px}.create-tag{padding:.5rem .75rem;background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:24px;font-size:.8rem;font-weight:var(--ht-font-weight-normal);color:#666;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;line-height:1.2;position:relative}.create-tag-remove-tooltip{position:fixed;transform:translate(-50%,-100%) scale(.9);transform-origin:center center;padding:.5rem .75rem;font-size:.8rem;font-weight:var(--ht-font-weight-normal);text-align:center;z-index:10002;opacity:0;animation:tagTooltipSlideIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) forwards;background:#ffffffe6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.8px solid rgba(0,0,0,.15);border-radius:24px;box-shadow:0 8px 32px #00000014;color:#ff4d4f;white-space:nowrap;display:inline-flex;align-items:center;line-height:1.2;width:max-content;max-width:80%;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none}.create-tag-remove-tooltip.closing{animation:tagTooltipSlideOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards!important}@keyframes tagTooltipSlideIn{0%{transform:translate(-50%,-100%) scale(.9);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes tagTooltipSlideOut{0%{transform:translate(-50%,-100%) scale(1);opacity:1}to{transform:translate(-50%,-100%) scale(.9);opacity:0}}@keyframes coverTooltipSlideIn{0%{transform:translate(-50%,-100%) scale(.9);opacity:0}to{transform:translate(-50%,-100%) scale(1);opacity:1}}@keyframes coverTooltipSlideOut{0%{transform:translate(-50%,-100%) scale(1);opacity:1}to{transform:translate(-50%,-100%) scale(.9);opacity:0}}.create-cover-upload-tooltip{position:fixed;transform:translate(-50%,-100%) scale(.9);transform-origin:center center;padding:.5rem .75rem;font-size:.8rem;font-weight:var(--ht-font-weight-normal);text-align:center;z-index:10002;opacity:0;animation:coverTooltipSlideIn .3s cubic-bezier(.34,1.25,.64,1) forwards;background:#ffffffe6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.8px solid rgba(0,0,0,.15);border-radius:24px;box-shadow:0 8px 32px #00000014;color:#666;white-space:nowrap;display:inline-flex;align-items:center;line-height:1.2;width:max-content;max-width:80%;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none}.create-cover-upload-tooltip.closing{animation:coverTooltipSlideOut .3s cubic-bezier(.34,1.25,.64,1) forwards!important}.create-tag-empty{color:#66666680;border-color:#0000001a;cursor:default;padding:.5rem .75rem}.create-tag-text{overflow:hidden;position:relative;white-space:nowrap}.remove-tag-btn{display:none}.cover-upload-static-square{width:230px;height:230px;flex-shrink:0;border:1.2px solid rgba(255,179,71,.2);background:#ffffff26;box-shadow:inset 0 0 0 .5px #ffffff4d;border-radius:24px;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.upload-icon-svg{width:32px;height:32px;opacity:.6;-webkit-user-select:none;user-select:none;stroke:#333;stroke-width:1.2;position:relative;z-index:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}.cover-preview-image{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1;border-radius:24px}@media(prefers-color-scheme:dark){.cover-upload-static-square{background:#ffffff14!important;border:1.2px solid rgba(255,255,255,.15)!important;box-shadow:none!important}.form-input.create-frosted-input,input.create-frosted-input{background:#ffffff14!important;border-color:#ffffff26!important;color:#fff9!important;box-shadow:none!important}.create-field-label{color:#f1f5f9}.form-input.create-frosted-input::placeholder,input.create-frosted-input::placeholder{color:#fff6!important;opacity:1!important}.form-input.create-frosted-input:focus,input.create-frosted-input:focus{border-color:#ffffff26!important;box-shadow:none!important;background:#ffffff14!important}.form-input.create-frosted-input:focus::placeholder,input.create-frosted-input:focus::placeholder{color:#fff6!important;opacity:1!important}.form-textarea.create-frosted-textarea,textarea.create-frosted-textarea,.form-select.create-frosted-input{background:#ffffff14!important;border-color:#ffffff26!important;color:#fff9!important;box-shadow:none!important}.form-select.create-frosted-input:focus{border-color:#ffffff26!important;box-shadow:none!important;background:#ffffff14!important}.form-select.create-frosted-input.select-empty{color:#ffffff4d!important}.form-textarea.create-frosted-textarea::placeholder,textarea.create-frosted-textarea::placeholder{color:#fff6!important;opacity:1!important}.form-textarea.create-frosted-textarea:focus,textarea.create-frosted-textarea:focus{border-color:#ffffff26!important;box-shadow:none!important;background:#ffffff14!important}.form-textarea.create-frosted-textarea:focus::placeholder,textarea.create-frosted-textarea:focus::placeholder{color:#fff6!important;opacity:1!important}.create-tag{border-color:#ffffff4d;color:#cbd5e1}.create-tag-empty{color:#ffffff4d;border-color:#ffffff26}.create-tag-remove-tooltip{background:#1e1e1ee6!important;backdrop-filter:blur(40px) saturate(180%) brightness(1.1)!important;-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.1)!important;border:.8px solid rgba(255,255,255,.3)!important;color:#ff6b6b!important;box-shadow:0 8px 32px #0000004d,0 0 0 .5px #ffffff1a,inset 0 0 0 .5px #ffffff1a!important}.create-cover-upload-tooltip{background:#1e1e1ee6!important;backdrop-filter:blur(40px) saturate(180%) brightness(1.1)!important;-webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.1)!important;border:.8px solid rgba(255,255,255,.3)!important;color:#ffffffb3!important;box-shadow:0 8px 32px #0000004d,0 0 0 .5px #ffffff1a,inset 0 0 0 .5px #ffffff1a!important}.remove-tag-btn{display:none}.upload-icon-svg{stroke:#fff;opacity:.4;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.create-save-btn{border-color:#fff9;color:#fff9}.create-button-save{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26;box-shadow:none}.create-button-publish{background:linear-gradient(180deg,#ffdf5e,#ffb347);color:#ffffffb3;border-color:#ffffff26}.create-button-ai-polish{background:#ffffff14;color:#ffffffb3;border-color:#ffffff26;box-shadow:none}}@media(min-width:1400px){.legal-modal-container{max-width:900px!important}.create-top-layout{gap:40px}.create-form{padding:48px}}@media(min-width:1920px){.legal-modal-container{max-width:1000px!important}.create-top-layout{gap:48px}.cover-upload-static-square{width:240px;height:240px}}.legal-modal-content{width:100%;max-width:100%;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.legal-modal-container{display:flex!important;flex-direction:column!important}.legal-modal-container .legal-modal-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:2.5rem}.legal-content-container,.legal-content,.create-content-section,.form-textarea.create-frosted-textarea,.form-input.create-frosted-input{width:100%;max-width:100%;box-sizing:border-box}.create-buttons-container{width:100%;max-width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:flex-end}.cover-upload-static-square{width:230px;height:230px;flex-shrink:0;box-sizing:border-box}.elegant-language-dropdown-portal.align-center.dropdown-down,.elegant-language-dropdown-portal.align-center.dropdown-up,.elegant-language-dropdown-portal.align-left.dropdown-down,.elegant-language-dropdown-portal.align-left.dropdown-up,.elegant-language-dropdown-portal.align-right.dropdown-down,.elegant-language-dropdown-portal.align-right.dropdown-up{transform-origin:center center!important}.create-app,.create-app *:not(img):not(video):not(canvas),.legal-modal-container,.legal-modal-container *:not(img):not(video):not(canvas){text-shadow:none!important}.create-app :is(.create-main-tab.active,.create-tab.active,.difficulty-btn.active,.submit-btn,.submit-btn.success,.submit-btn.error,.enhance-btn,.cover-change,.cover-remove),.legal-modal-container :is(.create-submit-button,.submit-button,.save-button){background:#111!important;background-image:none!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;box-shadow:none!important}.create-app :is(.create-main-tab.active,.create-tab.active) :is(span,svg,i),.create-app :is(.ai-gradient-flowing,.turtle-coin-gradient-flowing){background:none!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111111!important}.create-app :is(.cancel-btn,.difficulty-btn:not(.active),.form-input,.form-textarea,.form-select){background:#fff!important;background-image:none!important;border-color:#d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important}.create-app :is(.home-work-avatar,.default-cover-placeholder){background:linear-gradient(180deg,#f5f5f5,#d9d9d9)!important;background-image:linear-gradient(180deg,#f5f5f5,#d9d9d9)!important}.create-app :is(.elegant-card,.create-form,.create-section,.create-post-tag,.difficulty-btn,.form-input,.form-textarea,.form-select,.cancel-btn,.submit-btn,.create-submit-btn,input,textarea,select,button,[role=button]){border:1px solid var(--ht-border-gray, #d9d9d9)!important}.create-app :is(.submit-btn,.create-submit-btn,.difficulty-btn.active){border-color:#111!important}.elegant-app.create-page{min-width:1280px;padding-top:calc(var(--landing-header-nav-padding-top, calc(24px + env(safe-area-inset-top, 0px)) ) + var(--landing-header-visible-item-height, 28px) + var(--marketing-page-content-top-gap, 48px));background:var(--ht-default-page-bg, #f7f7f8);color:#1d1d1f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.create-page .create-main{min-height:calc(100vh - 100px);display:flex;flex-direction:column;gap:24px}.create-page .create-tabs-container,.create-page .elegant-section{min-width:1280px;padding-left:var(--discover-inline, clamp(16px, 4vw, 48px));padding-right:var(--discover-inline, clamp(16px, 4vw, 48px));box-sizing:border-box}.create-page .create-tabs-container{margin:0}.create-page .create-main-tabs{width:100%;gap:4px;padding:0}.create-page .create-main-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:10px 14px;border:0;border-radius:24px;background:transparent;color:#666;font:inherit;font-size:16px;line-height:20px;box-shadow:none}.create-page .create-main-tab:first-child{padding-left:0}.create-page .create-main-tab.active{background:transparent;color:#111;-webkit-text-fill-color:currentColor}.create-page .create-main-tab.active span{background:linear-gradient(180deg,#555,#111);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.create-page .create-main-tab:hover:not(:disabled),.create-page .create-main-tab:focus-visible{color:#111}.create-page .create-main-tab:focus-visible{outline:2px solid rgba(17,17,17,.28);outline-offset:2px}.create-page .create-main-tab-create{margin-left:auto;padding-right:0;color:#111}.create-page .create-main-tabs:has(.create-main-tab-empty-trash) .create-main-tab-create{margin-left:0}.create-page .create-main-tab-empty-trash{margin-left:auto}.create-page .create-main-tab-empty-trash:disabled{color:#a1a1a6;cursor:not-allowed}.create-tab-icon{width:16px;height:16px;flex:0 0 16px;display:block}.create-page .elegant-section{margin:0;padding-bottom:48px}.create-page .create-work-panel{position:relative;min-height:360px}.create-page .home-works-grid{min-width:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.create-page .create-empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#86868b;text-align:center}.create-page .create-empty-state>.create-tab-icon{width:28px;height:28px;flex-basis:28px;color:#a1a1a6}.create-page .create-empty-state p{margin:0;font-size:15px;line-height:1.5}.create-page .create-empty-state button{min-height:40px;padding:10px 18px;border:1px solid #d9d9d9;border-radius:24px;background:#fff;color:#111;font:inherit;cursor:pointer}.create-page .create-empty-state button:hover{border-color:#b8b8b8;background:#fafafa}@media(max-width:1399px){.create-page .home-works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.work-detail-modal-overlay{position:fixed!important;inset:0!important;box-sizing:border-box!important;padding:max(var(--modal-viewport-inset),env(safe-area-inset-top,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-right,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-bottom,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-left,0px))!important;background:var(--modal-backdrop-dark-marketing)!important;backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;-webkit-backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;opacity:.88;animation:marketingModalOverlayIn var(--marketing-modal-overlay-ms) var(--marketing-modal-overlay-ease) forwards;transform:translateZ(0);overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.work-detail-modal-overlay.closing{animation:marketingModalOverlayOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none!important}.work-detail-modal-container{--modal-min-scale: .98;--work-detail-panel-bg: linear-gradient( 166deg, rgba(255, 255, 255, .94) 0%, rgba(255, 252, 245, .96) 50%, rgba(248, 250, 252, .98) 100% );--work-detail-panel-border: var(--modal-panel-border-color);--work-detail-panel-shadow: var(--modal-panel-marketing-shadow);--work-detail-accent-text-grad: linear-gradient(180deg, #f4fffb 0%, #78dbc6 52%, #2fa590 100%);--work-detail-label-color: rgba(75, 85, 99, .82);--work-detail-body-text-color: rgba(31, 41, 55, .82);--work-detail-muted-text-color: rgba(75, 85, 99, .54);width:var(--modal-panel-width);min-width:var(--modal-panel-width);height:var(--modal-panel-height);min-height:var(--modal-panel-height);max-height:90vh;overflow:visible;overscroll-behavior:none;background:var(--work-detail-panel-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:24px;border:none;box-shadow:var(--work-detail-panel-shadow);display:flex;flex-direction:column;position:relative;z-index:10000;isolation:isolate;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:scale(var(--modal-min-scale)) translateZ(0);transform-origin:center center;opacity:1;animation:marketingModalPanelIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) forwards;will-change:transform,opacity,filter,width,min-width}.work-detail-modal-container.wide-mode{width:900px;min-width:900px}.work-detail-modal-container:before{content:"";position:absolute;inset:0;border:1px solid var(--work-detail-panel-border);border-radius:24px!important;pointer-events:none;z-index:1}.work-detail-modal-container.work-detail-modal-container:before{border-radius:24px!important}.work-detail-modal-container.closing{animation:marketingModalPanelOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}.work-detail-modal-content{height:100%;min-height:0;display:flex;flex-direction:column;padding:0;overflow:hidden;overscroll-behavior:none;flex:1;border-radius:24px!important}.work-detail-modal-header{padding:0 var(--modal-content-padding-x)!important}.work-detail-modal-container.work-detail-modal-container .work-detail-modal-content .work-detail-modal-header{padding:calc(var(--modal-content-padding-top) + 2px) var(--modal-content-padding-x) 0!important;box-sizing:border-box!important}.work-detail-modal-container .work-detail-modal-subtitle{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;min-height:var(--modal-subtitle-line-height)!important;line-height:var(--modal-subtitle-line-height)!important;color:#a8e8d4d1!important;-webkit-text-fill-color:rgba(168,232,212,.82)!important}.work-detail-modal-container .work-detail-modal-header .work-detail-modal-subtitle{margin-top:var(--modal-subtitle-offset-top)!important;margin-bottom:0!important}.work-detail-modal-container.wide-mode .work-detail-modal-header .work-detail-modal-subtitle{margin-bottom:0!important}.work-detail-subtitle-item{display:inline-flex;align-items:center;gap:6px;color:inherit;line-height:inherit}.work-detail-creator-link{padding:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.work-detail-creator-link:hover,.work-detail-creator-link:focus-visible{text-decoration:underline;text-underline-offset:3px}.work-detail-subtitle-date{display:inline-block;line-height:inherit}.work-detail-subtitle-views{display:inline-flex;align-items:center;gap:8px;margin-left:0;line-height:inherit}.work-detail-subtitle-views-icon{width:1em;height:1em;color:inherit}.work-detail-subtitle-views-count{display:inline-block}.work-detail-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin:16px 0 20px}.work-detail-meta-item{display:inline-block}.work-detail-meta .work-detail-meta-tag{padding:.3rem .75rem;background:transparent;border:1px solid currentColor;border-radius:24px;font-size:.8rem;font-weight:var(--ht-font-weight-normal);color:var(--work-detail-label-color);white-space:nowrap}.work-detail-difficulty{font-weight:var(--ht-font-weight-normal)}.work-detail-modal-body{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;padding:0 var(--modal-content-padding-x);scrollbar-width:none;-ms-overflow-style:none;border-radius:24px!important}.work-detail-modal-container.wide-mode .work-detail-modal-body{overflow:hidden}.work-detail-modal-body::-webkit-scrollbar{width:0;height:0;display:none}.work-detail-section{display:flex;flex-direction:column;gap:6px}.work-detail-challenge-layout{--work-detail-story-column: 1fr;--work-detail-reasoning-column: 2fr;display:grid;grid-template-columns:minmax(0,var(--work-detail-story-column)) minmax(0,var(--work-detail-reasoning-column));gap:56px;height:100%;min-height:0;flex:1;position:relative;border-radius:24px!important}.work-detail-challenge-layout.truth-correct{--work-detail-story-column: 2fr;--work-detail-reasoning-column: 1fr}.work-detail-challenge-layout:before{content:"";position:absolute;top:4px;bottom:4px;left:calc(((100% - 56px) / 3) + 28px);width:1px;background:#a6a6a647;pointer-events:none}.work-detail-challenge-layout.truth-correct:before{left:calc(((100% - 56px) * 2 / 3) + 28px)}.work-detail-challenge-story,.work-detail-qa-container{min-width:0}.work-detail-challenge-story{position:relative;min-height:0;box-sizing:border-box;margin-left:-2px;padding-left:2px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;border-radius:24px!important}.work-detail-challenge-story::-webkit-scrollbar{width:0;height:0;display:none}.work-detail-challenge-story .work-detail-section-title,.work-detail-challenge-story .work-detail-text,.work-detail-challenge-story .work-detail-text-empty{text-align:left}.work-detail-final-guess-section{margin-top:20px;border-radius:24px!important}.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-final-guess-section,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-final-guess-section *,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-final-guess-section *:before,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-final-guess-section *:after{border-radius:24px!important}.work-detail-final-guess-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-detail-final-guess-check{width:auto;min-width:0;height:auto;min-height:0;padding:0;border:none;border-radius:24px!important;background:transparent;color:#a6a6a6b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:var(--ht-font-weight-normal);line-height:1.4;white-space:nowrap}.work-detail-final-guess-check.is-toggle{padding:0;color:#a6a6a6d1}.work-detail-final-guess-check:disabled,.work-detail-final-guess-check.is-disabled{opacity:.42;cursor:default}.work-detail-final-guess-check-icon{width:18px;height:18px;display:block}.work-detail-modal-container .work-detail-final-guess-input{appearance:none;-webkit-appearance:none;display:block;width:100%;min-height:1.52rem;padding:0;margin:0;border:none;border-radius:24px!important;box-sizing:border-box;resize:none;outline:none;overflow:hidden;background:transparent;background-clip:border-box;box-shadow:none;color:#111827e6;caret-color:#111827d9;font-family:inherit;font-size:.95rem;font-weight:var(--ht-font-weight-normal);line-height:1.6;text-align:left;vertical-align:top}.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-final-guess-input{border-radius:24px!important}.work-detail-modal-container .work-detail-final-guess-input::placeholder{color:#4b556385}.work-detail-modal-container .work-detail-final-guess-input:focus{border:none;box-shadow:none}.work-detail-final-truth{margin-top:4px}.work-detail-qa-container{display:flex;flex-direction:column;gap:18px;border-radius:24px!important}.work-detail-modal-footer{padding:1rem var(--modal-content-padding-x) var(--modal-content-padding-bottom);margin-top:auto;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:0}.work-detail-actions .create-button:not(.create-button-publish):not(.work-detail-exit-challenge-btn),.work-detail-interactions .create-button:not(.create-button-publish):not(.work-detail-exit-challenge-btn){background-color:transparent;display:inline-block;vertical-align:middle;line-height:1.5;box-shadow:none}.work-detail-interactions .create-button-save.active{background-color:transparent;background-image:var(--work-detail-accent-text-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;border-color:#ffffff29}.work-detail-modal-container .work-detail-actions .create-button-publish,.work-detail-modal-container .work-detail-interactions .create-button-publish{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;height:48px!important;min-height:48px!important;padding:0 20px!important;line-height:1.25!important;font-size:.95rem!important;font-weight:var(--ht-font-weight-normal)!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:linear-gradient(180deg,#4ae0c4,#32c4a4,#2ea896)!important;background-image:linear-gradient(180deg,#4ae0c4,#32c4a4,#2ea896)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;border:1px solid rgba(130,244,218,.55)!important;border-radius:24px!important;box-shadow:0 0 12px #4ae0c41a,0 0 24px #2ea8961a,inset 0 0 0 .5px #c8f8e61a!important;text-shadow:0 0 8px rgba(0,0,0,.1),0 0 10px rgba(255,255,255,.1)!important;cursor:pointer;box-sizing:border-box!important}.work-detail-modal-container .work-detail-actions .create-button-publish:active:not(:disabled),.work-detail-modal-container .work-detail-interactions .create-button-publish:active:not(:disabled){color:#fff!important;-webkit-text-fill-color:#ffffff!important;filter:brightness(1.04)!important;border-color:#a5fce8ad!important;box-shadow:0 0 12px #5aeec833,0 0 24px #2ea89633,inset 0 0 0 .5px #dcfcf033!important}.work-detail-modal-container .work-detail-actions .create-button-publish:disabled,.work-detail-modal-container .work-detail-interactions .create-button-publish:disabled{cursor:not-allowed!important;opacity:1!important;filter:none!important;pointer-events:none!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:linear-gradient(180deg,#4ae0c4,#32c4a4,#2ea896)!important;border-color:#82f4da8c!important;box-shadow:0 0 12px #4ae0c41a,0 0 24px #2ea8961a,inset 0 0 0 .5px #c8f8e61a!important}.work-detail-modal-container .work-detail-interactions .work-detail-exit-challenge-btn,.work-detail-modal-container .work-detail-actions .work-detail-exit-challenge-btn{--button-resting-opacity: 1;--button-resting-background: transparent;--button-resting-background-color: transparent;--button-resting-border-color: rgba(255, 132, 132, .58);--button-resting-box-shadow: none;--button-resting-color: rgba(255, 132, 132, .95);--button-resting-text-fill-color: rgba(255, 132, 132, .95);--button-resting-text-shadow: none;--button-resting-transform: none;--button-hover-brightness: 1;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;height:48px!important;min-height:48px!important;padding:0 20px!important;line-height:1.25!important;font-size:.95rem!important;font-weight:var(--ht-font-weight-normal)!important;color:#ff8484f2!important;-webkit-text-fill-color:rgba(255,132,132,.95)!important;background:transparent!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;border:1px solid rgba(255,132,132,.58)!important;border-radius:24px!important;box-shadow:none!important;text-shadow:none!important;cursor:pointer;box-sizing:border-box!important}.work-detail-modal-container .work-detail-interactions .work-detail-exit-challenge-btn:active:not(:disabled),.work-detail-modal-container .work-detail-actions .work-detail-exit-challenge-btn:active:not(:disabled){color:#ffaaaafa!important;-webkit-text-fill-color:rgba(255,170,170,.98)!important;opacity:1!important;filter:none!important;background-color:transparent!important;border-color:#ffaaaac7!important;box-shadow:none!important}.work-detail-modal-container .work-detail-interactions .work-detail-exit-challenge-btn:focus-visible:not(:disabled),.work-detail-modal-container .work-detail-actions .work-detail-exit-challenge-btn:focus-visible:not(:disabled){outline:none!important;border-color:#ffbcbcd1!important}.work-detail-modal-container .work-detail-interactions .work-detail-exit-challenge-btn:disabled,.work-detail-modal-container .work-detail-actions .work-detail-exit-challenge-btn:disabled{cursor:not-allowed!important;opacity:.45!important;filter:none!important}.work-detail-actions{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:1;min-width:0}.work-detail-interactions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0;flex-shrink:0}.work-detail-interactions .create-button-publish:first-child{margin-left:12px}.work-detail-modal-container .work-detail-icon-action{width:auto;min-width:42px;height:42px;padding:0;border:none;border-radius:24px;background:transparent;color:#4b5563b8;-webkit-text-fill-color:currentColor;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;flex-shrink:0;position:relative;font-family:inherit;font-size:20px!important;line-height:1;overflow:visible;appearance:none;-webkit-appearance:none}.work-detail-modal-container .work-detail-icon-action:active,.work-detail-modal-container .work-detail-icon-action.active{background:transparent;color:#0f766e;-webkit-text-fill-color:currentColor;opacity:1}.work-detail-modal-container .work-detail-icon-action:focus{outline:none}.work-detail-modal-container .work-detail-icon-action:focus-visible{background:transparent;box-shadow:0 0 0 2px #7adcc657}.work-detail-modal-container .work-detail-icon-action-more{gap:0}.work-detail-modal-container .work-detail-interactions .work-detail-more-text-btn.work-detail-exit-challenge-btn{--button-resting-border-color: rgba(17, 24, 39, .18);--button-resting-color: rgba(55, 65, 81, .78);--button-resting-text-fill-color: rgba(55, 65, 81, .78);color:#374151c7!important;-webkit-text-fill-color:rgba(55,65,81,.78)!important;border-color:#1118272e!important;cursor:default;flex-shrink:0}.work-detail-modal-container .work-detail-interactions .work-detail-more-text-btn.work-detail-exit-challenge-btn *{cursor:default}.work-detail-modal-container .work-detail-interactions .work-detail-more-text-btn.work-detail-exit-challenge-btn:active:not(:disabled),.work-detail-modal-container .work-detail-interactions .work-detail-more-text-btn.work-detail-exit-challenge-btn.active{color:#111827e0!important;-webkit-text-fill-color:rgba(17,24,39,.88)!important;border-color:#11182742!important}.work-detail-modal-container .work-detail-interactions .work-detail-more-text-btn.work-detail-exit-challenge-btn:focus-visible:not(:disabled){border-color:#11182742!important}.work-detail-modal-container .work-detail-action-icon{width:1em!important;height:1em!important;display:block;flex:0 0 auto;pointer-events:none;color:inherit;-webkit-text-fill-color:inherit;overflow:visible}.work-detail-modal-container .work-detail-action-count{min-width:1ch;max-width:2.8ch;overflow:hidden;text-overflow:ellipsis;color:currentColor;font-size:1em;font-weight:var(--ht-font-weight-normal);line-height:1;letter-spacing:0;-webkit-text-fill-color:currentColor;pointer-events:none}.work-detail-challenge-input-wrapper{display:flex;align-items:center;position:relative;flex:1;cursor:text;min-width:0}.work-detail-modal-container .work-detail-challenge-input{width:100%;height:48px;padding:0 16px;margin:0;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:16px;font-weight:var(--ht-font-weight-normal);line-height:normal;box-sizing:border-box;background:#ffffffb8;box-shadow:none;color:#111827e6;caret-color:#111827d9;outline:none;text-align:left;cursor:text;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:clip}.work-detail-modal-container .work-detail-challenge-input::placeholder{color:#4b556385;font-size:16px;font-weight:var(--ht-font-weight-normal);opacity:1}.work-detail-modal-container .work-detail-challenge-input:focus{border-color:#11182747;box-shadow:none;background:#ffffffd1}.work-detail-modal-container .work-detail-challenge-input:focus::placeholder{opacity:1}.work-detail-modal-container .work-detail-challenge-input:disabled{opacity:.6;cursor:not-allowed}.work-detail-more-container{position:relative;display:inline-block}.work-detail-action-interaction{padding:0;background:#ffffffa3;color:#4b5563b8;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0;position:relative}.work-detail-action-interaction:focus{outline:none;box-shadow:none}.work-detail-action-interaction.active{background:#ffffffb8;border-color:#0f766e61;color:#0f766e;-webkit-text-fill-color:#0f766e}.work-detail-action-interaction i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-action-more{padding:0;background:#ffffffa3;color:#4b5563b8;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.work-detail-action-more:focus{outline:none;box-shadow:none}.work-detail-action-more i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-more-menu{--work-detail-more-menu-in-ms: .2s;--work-detail-more-menu-out-ms: .1s;width:max-content;min-width:0;max-width:min(400px,calc(100vw - 32px));box-sizing:border-box;background:#fffffff5;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:24px;border:1px solid #d1d5db;border-bottom:1px solid #d1d5db;box-shadow:0 8px 28px #0000001a;z-index:10004;--modal-min-scale: .98;transform-origin:center center;opacity:.97;pointer-events:auto;-webkit-user-select:none;user-select:none;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.work-detail-more-menu.align-center{transform-origin:center center}.work-detail-more-menu.align-center .work-detail-more-menu-item{text-align:left}.work-detail-more-menu.align-left{transform-origin:center center}.work-detail-more-menu.align-left .work-detail-more-menu-item{text-align:left}.work-detail-more-menu.align-right{transform-origin:center center}.work-detail-more-menu.align-right .work-detail-more-menu-item{text-align:right}.work-detail-more-menu.fade-in.align-center{animation:helpDropdownPanelInCenter var(--work-detail-more-menu-in-ms) var(--marketing-modal-panel-ease-in) forwards}.work-detail-more-menu.fade-in.align-left{animation:helpDropdownPanelInLeft var(--work-detail-more-menu-in-ms) var(--marketing-modal-panel-ease-in) forwards}.work-detail-more-menu.fade-in.align-right{animation:helpDropdownPanelInRight var(--work-detail-more-menu-in-ms) var(--marketing-modal-panel-ease-in) forwards}.work-detail-more-menu.fade-out.align-center{animation:helpDropdownPanelOutCenter var(--work-detail-more-menu-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none}.work-detail-more-menu.fade-out.align-left{animation:helpDropdownPanelOutLeft var(--work-detail-more-menu-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none}.work-detail-more-menu.fade-out.align-right{animation:helpDropdownPanelOutRight var(--work-detail-more-menu-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none}.work-detail-more-menu-content{padding:8px}.work-detail-more-menu-item{display:block;width:max-content;max-width:100%;box-sizing:border-box;padding:10px calc(12px + .2rem) 10px 12px;color:#374151e0;-webkit-text-fill-color:rgba(55,65,81,.88);background:none;border:none;border-radius:24px!important;font-size:14px;font-weight:var(--ht-font-weight-normal);line-height:1;text-align:left;cursor:pointer;margin-bottom:2px;white-space:nowrap}.work-detail-more-menu-item *{cursor:pointer}.work-detail-more-menu-item:last-child{margin-bottom:0}.work-detail-more-menu-item.active{background:linear-gradient(180deg,#f4fffb,#78dbc6 52%,#2fa590);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.work-detail-more-menu-item-report{color:#f66!important;-webkit-text-fill-color:#ff6666!important}@supports not (backdrop-filter: blur(20px)){.work-detail-more-menu{background:#fffffff5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #d1d5db!important;border-bottom:1px solid #d1d5db!important;box-shadow:0 12px 40px #0000001a!important}}.work-detail-action-separator{font-size:1rem;font-weight:var(--ht-font-weight-normal);color:#4b55638c;-webkit-user-select:none;user-select:none;text-shadow:none}.work-detail-action-btn{padding:0;margin:0;border:none;background:transparent;border-radius:24px!important;cursor:pointer;line-height:1.5;display:inline-flex;align-items:center}.work-detail-action-view{padding:0;background:#ffffffa3;color:#4b5563b8;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.work-detail-action-view:focus{outline:none;box-shadow:none}.work-detail-action-view i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-action-play{padding:0;background:#ffffffa3;color:#4b5563b8;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.work-detail-action-play:focus{outline:none;box-shadow:none}.work-detail-action-play i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-action-btn:disabled{opacity:.5;cursor:not-allowed}.work-detail-send-btn.active:disabled{opacity:1!important}.work-detail-section-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.work-detail-section-title{position:relative;z-index:1;display:inline-block;font-size:1rem;font-weight:var(--ht-font-weight-normal);color:var(--work-detail-label-color);margin:0;padding:2px 0 1px;line-height:1.4;overflow:visible;border-radius:24px!important;text-shadow:0 1px 3px rgba(0,0,0,.5)}.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-section-title{border-radius:24px!important}.work-detail-challenge-story .work-detail-section-title{margin-left:0;padding-left:0}.work-detail-toggle-btn{padding:.5rem 1rem;background:linear-gradient(180deg,#8fe5d4,#4dbd9f 55%,#2e9a82);color:#fff;border:none;border-radius:24px;font-size:.9rem;font-weight:var(--ht-font-weight-bold);cursor:pointer;box-shadow:0 2px 8px #0003;text-shadow:0 1px 3px rgba(0,0,0,.2)}.work-detail-toggle-btn:active{transform:translateY(0)}.work-detail-content{background:transparent;border:none;padding:0;border-radius:24px!important}.work-detail-text{font-size:.95rem;line-height:1.75;color:var(--work-detail-body-text-color);margin:0;white-space:pre-wrap;word-wrap:break-word;text-shadow:none}.work-detail-question{font-size:.95rem;line-height:2.5;color:var(--work-detail-body-text-color);margin:.3rem 0 0;white-space:pre-wrap;word-wrap:break-word;text-shadow:none}.work-detail-text-empty{font-size:.95rem;color:var(--work-detail-muted-text-color);margin:0;font-style:italic}.work-detail-text.work-detail-solution{color:#115e59e0}.work-detail-modal-container .work-detail-text a{color:#0d9488f2;text-decoration:underline;text-underline-offset:2px}.work-detail-modal-container .work-detail-text strong,.work-detail-modal-container .work-detail-text b{color:#111827f0;font-weight:var(--ht-font-weight-bold)}.work-detail-modal-container .work-detail-text em{color:#1f2937d1}.work-detail-modal-container .work-detail-text code,.work-detail-modal-container .work-detail-text pre{color:#1f2937e6}.work-detail-modal-container .work-detail-interactions .create-button-save.active,.work-detail-modal-container .work-detail-actions .create-button-save.active{-webkit-text-fill-color:transparent!important;color:transparent!important}.work-detail-modal-container .work-detail-challenge-input:-webkit-autofill,.work-detail-modal-container .work-detail-challenge-input:-webkit-autofill:focus{-webkit-text-fill-color:rgba(17,24,39,.9)!important;caret-color:#111827d9;box-shadow:0 0 0 1000px #ffffffe6 inset!important}body.main-content-blur .work-detail-modal-overlay{backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;-webkit-backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;z-index:9999!important}body.main-content-blur .work-detail-modal-container{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:10000!important}.work-detail-modal-overlay{filter:none!important;isolation:isolate!important}.work-detail-modal-container{isolation:isolate!important}.work-detail-modal-overlay{position:fixed!important;z-index:9999!important;will-change:transform,opacity,filter!important}.work-detail-modal-container{position:relative!important;z-index:10000!important;will-change:transform,opacity,filter!important}@supports not (backdrop-filter: blur(15px)){.work-detail-modal-overlay{background:var(--modal-backdrop-dark-marketing)!important}.work-detail-modal-container{background:var(--work-detail-panel-bg)!important;border:none!important;box-shadow:var(--work-detail-panel-shadow)!important}}.work-detail-modal-container .work-detail-content-input{width:100%;padding:16px;margin-top:24px;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:16px;font-weight:var(--ht-font-weight-normal);color:#111827e6;background:#ffffffb8;box-shadow:none;line-height:1.6;box-sizing:border-box;min-height:auto;height:auto;font-family:inherit}.work-detail-modal-container .work-detail-content-input .work-detail-text{margin:0;white-space:pre-wrap;word-wrap:break-word;color:#111827e6}.work-detail-modal-container .work-detail-content-input .work-detail-text-empty{margin:0;color:#4b556385;font-style:italic}.work-detail-qa-container{display:flex;flex-direction:column;gap:1.2rem;height:100%;min-height:0;padding-bottom:4px;border-radius:24px!important}.work-detail-qa-container>.work-detail-section{height:100%;min-height:0;border-radius:24px!important}.work-detail-qa-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:transparent;border:none;border-radius:24px!important}.work-detail-qa-list::-webkit-scrollbar{width:0;height:0;display:none}.work-detail-qa-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px;flex:0 0 auto;background:transparent;border:none;border-radius:24px!important}.work-detail-qa-question{display:block;flex:1;min-width:0;position:relative;white-space:nowrap;overflow:hidden;background:transparent;border:none;border-radius:24px!important;line-height:1.75;padding:2px 0 1px;z-index:1}.work-detail-qa-question-index{display:inline;margin-right:4px;color:var(--work-detail-label-color);border-radius:24px!important;position:relative;z-index:1}.work-detail-qa-question-text{display:inline;white-space:nowrap;border-radius:24px!important;position:relative;z-index:1}.work-detail-qa-row-irrelevant .work-detail-qa-question,.work-detail-qa-row-irrelevant .work-detail-qa-answer-text{color:#a6a6a675}.work-detail-qa-row-irrelevant .work-detail-qa-question-text{opacity:.72}.work-detail-qa-answer-icon,.work-detail-qa-answer-text{flex:0 0 auto;margin-left:auto}.work-detail-qa-answer-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.work-detail-qa-answer-icon svg{width:18px;height:18px;display:block}.work-detail-qa-answer-icon-yes{color:#82e6c4f0}.work-detail-qa-answer-icon-no{color:#ff8484eb}.work-detail-qa-answer-text{max-width:40%;color:var(--work-detail-muted-text-color);font-size:.9rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;border:none;border-radius:24px!important}.work-detail-qa-list *,.work-detail-qa-list *:before,.work-detail-qa-list *:after{border-radius:24px!important}.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-qa-list,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-qa-list *,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-qa-list *:before,.work-detail-modal-container.work-detail-modal-container.work-detail-modal-container .work-detail-qa-list *:after{border-radius:24px!important}.work-detail-modal-container .work-detail-qa-input{width:100%;min-height:120px;padding:14px 16px;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:16px;font-family:inherit;resize:none;background:#ffffffb8;box-shadow:none;color:#111827e6;caret-color:#111827d9;box-sizing:border-box;line-height:1.55}.work-detail-modal-container .work-detail-qa-input::placeholder{color:#4b556385;font-size:16px}.work-detail-modal-container .work-detail-qa-input:focus{outline:none;border-color:#11182747;box-shadow:none;background:#ffffffd1}.work-detail-modal-container .work-detail-qa-input:disabled{opacity:.6;cursor:not-allowed}.work-detail-action-exit{padding:0;background:#ffffffa3;color:#b91c1cc7;border:1px solid rgba(185,28,28,.22);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.work-detail-action-exit:focus{outline:none;box-shadow:none}.work-detail-action-exit i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-send-btn{padding:0;background:#ffffffa3;color:#4b5563b8;border:1px solid rgba(17,24,39,.14);border-radius:24px;font-size:1.1rem;cursor:pointer;height:48px;width:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;flex-shrink:0}.work-detail-send-btn:focus{outline:none;box-shadow:none}.work-detail-send-btn.active{background:#ffffffb8;border-color:#0f766e61;color:#0f766e;-webkit-text-fill-color:#0f766e}.work-detail-send-btn:active,.work-detail-action-btn.work-detail-action-interaction.work-detail-send-btn:active,.work-detail-action-interaction.work-detail-send-btn:active,.work-detail-send-btn:disabled:active,.work-detail-action-btn.work-detail-action-interaction.work-detail-send-btn:disabled:active,.work-detail-action-interaction.work-detail-send-btn:disabled:active{opacity:1}.work-detail-send-btn i{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0;padding:0;font-size:1.1rem}.work-detail-confirm-overlay{position:fixed!important;inset:0!important;box-sizing:border-box!important;padding:max(var(--modal-viewport-inset),env(safe-area-inset-top,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-right,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-bottom,0px)) max(var(--modal-viewport-inset),env(safe-area-inset-left,0px))!important;background:var(--modal-backdrop-dark-marketing)!important;backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;-webkit-backdrop-filter:blur(var(--marketing-modal-overlay-blur)) saturate(var(--marketing-modal-overlay-saturate))!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10050!important;opacity:.88;animation:marketingModalOverlayIn var(--marketing-modal-overlay-ms) var(--marketing-modal-overlay-ease) forwards;transform:translateZ(0);overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:none!important;isolation:isolate!important;will-change:transform,opacity,filter!important}.work-detail-confirm-overlay.closing{animation:marketingModalOverlayOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none!important}.work-detail-confirm-modal{--modal-min-scale: .98;--wd-confirm-btn-max: 128px;--wd-confirm-btn-gap: 10px;width:min(calc(100vw - (2*max(var(--modal-viewport-inset),16px))),calc(2 * var(--wd-confirm-btn-max) + var(--wd-confirm-btn-gap) + 2 * var(--modal-content-padding-x)));min-width:0;max-width:calc(100vw - (2*max(var(--modal-viewport-inset),16px)));height:auto;max-height:none;overflow:visible;overscroll-behavior:none;background:var(--modal-panel-dark-glass-marketing)!important;backdrop-filter:blur(var(--marketing-modal-panel-blur)) saturate(var(--marketing-modal-panel-saturate))!important;-webkit-backdrop-filter:blur(var(--marketing-modal-panel-blur)) saturate(var(--marketing-modal-panel-saturate))!important;border-radius:24px!important;border:var(--modal-panel-border)!important;box-shadow:var(--modal-panel-marketing-shadow)!important;display:flex;flex-direction:column;position:relative;z-index:10051;isolation:isolate;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:scale(var(--modal-min-scale)) translateZ(0);transform-origin:center center;opacity:.97;animation:marketingModalPanelIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) forwards;will-change:transform,opacity;padding:var(--modal-content-padding-top) var(--modal-content-padding-x) var(--modal-content-padding-bottom)}.work-detail-confirm-modal.closing{animation:marketingModalPanelOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards}@supports not (backdrop-filter: blur(15px)){.work-detail-confirm-overlay{background:var(--modal-backdrop-dark-marketing)!important}.work-detail-confirm-modal{background:var(--modal-panel-dark-glass-marketing)!important;border:var(--modal-panel-border)!important;box-shadow:var(--modal-panel-marketing-shadow)!important}}.work-detail-confirm-header{padding:0!important}.work-detail-confirm-title{font-size:1.7rem!important;font-weight:var(--ht-font-weight-bold)!important;line-height:var(--modal-title-line-height)!important;min-height:var(--modal-title-line-height)!important;background:var(--modal-title-gradient)!important;background-size:200% 200%!important;animation:modalGradientFlow 8s ease-in-out infinite!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;margin:0!important;padding:0!important;text-align:center!important;width:100%!important;display:block!important}.work-detail-confirm-subtitle{font-size:1rem!important;font-weight:var(--ht-font-weight-normal)!important;line-height:var(--modal-subtitle-line-height)!important;min-height:var(--modal-subtitle-line-height)!important;color:#a8e8d4d1!important;-webkit-text-fill-color:rgba(168,232,212,.82)!important;margin:0!important;margin-top:var(--modal-subtitle-offset-top)!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;padding:0!important;text-align:center!important;width:100%!important;display:block!important}.work-detail-confirm-buttons{display:flex;gap:10px;padding:0;margin-top:20px;align-items:stretch;width:100%;justify-content:center}.work-detail-confirm-button.cancel{flex:1 1 0;min-width:0;max-width:var(--wd-confirm-btn-max);padding:0 10px;background:#ffffff14;color:#ffffff9e;border:1px solid rgba(255,255,255,.16);border-radius:24px;font-size:.95rem;font-weight:var(--ht-font-weight-normal);cursor:pointer;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;white-space:nowrap}.work-detail-confirm-button.cancel:focus{outline:none;box-shadow:none}.work-detail-confirm-button.confirm{flex:1 1 0;min-width:0;max-width:var(--wd-confirm-btn-max);padding:0 10px;background:linear-gradient(180deg,#8fe5d4,#4dbd9f 52%,#2e9a82);color:#fff;border:none;border-radius:24px;font-size:.95rem;font-weight:var(--ht-font-weight-normal);cursor:pointer;height:48px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d;white-space:nowrap;opacity:1}.work-detail-confirm-button.confirm:active{opacity:1.02;box-shadow:0 6px 20px #0000000a,0 2px 6px #00000005}.work-detail-confirm-button.confirm:focus{outline:none}.work-detail-modal-overlay,.work-detail-confirm-overlay{background:var(--modal-backdrop-dark-marketing)!important}.work-detail-modal-container,.work-detail-confirm-modal{--work-detail-body-text-color: rgba(55, 65, 81, .78);--work-detail-muted-text-color: rgba(55, 65, 81, .52);background:var(--modal-panel-dark-glass-marketing)!important;border-color:#11182724!important;color:#111827e6!important}.work-detail-modal-container :is(.work-detail-title,.work-detail-section-title,.work-detail-content-title,.work-detail-play-title,.work-detail-final-title,.work-detail-answer-title,.work-detail-stat-value,.work-detail-meta-title),.work-detail-confirm-title{color:#111827eb!important;-webkit-text-fill-color:rgba(17,24,39,.92)!important;text-shadow:none!important}.work-detail-modal-container :is(.work-detail-description,.work-detail-content,.work-detail-question,.work-detail-solution,.work-detail-meta,.work-detail-stat-label,.work-detail-subtitle-item),.work-detail-confirm-subtitle{color:#374151b8!important;-webkit-text-fill-color:rgba(55,65,81,.72)!important;text-shadow:none!important}.work-detail-modal-container :is(input,textarea,select,.work-detail-input,.work-detail-final-guess-input){background:#ffffffb8!important;border-color:#11182724!important;color:#111827e6!important;-webkit-text-fill-color:rgba(17,24,39,.9)!important}.work-detail-modal-container :is(.work-detail-action-button,.work-detail-secondary-button),.work-detail-confirm-button.cancel{background:#ffffff94!important;border-color:#11182724!important;color:#374151c7!important;-webkit-text-fill-color:rgba(55,65,81,.78)!important}.work-detail-modal-container,.work-detail-modal-container *:not(img):not(video):not(canvas),.work-detail-confirm-modal,.work-detail-confirm-modal *:not(img):not(video):not(canvas){text-shadow:none!important}.work-detail-modal-container :is(.work-detail-modal-title,.work-detail-section-title,.work-detail-text.work-detail-solution,.work-detail-text a){background:none!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111111!important}.work-detail-modal-container :is(.work-detail-action-button,.work-detail-secondary-button),.work-detail-confirm-button.confirm{background:#111!important;background-image:none!important;border-color:#111!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;box-shadow:none!important}.work-detail-confirm-button.cancel,.work-detail-modal-container :is(input,textarea,select,.work-detail-input,.work-detail-final-guess-input){background:#fff!important;background-image:none!important;border-color:#d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important}.work-detail-modal-container :is(.work-detail-action-button,.work-detail-secondary-button,.work-detail-comment-item,input,textarea,select,button,[role=button]),.work-detail-confirm-modal :is(button,[role=button]){border:1px solid var(--ht-border-gray, #d9d9d9)!important}.work-detail-modal-container .work-detail-action-button,.work-detail-confirm-modal .work-detail-confirm-button.confirm{border-color:#111!important}.work-detail-comments-section{margin-top:20px}.work-detail-comments-list{display:grid;gap:10px}.work-detail-comment-item{padding:12px 14px;border-radius:12px;background:#fff}.work-detail-comment-item strong{color:#5f6368;font-size:.76rem}.work-detail-comment-item p{margin:5px 0 0;color:#202124;font-size:.88rem;line-height:1.55;white-space:pre-wrap}.work-detail-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:12px}.work-detail-comment-form textarea{min-height:66px;box-sizing:border-box;resize:vertical}.work-detail-comment-form button{min-height:40px;padding:0 15px}.work-detail-comment-form button:disabled{cursor:not-allowed;opacity:.5}html body .work-detail-modal-container.work-detail-modal-container,html body .work-detail-confirm-modal.work-detail-confirm-modal{--work-detail-panel-bg: var(--modal-panel-solid-bg, #f7f7f8);--work-detail-accent-text-grad: none;background:var(--modal-panel-solid-bg, #f7f7f8)!important;background-image:none!important;border:1px solid var(--ht-border-gray, #d9d9d9)!important;border-radius:24px!important;box-shadow:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body .work-detail-modal-container.work-detail-modal-container:before,html body .work-detail-confirm-modal.work-detail-confirm-modal:before{border:0!important;box-shadow:none!important}html body .work-detail-modal-container :is(.create-button-publish,.create-button-publish:active,.create-button-publish:disabled,.work-detail-send-btn.active,.work-detail-action-button,.work-detail-confirm-button.confirm),html body .work-detail-confirm-modal .work-detail-confirm-button.confirm{background:#111!important;background-color:#111!important;background-image:none!important;border:1px solid #111111!important;color:#fff!important;-webkit-text-fill-color:#ffffff!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}html body .work-detail-modal-container :is(.create-button-save,.create-button-save.active,.work-detail-exit-challenge-btn,.work-detail-more-text-btn,.work-detail-secondary-button,.work-detail-send-btn,.work-detail-action-interaction,.work-detail-action-interaction.active,.work-detail-icon-action,.work-detail-icon-action.active),html body .work-detail-confirm-modal .work-detail-confirm-button.cancel{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important;text-shadow:none!important;filter:none!important}html body .work-detail-modal-container :is(.work-detail-more-menu-item.active,.work-detail-toggle-btn:active){background:#fff!important;background-image:none!important;border-color:#d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important}html body .work-detail-modal-container :is(.work-detail-challenge-input,.work-detail-qa-input,.work-detail-final-guess-input,input,textarea,select){background:#fff!important;background-image:none!important;border:1px solid #d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important}html,body,#root{overflow-x:auto!important;min-width:1200px!important;max-width:100vw!important;width:100%!important;overscroll-behavior-x:none!important}body:not(:has(.discover-page)),body:not(:has(.discover-page)) #root{background-color:var(--ht-default-page-bg, #f7f7f8)!important}html:has(.discover-page),body:has(.discover-page){scrollbar-width:thin;scrollbar-color:rgba(90,90,90,.55) rgba(250,250,250,.92)}html:has(.discover-page)::-webkit-scrollbar,body:has(.discover-page)::-webkit-scrollbar{width:10px;height:10px}html:has(.discover-page)::-webkit-scrollbar-track,body:has(.discover-page)::-webkit-scrollbar-track{background:#fafafaeb;border-radius:24px}html:has(.discover-page)::-webkit-scrollbar-thumb,body:has(.discover-page)::-webkit-scrollbar-thumb{background:#00000038;border-radius:24px;border:2px solid rgba(250,250,250,.92)}html:has(.discover-page)::-webkit-scrollbar-corner,body:has(.discover-page)::-webkit-scrollbar-corner{background:#fafafaeb}html:has(.discover-page){min-width:1280px!important}.elegant-app{min-height:100vh;min-width:1200px;max-width:100vw;width:100%;display:flex;flex-direction:column;background-color:var(--ht-default-page-bg, #f7f7f8);color:#333;margin:0;padding:68px 0 0;overflow-x:hidden}.elegant-app.discover-page{min-width:1280px!important;--discover-work-card-border: rgba(229, 231, 235, .95);--discover-main-tabs-row-gap: 4px;position:relative;background-color:var(--ht-default-page-bg, #f7f7f8);color:#ffffffeb;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding-top:calc(var(--landing-header-nav-padding-top, calc(24px + env(safe-area-inset-top, 0px)) ) + var(--landing-header-visible-item-height, 28px) + var(--marketing-page-content-top-gap, 48px))!important}.elegant-app.discover-page .elegant-main,.elegant-app.discover-page .elegant-main-no-gap{min-width:1280px!important;padding:0!important;background-color:transparent!important;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.elegant-app.discover-page .discover-tabs-container{margin:0;padding-top:0;padding-bottom:0;padding-left:var(--discover-inline, clamp(16px, 4vw, 48px));padding-right:var(--discover-inline, clamp(16px, 4vw, 48px))}.elegant-app.discover-page .elegant-section{padding-left:var(--discover-inline, clamp(16px, 4vw, 48px));padding-right:var(--discover-inline, clamp(16px, 4vw, 48px))}.elegant-app.discover-page .discover-main-tabs{width:100%;box-sizing:border-box;font-size:16px;gap:var(--discover-main-tabs-row-gap, 4px)}.elegant-app.discover-page .discover-filter-buttons-group{gap:var(--discover-main-tabs-row-gap, 0px)}.elegant-app.discover-page .discover-main-tab{font-size:16px}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter):first-child{padding-left:0}.elegant-app.discover-page .discover-filter-buttons-group>.discover-main-tab:last-child{padding-right:0}.discover-page-inner{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.header-banner-connector{height:0px;background:linear-gradient(180deg,#ffdf5e,#ffb347,#ffdf5e);background-size:200% 100%;animation:gradientFlow 8s ease-in-out infinite;-webkit-animation:gradientFlow 8s ease-in-out infinite;margin-top:0;margin-bottom:0;position:relative;z-index:2;min-width:1200px;width:100%;will-change:background-position}.elegant-main{flex:1;padding-bottom:0;margin-top:0;margin-bottom:0;background-color:transparent;min-width:1200px;width:100%}.elegant-main-no-gap{margin-top:0;padding-top:0;background-color:transparent;position:relative;z-index:1;min-width:1200px;width:100%}.elegant-banner{background:linear-gradient(180deg,#ffdf5e,#ffb347,#ffdf5e);background-size:200% 100%;animation:gradientFlow 8s ease-in-out infinite;-webkit-animation:gradientFlow 8s ease-in-out infinite;color:#fff;padding:180px 0 72px!important;text-align:center;margin-top:0;margin-bottom:24px;border-radius:24px;box-shadow:0 4px 8px #00000014;position:relative;z-index:3;min-width:1200px;width:100%;will-change:background-position;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.elegant-banner-content{min-width:800px;max-width:1200px;width:100%;margin:0 auto;padding:0 40px 72px}.elegant-banner-title{font-size:3.1rem;font-weight:var(--ht-font-weight-bold);margin-bottom:20px;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.3);position:relative;background:transparent}.elegant-banner-subtitle{font-size:1.4rem;margin-bottom:40px;color:#ffffffd9;font-weight:var(--ht-font-weight-normal);text-shadow:0 1px 6px rgba(0,0,0,.15)}.elegant-banner-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:nowrap}.elegant-banner-button{display:inline-block;padding:17px 32px;background:#fff3;color:#fff;text-decoration:none;border-radius:24px;font-weight:var(--ht-font-weight-normal);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:none;box-shadow:0 4px 16px #00000008,0 1px 4px #00000005;text-shadow:0 1px 2px rgba(0,0,0,.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.08));will-change:opacity,background,box-shadow;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1}.elegant-banner-button:active{background:#ffffff4d;opacity:1.02;box-shadow:0 6px 20px #0000000a,0 2px 6px #00000005}.elegant-banner-button-secondary{background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:none}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes flowingGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.elegant-section{min-width:1200px;width:100%;max-width:none;margin:0 auto 20px;padding:0 40px 24px}.category-section{margin-bottom:40px}.category-nav{display:flex;gap:16px;flex-wrap:nowrap;justify-content:center;padding:0 10px;overflow-x:auto;min-width:fit-content}.category-nav-item{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid #999999;border-radius:24px;cursor:pointer;text-decoration:none;color:#999;font-size:14px;font-weight:var(--ht-font-weight-normal)!important;white-space:nowrap;min-width:fit-content;box-shadow:none}.category-nav-item i{display:inline-block;font-size:16px;font-weight:var(--ht-font-weight-normal)!important;color:#999;width:16px;height:16px;text-align:center;margin-right:2px}.category-nav-item.active i{color:transparent!important;background-image:linear-gradient(180deg,#ffdf5e,#ffb347)!important;-webkit-background-clip:text!important;background-clip:text!important}.category-nav-item.active{background:transparent;color:transparent;background-image:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;border:1px solid #ffb347;box-shadow:none;font-weight:var(--ht-font-weight-normal)!important}.category-nav-item span{font-weight:var(--ht-font-weight-normal)!important}.discover-works-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:0;min-width:1200px;contain:layout style}.discover-work-card{--discover-work-text-color: #ffffff;--discover-work-card-border: #d1d5db;background:#fff;border-radius:24px;overflow:hidden;border:2px solid var(--discover-work-card-border, #d1d5db);box-sizing:border-box;box-shadow:none;text-decoration:none;color:inherit;cursor:pointer;position:relative;width:100%;margin:0;padding:0;opacity:1;contain:layout style paint;content-visibility:visible}.elegant-app.discover-page .discover-work-card:not(.placeholder-card){background:var(--work-card-canvas-bg)}.discover-work-card.image-load-error{box-shadow:none;border:2px solid var(--discover-work-card-border, #d1d5db)}.discover-work-card.placeholder-card{background:transparent;border:none;box-shadow:none;cursor:default;opacity:0!important;pointer-events:none!important}.placeholder-content{width:100%;height:100%;background-color:#f0f0f0;aspect-ratio:1/1}.discover-work-image{width:100%;position:relative;overflow:hidden;background:#f8f9fa;aspect-ratio:1/1;margin:0;padding:0}.elegant-app.discover-page .discover-work-image{background:var(--work-card-canvas-bg)}.discover-work-image img,.discover-work-image .optimized-image-container{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.discover-work-image .optimized-image-container{position:absolute;top:0;left:0}.optimized-image-blur{backface-visibility:hidden}.optimized-image-container img:not(.optimized-image-blur){backface-visibility:hidden}.optimized-image-container img.blur-transition-active{will-change:opacity,filter}.default-cover-placeholder{width:100%;height:100%;background:var(--elegant-background, var(--ht-default-page-bg, #f7f7f8))}.discover-work-overlay{position:absolute;inset:auto 0 0;height:240px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 20px 20px;opacity:0;contain:layout style paint;z-index:2}.discover-work-card.image-loaded .discover-work-overlay{opacity:1!important}.discover-work-card.image-load-error .discover-work-overlay,.discover-work-card.image-load-error .discover-work-backdrop{opacity:0!important;display:none}.discover-work-card.image-load-error .discover-work-image img,.discover-work-card.image-load-error .discover-work-image .optimized-image-container{opacity:0!important;visibility:hidden}.discover-work-backdrop{position:absolute;inset:auto 0 0;height:240px;z-index:-1;opacity:0;contain:layout style paint;overflow:hidden}.discover-work-backdrop:before{content:none}.discover-work-backdrop:after{content:none}.discover-work-card.image-loaded .discover-work-backdrop{opacity:1!important}.discover-work-card.image-loaded .discover-work-info h3,.discover-work-card.image-loaded .discover-work-creator,.discover-work-card.image-loaded .discover-work-avatar{opacity:1}.discover-work-info{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;z-index:2}.discover-work-author{display:flex;align-items:center;gap:0;flex:1;justify-content:flex-start}.discover-work-avatar{width:42px;height:42px;border-radius:24px;background:linear-gradient(180deg,#78be824d,#78be8280);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:none;flex-shrink:0;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;will-change:auto;transform:translateZ(0);backface-visibility:hidden;opacity:0;position:relative}.discover-work-avatar:before{content:"";position:absolute;inset:0;border-radius:24px;background:inherit;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:.6;z-index:-1}.discover-work-avatar.avatar-bowl{background:linear-gradient(180deg,#3b82f666,#93c5fd4d,#60a5fa80);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:none;background-size:100% 100%}.discover-work-avatar.avatar-bowl:before{background:linear-gradient(180deg,#3b82f666,#93c5fd4d,#60a5fa80)}.discover-work-avatar.avatar-turtle{background:linear-gradient(180deg,#78be8266,#4ade804d,#22c55e66);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:none;background-size:100% 100%}.discover-work-avatar.avatar-turtle:before{background:linear-gradient(180deg,#78be8266,#4ade804d,#22c55e66)}.discover-work-details{flex:1;min-width:0}.discover-work-info h3{font-size:16px;font-family:inherit;font-weight:var(--ht-font-weight-bold);margin:0 0 2px;color:var(--discover-work-text-color, #111111);white-space:nowrap;overflow:hidden;line-height:1.2;position:relative;mask:linear-gradient(to right,white 0px,white calc(100% - 40px),transparent calc(100% - 20px));-webkit-mask:linear-gradient(to right,white 0px,white calc(100% - 40px),transparent calc(100% - 20px));text-shadow:none;opacity:0}.discover-work-creator{display:inline;max-width:100%;padding:0;border:0;background:transparent;font-size:14px;font-family:inherit;color:var(--discover-work-text-color, #111111);font-weight:var(--ht-font-weight-normal);-webkit-touch-callout:none;text-decoration:none!important;text-shadow:none;opacity:0}button.discover-work-creator{cursor:pointer}button.discover-work-creator:hover,button.discover-work-creator:focus-visible{text-decoration:underline!important;text-underline-offset:3px}.end-indicator{text-align:center;padding:40px;color:#999;font-size:14px}.elegant-app.discover-page .end-indicator{color:#ffffff6b}.no-works-indicator{text-align:center;padding:75px 40px;color:#666;font-size:16px;margin:20px auto;max-width:400px}.elegant-app.discover-page .no-works-indicator{color:#ffffff85}.category-nav-item,.category-nav-item *,.category-nav-item.active,.category-nav-item.active *{font-weight:var(--ht-font-weight-normal)!important}@media(prefers-color-scheme:dark){html,body,#root{background-color:var(--ht-default-page-bg, #f7f7f8)!important}body:has(.discover-page),body:has(.discover-page) #root{background-color:var(--ht-default-page-bg, #f7f7f8)!important}.elegant-app{background-color:var(--ht-default-page-bg, #f7f7f8);color:#f1f5f9}.elegant-app.discover-page{background-color:var(--ht-default-page-bg, #f7f7f8);color:#ffffffeb}.discover-work-card{background:#262626;border:2px solid var(--discover-work-card-border, #e5e7eb);box-sizing:border-box;box-shadow:none}.discover-work-card.image-load-error{box-shadow:none;border:2px solid var(--discover-work-card-border, #e5e7eb)}.discover-work-image{background:#404040}.discover-work-info h3{text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.discover-work-creator{text-shadow:0 1px 2px rgba(0,0,0,.15)!important}.elegant-banner-subtitle{text-shadow:0 1px 6px rgba(0,0,0,.4)!important}.elegant-banner-title{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.6)!important;background:transparent!important}.elegant-banner{box-shadow:0 4px 8px #00000026!important}}.elegant-app:not(.history-page) .elegant-section{margin-bottom:0;padding-bottom:48px}.elegant-app:not(.history-page) .discover-works-grid{margin-bottom:0}.discover-tabs-container{position:relative;margin:0;max-width:none;min-width:1200px;width:100%;padding:0 40px;z-index:4}.discover-main-tabs{display:flex;align-items:center;gap:12px;justify-content:flex-start;background:transparent;border-radius:24px;padding:0}.discover-main-tabs .discover-header-nav-row{display:inline-flex;align-items:center;gap:var(--discover-header-nav-inline-gap, 8px);vertical-align:middle}.discover-main-tabs .discover-header-nav-icon{width:1em;height:1em;flex-shrink:0;display:block;color:inherit}.discover-main-tabs .discover-main-tab__label{font-weight:inherit}.discover-main-tab{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:24px;font-size:1rem;font-weight:var(--ht-font-weight-normal);cursor:pointer;position:relative;box-sizing:border-box;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid transparent;background:transparent;box-shadow:none}.discover-main-tab:not(.discover-main-tab-filter){border:none;border-radius:24px;padding:10px 14px;background:transparent;box-shadow:none;color:#666}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter){color:#f5f5f7;opacity:.8;text-shadow:0 0 10px rgba(110,210,185,.1)}.discover-main-tab:not(.discover-main-tab-filter).active{border:none;background:transparent;box-shadow:none}.discover-main-tab:not(.discover-main-tab-filter).active .discover-main-tab__label{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.discover-main-tab:not(.discover-main-tab-filter).active .discover-header-nav-icon{color:#ffb347}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active{opacity:1;text-shadow:0 0 12px rgba(110,210,185,.2)}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-main-tab__label{background:linear-gradient(180deg,#b8fff0,#5ee6c8 42%,#3ad4b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-header-nav-icon{color:#5ee6c8}.discover-filter-buttons-group{display:flex;align-items:center;gap:12px;margin-left:auto}.discover-main-tab-filter{gap:6px;padding:12px 14px;border:none!important;background:none!important;box-shadow:none!important;color:#666;will-change:transform,opacity,filter;backface-visibility:hidden;transform:translateZ(0)}.discover-main-tab-filter__label{min-width:0}.discover-main-tab-filter .discover-main-tab-filter__chevron{flex-shrink:0;color:inherit}.elegant-app.discover-page .discover-main-tab-filter{color:#ffffffb8;text-shadow:none}.discover-main-tab-filter.dropdown-open{color:#444!important;text-shadow:none!important}.elegant-app.discover-page .discover-main-tab-filter.dropdown-open{color:#ffffffe0!important;text-shadow:none!important}.discover-main-tab-filter.appearing{opacity:0;transform:scale(var(--modal-min-scale)) translateZ(0);animation:filterButtonSlideIn var(--marketing-modal-panel-ms) var(--marketing-modal-panel-ease-in) forwards}.discover-main-tab-filter.closing{opacity:1;transform:scale(1) translateZ(0);animation:filterButtonSlideOut var(--marketing-modal-panel-out-ms) var(--marketing-modal-panel-ease-out) forwards;pointer-events:none}@keyframes filterButtonSlideIn{0%{transform:scale(var(--modal-min-scale)) translateZ(0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes filterButtonSlideOut{0%{transform:scale(1) translateZ(0);opacity:1}to{transform:scale(var(--modal-min-scale)) translateZ(0);opacity:0}}@media(prefers-color-scheme:dark){.discover-main-tab:not(.discover-main-tab-filter):not(.active){color:#ffffff9e}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter):not(.active){color:#f5f5f7;opacity:.8;text-shadow:0 0 10px rgba(110,210,185,.1)}.discover-main-tab:not(.discover-main-tab-filter).active .discover-main-tab__label{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.discover-main-tab:not(.discover-main-tab-filter).active .discover-header-nav-icon{color:#ffb347}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-main-tab__label{background:linear-gradient(180deg,#b8fff0,#5ee6c8 42%,#3ad4b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-header-nav-icon{color:#5ee6c8}.discover-main-tab-filter:not(.dropdown-open){color:#ffffffb8}}.forum-category-dropdown-portal{width:auto!important;min-width:110px!important}.elegant-language-dropdown-portal.discover-filter-dropdown-portal{border-radius:24px!important}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal{width:max-content!important;min-width:0!important;max-width:min(400px,calc(100vw - 32px))!important;box-sizing:border-box}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal .elegant-language-dropdown-content{width:max-content;max-width:100%;box-sizing:border-box;padding-top:6px}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal .elegant-language-item.active{background:linear-gradient(180deg,#fff,#f2f4f7 44%,#d7dce4)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;font-weight:var(--ht-font-weight-normal)}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal .elegant-language-item.help-dropdown-item.active{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:inherit!important}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal .elegant-language-item.help-dropdown-item.active .discover-header-nav-row>span:last-child{background:linear-gradient(180deg,#fff,#f2f4f7 44%,#d7dce4)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.elegant-language-dropdown-portal.discover-filter-dropdown-portal.help-dropdown-portal .elegant-language-item.help-dropdown-item.active .discover-header-nav-icon{color:#f2f4f7!important}.elegant-language-dropdown-portal.discover-filter-dropdown-portal .elegant-language-item{border-radius:24px!important}.forum-category-dropdown-portal.align-center.dropdown-down,.forum-category-dropdown-portal.align-center.dropdown-up,.forum-category-dropdown-portal.align-left.dropdown-down,.forum-category-dropdown-portal.align-left.dropdown-up,.forum-category-dropdown-portal.align-right.dropdown-down,.forum-category-dropdown-portal.align-right.dropdown-up{transform-origin:center center!important}.forum-category-dropdown-portal.align-center .elegant-language-item,.forum-category-dropdown-portal.align-left .elegant-language-item{text-align:left!important}.forum-category-dropdown-portal.align-right .elegant-language-item{text-align:right!important}.forum-category-dropdown-portal .elegant-language-item{font-size:14px!important;font-weight:var(--ht-font-weight-normal)!important;line-height:1!important}html:has(.elegant-app.discover-page):has(body.modal-open){overflow-y:hidden!important;overflow-x:auto!important;overscroll-behavior:none!important}body.modal-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}body.modal-open .elegant-app{overflow:hidden!important;pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important}body.modal-open .elegant-language-dropdown-portal,body.modal-open .discover-main-tabs,body.modal-open .elegant-header{pointer-events:auto!important}.elegant-app.discover-page .elegant-header.elegant-header--discover-landing,.marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing{min-width:0;width:100%;--discover-underlap-progress: 0;--discover-header-underlap-fade-height: 240px;background:none!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:none!important;outline:none;overflow:visible}.elegant-app.discover-page .elegant-header.elegant-header--discover-landing:before,.marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--landing-header-reserved-height, calc(env(safe-area-inset-top, 0px) + 66px) );z-index:0;pointer-events:none;opacity:1;box-sizing:border-box;background:var(--ht-default-page-bg, #f7f7f8);background-image:none;border-bottom:2px solid #e5e7eb}@supports not (backdrop-filter: blur(12px)){.elegant-app.discover-page .elegant-header.elegant-header--discover-landing:before,.marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing:before,.elegant-app.discover-page .elegant-header.elegant-header--discover-landing:after,.marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing:after{background:var(--ht-default-page-bg, #f7f7f8);background-image:none}}.elegant-app.discover-page .elegant-header.elegant-header--discover-landing:after,.marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing:after{content:"";display:none;position:absolute;left:0;right:0;top:var(--landing-header-nav-padding-top, calc(24px + env(safe-area-inset-top, 0px)) );height:var(--discover-header-underlap-fade-height, 240px);z-index:0;pointer-events:none;opacity:var(--discover-underlap-progress, 0);backdrop-filter:blur(calc(22px * var(--discover-underlap-progress, 0))) saturate(calc(132% + 52% * var(--discover-underlap-progress, 0))) brightness(calc(1 + .06 * var(--discover-underlap-progress, 0)));-webkit-backdrop-filter:blur(calc(22px * var(--discover-underlap-progress, 0))) saturate(calc(132% + 52% * var(--discover-underlap-progress, 0))) brightness(calc(1 + .06 * var(--discover-underlap-progress, 0)));background-image:linear-gradient(0deg,var(--landing-glass-overlay-fill, rgba(5, 8, 18, .22)),var(--landing-glass-overlay-fill, rgba(5, 8, 18, .22))),var(--landing-bg-base-layers);background-attachment:fixed,fixed;background-repeat:no-repeat,no-repeat;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9904) 6.25%,rgba(0,0,0,.9619) 12.5%,rgba(0,0,0,.9157) 18.75%,rgba(0,0,0,.8536) 25%,rgba(0,0,0,.7778) 31.25%,rgba(0,0,0,.6913) 37.5%,rgba(0,0,0,.5975) 43.75%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.4025) 56.25%,rgba(0,0,0,.3087) 62.5%,rgba(0,0,0,.2222) 68.75%,rgba(0,0,0,.1464) 75%,rgba(0,0,0,.0843) 81.25%,rgba(0,0,0,.0381) 87.5%,rgba(0,0,0,.0096) 93.75%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9904) 6.25%,rgba(0,0,0,.9619) 12.5%,rgba(0,0,0,.9157) 18.75%,rgba(0,0,0,.8536) 25%,rgba(0,0,0,.7778) 31.25%,rgba(0,0,0,.6913) 37.5%,rgba(0,0,0,.5975) 43.75%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.4025) 56.25%,rgba(0,0,0,.3087) 62.5%,rgba(0,0,0,.2222) 68.75%,rgba(0,0,0,.1464) 75%,rgba(0,0,0,.0843) 81.25%,rgba(0,0,0,.0381) 87.5%,rgba(0,0,0,.0096) 93.75%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.elegant-app.discover-page .elegant-header--discover-landing .landing-top-shell,.marketing-shell--header-underlap .elegant-header--discover-landing .landing-top-shell{position:relative;z-index:1;width:100%;max-width:none;background:transparent}.elegant-app.discover-page .elegant-header--discover-landing .landing-top,.marketing-shell--header-underlap .elegant-header--discover-landing .landing-top{box-sizing:border-box;align-items:center;padding:var(--landing-header-nav-padding-top, calc(24px + env(safe-area-inset-top, 0px)) ) var(--discover-inline, clamp(16px, 4vw, 48px)) var(--landing-header-nav-padding-bottom, 24px);min-height:0;background:transparent;border:none;box-shadow:none}.elegant-header.elegant-header--discover-landing .discover-header-brand-cluster{display:flex;align-items:center;gap:var(--landing-header-item-gap, 28px);justify-self:start;min-width:0}.elegant-header.elegant-header--discover-landing .discover-header-brand-cluster .landing-brand{flex-shrink:0}.elegant-header.elegant-header--discover-landing .discover-header-auth-link--active,.elegant-header.elegant-header--discover-landing .discover-header-login--active{opacity:.8;text-shadow:none}body:has(.discover-page),body:has(.discover-page) #root{background-color:var(--ht-default-page-bg, #f7f7f8)!important}html:has(.discover-page),body:has(.discover-page){scrollbar-color:rgba(17,24,39,.28) rgba(255,255,255,.92)}.elegant-app.discover-page{color:#111827e6}.elegant-app.discover-page .discover-work-card:not(.placeholder-card),.elegant-app.discover-page .discover-work-image{background:#ffffffbd}.elegant-app.discover-page .discover-work-card:not(.placeholder-card){border:2px solid var(--discover-work-card-border, #e5e7eb);box-shadow:none}.elegant-app.discover-page .discover-work-card.image-load-error{border:2px solid var(--discover-work-card-border, #e5e7eb)}.elegant-app.discover-page .discover-work-card.image-load-error .discover-work-info h3,.elegant-app.discover-page .discover-work-card.image-load-error .discover-work-creator,.elegant-app.discover-page .discover-work-card.image-load-error .discover-work-avatar{color:#111827d6;text-shadow:none}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter){color:#111827c7!important;text-shadow:0 0 10px rgba(255,179,71,.1)!important}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-main-tab__label{background:linear-gradient(180deg,#ffdf5e,#ffb347);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.elegant-app.discover-page .discover-main-tab:not(.discover-main-tab-filter).active .discover-header-nav-icon{color:#ffb347}.elegant-app.discover-page .discover-main-tab-filter,.elegant-app.discover-page .discover-main-tab-filter:not(.dropdown-open){color:#374151b8!important}.elegant-app.discover-page .discover-main-tab-filter.dropdown-open{color:#111827eb!important}.elegant-app.discover-page .end-indicator,.elegant-app.discover-page .no-works-indicator{color:#37415194}.elegant-header.elegant-header--discover-landing .discover-header-more-link:focus-visible{outline-color:#1118276b}.elegant-app.discover-page,.elegant-app.discover-page *:not(img):not(video):not(canvas),.elegant-header.elegant-header--discover-landing,.elegant-header.elegant-header--discover-landing *:not(img):not(video):not(canvas){text-shadow:none!important}.elegant-app.discover-page :is(.discover-main-tab.active,.discover-main-tab:not(.discover-main-tab-filter).active,.discover-main-tab-filter.dropdown-open,.elegant-language-item.active){background:#fff!important;background-image:none!important;border-color:#d9d9d9!important;color:#111!important;-webkit-text-fill-color:#111111!important;box-shadow:none!important}.elegant-app.discover-page :is(.discover-main-tab.active,.discover-main-tab:not(.discover-main-tab-filter).active,.discover-main-tab-filter.dropdown-open,.elegant-language-item.active) :is(span,svg,i,.discover-main-tab__label,.discover-header-nav-icon),.elegant-header.elegant-header--discover-landing :is(.discover-header-more-link,.discover-header-more-link *,.landing-brand,.landing-nav a,.landing-nav button){background:none!important;background-image:none!important;color:#111!important;-webkit-text-fill-color:#111111!important;text-shadow:none!important}.elegant-app.discover-page :is(.discover-main-tab__label,.ai-gradient-flowing,.turtle-coin-gradient-flowing,.end-indicator,.no-works-indicator){background:none!important;background-image:none!important;color:#333!important;-webkit-text-fill-color:#333333!important}.elegant-app.discover-page :is(.discover-work-avatar,.home-work-avatar){background:linear-gradient(180deg,#f5f5f5,#d9d9d9)!important;background-image:linear-gradient(180deg,#f5f5f5,#d9d9d9)!important}html body .elegant-app.discover-page .elegant-header.elegant-header--discover-landing,html body .marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing,html body .elegant-app.discover-page .elegant-header--discover-landing .landing-top-shell,html body .marketing-shell--header-underlap .elegant-header--discover-landing .landing-top-shell,html body .elegant-app.discover-page .elegant-header--discover-landing .landing-top,html body .marketing-shell--header-underlap .elegant-header--discover-landing .landing-top{background:var(--ht-default-page-bg, #f7f7f8)!important;background-color:var(--ht-default-page-bg, #f7f7f8)!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}html body .elegant-app.discover-page .elegant-header.elegant-header--discover-landing:before,html body .marketing-shell--header-underlap .elegant-header.elegant-header--discover-landing:before{background:var(--ht-default-page-bg, #f7f7f8)!important;background-color:var(--ht-default-page-bg, #f7f7f8)!important;background-image:none!important;border-bottom:2px solid var(--ht-border-gray, #d9d9d9)!important}.elegant-app.discover-page :is(.work-card,.home-work-card,.discover-main-tab,.discover-main-tab-filter,.filter-toggle-button,.elegant-card,input,textarea,select,button,[role=button]){border:2px solid var(--ht-border-gray, #d9d9d9)!important}.elegant-app.discover-page :is(.discover-main-tab.active,.discover-main-tab-filter.dropdown-open){border-color:var(--ht-border-gray, #d9d9d9)!important}html body .elegant-header.elegant-header--discover-landing :is(.landing-nav a,.landing-nav button,.landing-brand,.landing-login-btn,.landing-as-profile,.header-icon-action,.elegant-message-text-button--icon,.discover-header-more-link){border:0!important;box-shadow:none!important}html body .elegant-header.elegant-header--discover-landing :is(.landing-nav a.landing-nav-page-link--active,.landing-as-profile.discover-header-auth-link--active,.landing-login-btn.discover-header-login--active){font-weight:var(--ht-font-weight-bold)!important}html body .elegant-header.elegant-header--discover-landing :is(.landing-nav a.landing-nav-page-link--active,.landing-as-profile.discover-header-auth-link--active,.landing-login-btn.discover-header-login--active):after{content:none!important;display:none!important}
