:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#2b7aff2e,#0000 34rem),radial-gradient(circle at 100% 100%,#17a96c24,#0000 30rem),#080b10;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px}.topbar,.brand-lockup,.top-actions,.library-bar,.tabs,.mini-stats,.card-head,.card-actions,.meta-row,.card-foot,.tag-row,.detail-actions,.detail-meta,.rating-area,.section-title,.file-row,.checkbox-row,.unlock-row{align-items:center;display:flex}.topbar,.library-bar{justify-content:space-between;gap:18px}.topbar{margin-bottom:22px}.library-bar{margin-bottom:16px}.brand-lockup,.top-actions,.card-actions,.tabs,.mini-stats,.detail-actions,.detail-meta,.tag-row,.section-title,.file-row,.checkbox-row,.unlock-row{gap:10px}.brand-mark{color:#7dd3fc;background:linear-gradient(145deg,#1a2535,#0c111a);border:1px solid #ffffff24;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 60px #00000057}.eyebrow{color:#9fb2c8;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.6rem,3vw,2.35rem)}.mini-stats{flex-wrap:wrap;justify-content:flex-end}.mini-stats span,.pill,.detail-meta span,.tag-row span{color:#dce8f7;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff21;border-radius:999px;padding:8px 12px}.tag-row{flex-wrap:wrap}.tag-row span{color:#a9d7ff;padding:5px 9px;font-size:.78rem}.filter-panel{grid-template-columns:minmax(280px,2fr) repeat(6,minmax(120px,1fr));gap:12px;margin-bottom:22px;display:grid}.search-wrap,.select-wrap,.tag-composer,.compact-input,.auth-form input,.composer-form input,.composer-form select,.composer-form textarea{color:#f4f7fb;background:#080c12c7;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:48px;transition:border-color .16s,box-shadow .16s,background .16s}.search-wrap,.select-wrap,.tag-composer{align-items:center;gap:10px;padding:0 13px;display:flex}.search-wrap:focus-within,.select-wrap:focus-within,.tag-composer:focus-within,.compact-input:focus,.auth-form input:focus,.composer-form input:focus,.composer-form select:focus,.composer-form textarea:focus{border-color:#7dd3fcbf;box-shadow:0 0 0 3px #7dd3fc1f}.search-wrap input,.select-wrap select,.tag-composer input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0}.tag-composer{flex-wrap:wrap;align-items:center;min-height:48px;padding:7px}.tag-composer input{flex:1;min-width:140px;min-height:32px}.tag-chip{color:#dce8f7;background:#7dd3fc1f;border:1px solid #7dd3fc4d;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-weight:800;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.tag-chip:hover{background:#7dd3fc2e;border-color:#7dd3fc9e;transform:translateY(-1px)}select option{background:#111827}.compact-input,.auth-form input,.composer-form input,.composer-form select,.composer-form textarea{padding:0 13px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.prompt-card{background:#0c121bd1;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:14px;min-height:252px;padding:18px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;animation:.22s both rise-in;display:flex;position:relative;box-shadow:0 18px 48px #0003}.prompt-card:hover{background:#101824f2;border-color:#7dd3fc73;transform:translateY(-3px);box-shadow:0 22px 58px #00000047}.card-head,.card-foot,.meta-row{justify-content:space-between;gap:10px}.prompt-card h3{margin-bottom:0;font-size:1.15rem}.prompt-card p{color:#aebdce;flex:1;line-height:1.5}a{color:#7dd3fc;text-decoration:none}a:hover{text-decoration:underline}.meta-row{color:#f5d56d;font-weight:800}.card-foot{color:#8fa2b7;font-size:.9rem}.primary-button,.quiet-button,.icon-button,.danger-button,.tab{color:#f8fbff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-weight:800;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s,color .15s;display:inline-flex}.primary-button{background:linear-gradient(135deg,#2563eb,#16a34a);box-shadow:0 14px 34px #2563eb38}.quiet-button,.tab{background:#ffffff12;border:1px solid #ffffff1f}.danger-button{background:#7f1d1d6b;border:1px solid #f8717152}.primary-button:hover,.quiet-button:hover,.icon-button:hover,.danger-button:hover,.tab:hover{transform:translateY(-2px);box-shadow:0 13px 32px #00000038}.primary-button:active,.quiet-button:active,.icon-button:active,.danger-button:active,.tab:active{transform:translateY(0)scale(.98)}.icon-button{background:#ffffff12;border:1px solid #ffffff1f;width:44px;padding:0}.icon-button.small{width:38px;min-height:38px}.tabs{background:#080c12b3;border:1px solid #ffffff1a;border-radius:8px;padding:5px}.tab{color:#9fb2c8;background:0 0;min-height:38px}.tab.active{color:#f4f7fb;background:#7dd3fc24}.active-heart{color:#fb7185;border-color:#fb718573}.clear-button{width:100%}.copy-toast{background:#16a34a;border-radius:8px;padding:7px 10px;font-weight:800;position:absolute;bottom:16px;right:16px}.auth-page{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel,.modal-panel,.empty-state{background:#0b1018eb;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 28px 90px #00000061}.auth-panel{width:min(480px,100%);padding:30px}.auth-copy{color:#aebdce;line-height:1.55}.auth-form,.composer-form{gap:14px;display:grid}label{color:#c9d6e5;gap:8px;font-size:.92rem;font-weight:800;display:grid}.wide{width:100%;margin-top:12px}.form-error{color:#fda4af;margin:0;font-weight:800}.global-error{margin-bottom:14px}.form-note{color:#f5d56d;margin:0;font-weight:800}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000ad;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{width:min(980px,100%);max-height:min(88vh,900px);padding:26px;position:relative;overflow:auto}.pop-in{animation:.18s both pop-in}.modal-close{position:absolute;top:18px;right:18px}.detail-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;padding-right:58px;display:grid}.detail-head h2,.composer h2{letter-spacing:0;margin:14px 0 10px;font-size:clamp(1.8rem,4vw,3.3rem)}.detail-head p{color:#b7c4d4;line-height:1.55}.detail-actions{flex-wrap:wrap;justify-content:flex-end}.detail-meta{flex-wrap:wrap;margin:18px 0}.prompt-content{white-space:pre-wrap;color:#e7eef8;background:#070a0f;border:1px solid #ffffff1a;border-radius:8px;max-height:320px;margin:0;padding:18px;line-height:1.6;overflow:auto}.prompt-content a{white-space:normal}.locked-panel,.composer-section,.attachments{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;gap:12px;padding:16px;display:grid}.locked-panel{text-align:center;color:#c9d6e5;place-items:center}.unlock-row{width:min(520px,100%)}.unlock-row input{color:#f4f7fb;background:#080c12c7;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:44px;padding:0 13px}.section-title{color:#dce8f7;font-weight:900}.file-list,.user-picks,.selected-users,.user-options{gap:8px;display:grid}.selected-users{flex-wrap:wrap;display:flex}.user-dropdown{position:relative}.user-menu{z-index:20;background:#0b1018;border:1px solid #ffffff24;border-radius:8px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 22px 58px #00000057}.user-menu input{color:#f4f7fb;background:#080c12c7;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px}.user-options{max-height:220px;padding-right:4px;overflow:auto}.file-row{color:#f4f7fb;text-align:left;background:#080c127a;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;width:100%;min-height:44px;padding:0 12px}.file-row .file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;animation:none;overflow:hidden;transform:none}.file-row small{color:#9fb2c8;white-space:nowrap}.file-row.downloading{opacity:.82;border-color:#7dd3fc6b}.mini-spinner{transform-origin:50%;border:2px solid #7dd3fc40;border-top-color:#7dd3fc;border-radius:999px;flex:none;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.checkbox-row{color:#dce8f7;grid-template-columns:auto 1fr;width:fit-content;min-height:32px;font-weight:800}.checkbox-row input{accent-color:#2563eb;width:18px;height:18px}.composer-section input[type=file]{background:0 0;border:0;min-height:auto;padding:0}.upload-progress{color:#c9d6e5;gap:7px;font-weight:800;display:grid}.upload-progress-bar{background:#ffffff1a;border-radius:999px;width:100%;height:10px;overflow:hidden}.upload-progress-bar span{border-radius:inherit;background:linear-gradient(135deg,#2563eb,#16a34a);height:100%;transition:width .18s;display:block}.rating-area{color:#c9d6e5;justify-content:space-between;gap:16px;margin-top:18px;font-weight:800}.stars{gap:4px;display:flex}.star-button,.zero-button{color:#64748b;background:#ffffff0f;border:0;border-radius:8px;place-items:center;width:38px;height:38px;transition:transform .15s,color .15s,background .15s;display:grid}.star-button:hover,.zero-button:hover{transform:translateY(-2px)}.star-button:disabled,.zero-button:disabled{opacity:.42}.zero-button{font-weight:900}.star-button.active,.zero-button.active{color:#f5d56d}.composer{width:min(820px,100%)}.form-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.composer-form textarea{resize:vertical;min-height:180px;padding-top:13px}.empty-state{text-align:center;color:#aebdce;place-items:center;padding:38px;display:grid}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.app-shell{padding:18px}.library-bar{flex-direction:column;align-items:stretch}.mini-stats,.detail-actions{justify-content:flex-start}.detail-head{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}}@media (width<=620px){.topbar,.rating-area{flex-direction:column;align-items:stretch}.top-actions{width:100%}.top-actions .primary-button{flex:1}.filter-panel,.form-row{grid-template-columns:1fr}.detail-head{padding-right:0}.detail-actions,.detail-actions button,.tabs,.tab{width:100%}.modal-panel{padding:22px}}
