@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Manrope:wght@300;400;500;600;700&display=swap";:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#1d1b22;background-color:#f6f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}*:focus{outline:none!important;box-shadow:none!important}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,204,156,.4),transparent 48%),radial-gradient(circle at 20% 80%,rgba(178,205,255,.4),transparent 50%),#f6f1ea}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"DM Serif Display",Times New Roman,serif}button,input{font-family:inherit}#root{min-height:100vh}.profile-container{max-width:900px;margin:0 auto;padding:2rem}.profile-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid rgba(0,0,0,.1);padding-bottom:1rem}.section-header h2{margin:0;color:#2c3e50;font-size:1.5rem}.profile-section h2{margin:0 0 1.5rem;color:#2c3e50;font-size:1.5rem}.edit-btn,.save-btn,.add-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;background:#667eea;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.edit-btn:hover,.save-btn:hover,.add-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{font-weight:600;color:#2c3e50;font-size:.95rem}.field-value{color:#555;font-size:1rem;margin:0;padding:.75rem;background:#ffffffb3;border-radius:6px;word-break:break-word}.text-input,.textarea-input,.color-input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:all .3s ease}.text-input:focus,.textarea-input:focus,.color-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.textarea-input{resize:vertical;min-height:100px}.avatar-preview{display:flex;align-items:center;justify-content:center;height:150px;background:#fff;border-radius:8px;overflow:hidden}.avatar-preview img{max-width:100%;max-height:100%;object-fit:cover}.tags-editor{display:flex;flex-direction:column;gap:1rem}.tag-input-group{display:flex;gap:.5rem}.tag-input-group input{flex:1}.tags-display,.colors-display{display:flex;flex-wrap:wrap;gap:.75rem}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#667eea;color:#fff;border-radius:20px;font-size:.9rem;font-weight:500}.remove-tag-btn,.remove-color-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:all .2s ease}.remove-tag-btn:hover,.remove-color-btn:hover{background:#0003;border-radius:50%}.colors-editor{display:flex;flex-direction:column;gap:1rem}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input{width:60px;height:40px;cursor:pointer;padding:4px}.color-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.color-swatch{width:30px;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.color-item span{font-family:monospace;font-size:.9rem;color:#555;flex:1}.categories-stats{display:flex;flex-direction:column;gap:1rem}.category-stat{display:grid;grid-template-columns:80px 1fr 50px;align-items:center;gap:1rem}.category-name{font-weight:600;color:#2c3e50;text-transform:capitalize}.progress-bar{background:#e0e0e0;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.percentage{font-weight:600;color:#667eea;text-align:right}.shares-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.share-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%}.share-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.share-image-container{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden}.share-image{width:100%;height:100%;object-fit:cover;display:block}.dominant-color-indicator{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:2px solid white;box-shadow:0 2px 6px #00000040;cursor:help}.share-category-badge{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#667eeae6;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-category-badge svg{flex-shrink:0}.share-info{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.share-title{margin:0;color:#2c3e50;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-caption{margin:.25rem 0 0;color:#666;font-size:.85rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-date{margin-top:auto;margin-bottom:0;color:#999;font-size:.75rem;font-weight:500}.empty-state{text-align:center;color:#999;padding:2rem 1rem;font-style:italic}.curator-progress{display:flex;flex-direction:column;gap:1.5rem}.curator-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.curator-stat-card{background:#ffffffe6;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.4rem;border:1px solid #e4e8f0}.curator-label{color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.curator-value{color:#2c3e50;font-size:1.4rem;font-weight:700}.curator-metrics{background:#ffffffd9;border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid #e4e8f0}.metric-row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem}.metric-label{color:#6b7280;font-weight:600}.metric-value{color:#2c3e50;text-align:right}.curator-badges h3{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.badge-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.badge-item{background:#fff;border-radius:12px;padding:1rem;border:1px solid #e4e8f0;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;gap:.75rem}.badge-item.unlocked{border-color:#667eea;box-shadow:0 8px 16px #667eea33}.badge-header{display:flex;justify-content:space-between;gap:1rem}.badge-name{font-weight:700;color:#2c3e50}.badge-description{color:#6b7280;font-size:.85rem;margin-top:.25rem}.badge-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;color:#667eea;font-weight:600}.badge-category{color:#94a3b8}.badge-progress{display:flex;align-items:center;gap:.75rem}.badge-progress-bar{flex:1;height:8px;background:#edf0f7;border-radius:999px;overflow:hidden}.badge-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2)}.badge-progress-text{color:#6b7280;font-size:.8rem;font-weight:600;min-width:48px;text-align:right}.badge-unlocked{color:#2c3e50;font-size:.8rem;font-weight:600}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500}@media(max-width:768px){.profile-container{padding:1rem}.profile-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.category-stat,.shares-grid{grid-template-columns:1fr}}.story-card{position:relative;width:320px;min-height:520px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;color:#fff;box-shadow:0 20px 60px #00000059;-webkit-user-select:none;user-select:none;transition:transform .3s ease,box-shadow .3s ease;animation:storyFloat .5s ease both}.story-card__texture{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit}.story-card__glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1}.story-card__glass--frosted{backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);background:#ffffff1f;border:1.5px solid rgba(255,255,255,.25);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000000d}.story-card__glass--liquid{backdrop-filter:blur(24px) saturate(2) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(2) brightness(1.1);background:linear-gradient(165deg,#ffffff38,#ffffff0f 40%,#fff0 60%,#ffffff14);border:1.5px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 1px #ffffff80,inset 0 -1px 1px #00000014,0 8px 32px #00000014}.story-card__glass--liquid:after{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);border-radius:0 0 50% 50%}.story-card--layout-centered .story-card__info{text-align:center}.story-card--layout-centered .story-card__image-wrap{padding:20px 48px}.story-card--layout-minimal .story-card__badge{display:none}.story-card--layout-minimal .story-card__image-wrap{flex:1.3;padding:16px 24px}.story-card--layout-minimal .story-card__info{padding:0 22px 20px}.story-card--layout-minimal .story-card__subtitle{display:none}.story-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px #0006}.story-card__top{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 18px 0;z-index:2}.story-card__badge{padding:5px 12px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.story-card__badge--category{background:#fff3;border:1px solid rgba(255,255,255,.25)}.story-card__badge--episode,.story-card__badge--difficulty,.story-card__badge--pages,.story-card__badge--weather{background:#0000004d;border:1px solid rgba(255,255,255,.15)}.story-card__image-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 32px;z-index:1}.story-card__image{max-width:100%;max-height:260px;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #00000059;transition:transform .35s ease}.story-card:hover .story-card__image{transform:scale(1.03)}.story-card__image-placeholder{width:180px;height:220px;border-radius:14px;background:#ffffff14;border:2px dashed rgba(255,255,255,.2);display:grid;place-items:center}.story-card__image-icon{font-size:3rem;opacity:.6}.story-card__info{padding:0 22px 24px;z-index:2;background:linear-gradient(transparent,#0006)}.story-card__title{margin:0 0 4px;font-size:1.35rem;font-weight:800;line-height:1.25;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.story-card__subtitle{margin:0;font-size:.85rem;font-weight:500;opacity:.85;letter-spacing:.02em}.story-card__caption{margin:10px 0 0;font-size:.8rem;font-style:italic;opacity:.75;line-height:1.4}.story-card__watermark{position:absolute;bottom:8px;right:12px;font-size:.6rem;font-weight:700;letter-spacing:.08em;color:#ffffff4d;pointer-events:none;text-transform:uppercase;z-index:3}@media(max-width:480px){.story-card{width:280px;min-height:460px}.story-card__title{font-size:1.15rem}}.content-selector{display:flex;flex-direction:column;gap:12px;animation:float-in .6s .1s ease both}.content-selector__label{font-size:.95rem;font-weight:600;color:#1d1b22a6;letter-spacing:.02em}.content-selector__search{flex:1;padding:.75rem 1rem;border-radius:14px;border:1px solid rgba(29,27,34,.12);font-size:.95rem;background:#fffc;transition:border-color .2s ease,box-shadow .2s ease}.content-selector__search-row{display:flex;gap:.6rem;align-items:center}.content-selector__search-btn{border:none;padding:.75rem 1.1rem;border-radius:14px;font-weight:600;letter-spacing:.01em;background:#1d1b22;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.content-selector__search-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f0e2033}.content-selector__search:focus{outline:none;border-color:#6c63ff80;box-shadow:0 0 0 3px #6c63ff1f}.content-selector__list{display:flex;flex-direction:column;gap:6px;max-height:400px;overflow-y:auto;padding-right:4px}.content-selector__list .content-selector__item{opacity:0;transform:translateY(12px)}.content-selector__list--visible .content-selector__item{animation:itemSlideIn .35s ease both}.content-selector__list::-webkit-scrollbar{width:5px}.content-selector__list::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.content-selector__status{padding:1.5rem;text-align:center;font-size:.9rem;color:#1d1b2280}.content-selector__error{color:#c44}.content-selector__item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:14px;border:2px solid transparent;background:#ffffff80;cursor:pointer;text-align:left;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.content-selector__item:hover{background:#ffffffd9;border-color:#6c63ff33}.content-selector__item--active{background:linear-gradient(135deg,#c864ff33,#ff64b426);border-color:#b450ff80;box-shadow:0 4px 16px #a050ff26}.content-selector__thumb{flex-shrink:0;width:48px;height:48px;border-radius:10px;overflow:hidden;background:#0000000d}.content-selector__thumb img{width:100%;height:100%;object-fit:cover}.content-selector__thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ddd,#eee)}.content-selector__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.content-selector__title{font-size:.92rem;font-weight:650;color:#1d1b22;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:block}.content-selector__secondary{font-size:.78rem;color:#1d1b228c}.story-customizer{display:flex;flex-direction:column;gap:0;animation:fadeSlideUp .3s ease both}.story-customizer__toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:14px;border:1.5px solid rgba(29,27,34,.1);background:#fff9;font-size:.88rem;font-weight:650;color:#1d1b22b3;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.story-customizer__toggle:hover{background:#ffffffe6;border-color:#6c63ff4d}.story-customizer__body{display:flex;flex-direction:column;gap:16px;padding:16px;margin-top:8px;border-radius:16px;background:#ffffff80;border:1px solid rgba(29,27,34,.08);animation:fadeSlideUp .25s ease both}.story-customizer__section{display:flex;flex-direction:column;gap:8px}.story-customizer__section-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:650;color:#1d1b2280;text-transform:uppercase;letter-spacing:.06em}.story-customizer__chips{display:flex;gap:6px;flex-wrap:wrap}.story-customizer__chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:999px;border:1.5px solid rgba(29,27,34,.1);background:#ffffffb3;font-size:.78rem;font-weight:600;color:#1d1b22a6;cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent}.story-customizer__chip:hover{background:#fffffff2;border-color:#6c63ff4d}.story-customizer__chip--active{background:linear-gradient(135deg,#6b6bf8,#b44aff)!important;color:#fff!important;border-color:transparent;box-shadow:0 2px 10px #6b6bf84d}.story-customizer__chip-preview{font-size:.85rem;font-weight:700;opacity:.8}.story-customizer__chip--font-default .story-customizer__chip-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.story-customizer__chip--font-serif .story-customizer__chip-preview{font-family:Georgia,Times New Roman,serif}.story-customizer__chip--font-mono .story-customizer__chip-preview{font-family:SF Mono,Fira Code,monospace}.story-customizer__chip--font-handwritten .story-customizer__chip-preview{font-family:Segoe Script,Comic Sans MS,cursive}.story-customizer__chip--font-display .story-customizer__chip-preview{font-family:Impact,Arial Black,sans-serif}.story-customizer__swatches{display:flex;gap:8px;flex-wrap:wrap}.story-customizer__swatch{width:32px;height:32px;border-radius:50%;border:2.5px solid rgba(255,255,255,.5);cursor:pointer;transition:all .2s ease;outline:none;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 6px #0000001f}.story-customizer__swatch:hover{transform:scale(1.15);box-shadow:0 3px 10px #0003}.story-customizer__swatch--active{border-color:#6b6bf8;box-shadow:0 0 0 3px #6b6bf859;transform:scale(1.1)}.story-customizer__swatch--match{position:relative}.story-customizer__swatch--match:after{content:"🎯";position:absolute;top:-4px;right:-4px;font-size:.55rem;line-height:1}.story-customizer__swatch--match:disabled{opacity:.35;cursor:not-allowed}.story-customizer__chip--glass{background:linear-gradient(135deg,#ffffffd9,#f0f0ffb3);border-color:#6c63ff26}.story-generator{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:2.5rem 6vw 4rem;min-height:calc(100vh - 80px);align-items:start}.story-generator__panel{display:flex;flex-direction:column;gap:24px;animation:float-in .6s ease both}.story-generator__categories{display:flex;gap:8px;flex-wrap:wrap}.story-generator__cat-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;border:1.5px solid rgba(29,27,34,.1);background:#fff9;font-size:.88rem;font-weight:600;color:#1d1b22b3;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.story-generator__cat-btn span{pointer-events:none}.story-generator__cat-btn:hover{background:#ffffffe6;border-color:#6c63ff4d}.story-generator__cat-btn.story-generator__cat-btn--active{background:linear-gradient(135deg,#6b6bf8,#b44aff)!important;color:#fff!important;border-color:transparent;box-shadow:0 4px 16px #6b6bf859;transform:scale(1.02)}.story-generator__cat-btn svg{flex-shrink:0;width:16px;height:16px}.story-generator__caption-wrap{display:flex;flex-direction:column;gap:8px;animation:fadeSlideUp .3s ease both}.story-generator__caption-label{font-size:.88rem;font-weight:600;color:#1d1b2299}.story-generator__caption{padding:.75rem 1rem;border-radius:14px;border:1px solid rgba(29,27,34,.12);font-size:.92rem;font-family:inherit;resize:vertical;min-height:60px;background:#ffffffb3;transition:border-color .2s ease,box-shadow .2s ease}.story-generator__caption:focus{outline:none;border-color:#6c63ff80;box-shadow:0 0 0 3px #6c63ff1f}.story-generator__char-count{align-self:flex-end;font-size:.75rem;color:#1d1b2266}.story-generator__preview{display:flex;flex-direction:column;align-items:center;gap:24px;position:sticky;top:100px;animation:float-in .6s .15s ease both}.story-generator__actions{display:flex;flex-direction:column;gap:10px;width:320px;animation:fadeSlideUp .3s ease both}.story-generator__btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:16px;font-size:.95rem;font-weight:650;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}.story-generator__btn:not(:disabled):hover{transform:translateY(-2px)}.story-generator__btn:disabled{opacity:.6;cursor:not-allowed}.story-generator__btn--primary{background:linear-gradient(135deg,#22c55e,#059669);color:#fff;box-shadow:0 8px 24px #22c55e59}.story-generator__btn--primary:not(:disabled):hover{box-shadow:0 12px 32px #22c55e73}.story-generator__btn--secondary{background:#fffc;color:#1d1b22;border:1.5px solid rgba(29,27,34,.12);box-shadow:0 4px 12px #0000000f}.story-generator__btn--secondary:hover{background:#fff;border-color:#6c63ff4d}.story-generator__btn-icon{font-size:1.1rem}.story-generator__result{padding:10px 16px;border-radius:12px;font-size:.88rem;font-weight:600;text-align:center;width:320px;animation:fadeSlideUp .25s ease both}.story-generator__result--success{background:#22c55e26;color:#15803d}.story-generator__result--error{background:#ef444426;color:#b91c1c}.story-generator__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 40px;text-align:center;color:#1d1b2259;animation:float-in .6s ease both}.story-generator__empty svg{opacity:.4}.story-generator__empty p{margin:0;font-size:1rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.story-generator{grid-template-columns:1fr;gap:32px;padding:1.5rem 1.5rem 3rem}.story-generator__preview{position:static}.story-generator__actions,.story-generator__result{width:100%;max-width:320px}}.story-generator__export-wrap{position:absolute;left:-9999px;top:-9999px;overflow:hidden;pointer-events:none;z-index:-1}.story-generator__export{position:relative;width:1080px;height:1920px;display:flex;align-items:center;justify-content:center}.story-generator__export .story-card{width:280px!important;min-height:460px!important;transform:scale(3.375);transform-origin:center center;box-shadow:none;animation:none}.story-generator__export .story-card .story-card__title{font-size:1.15rem!important}.story-generator__btn--vibecheck{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 8px 24px #f43f5e59}.story-generator__btn--vibecheck:not(:disabled):hover{box-shadow:0 12px 32px #f43f5e73}.story-generator__btn--share{background:linear-gradient(135deg,#6b6bf8,#b44aff);color:#fff;box-shadow:0 8px 24px #6b6bf859}.story-generator__btn--share:not(:disabled):hover{box-shadow:0 12px 32px #6b6bf880}.story-generator__btn--download{background:linear-gradient(135deg,#22c55e,#059669);color:#fff;box-shadow:0 8px 24px #22c55e59}.story-generator__btn--download:not(:disabled):hover{box-shadow:0 12px 32px #22c55e73}.story-generator__spinner{animation:sg-spin .8s linear infinite}@keyframes sg-spin{to{transform:rotate(360deg)}}.story-generator__share-hint{font-size:.78rem;color:#1d1b2266;text-align:center;max-width:280px;line-height:1.4;margin:0}.bg-page{max-width:1100px;margin:0 auto;padding:2.5rem 6vw 4rem;min-height:calc(100vh - 80px)}.bg-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:2rem;flex-wrap:wrap}.bg-title-block{display:flex;flex-direction:column;gap:6px}.bg-eyebrow{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#6b6bf8,#b44aff);color:#fff;width:fit-content;box-shadow:0 4px 14px #6b6bf84d}.bg-title{margin:0;font-size:clamp(2rem,5vw,2.8rem);font-weight:900;letter-spacing:-.03em;color:#1d1b22;line-height:1.1}.bg-subtitle{margin:0;font-size:.88rem;font-weight:600;color:#1d1b2280}.bg-stat-card{display:flex;flex-direction:column;align-items:flex-end;gap:4px;background:#ffffffbf;border:1px solid rgba(29,27,34,.08);border-radius:20px;padding:18px 24px;box-shadow:0 8px 28px #0f0e2014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:160px}.bg-stat-num{font-size:2.6rem;font-weight:900;letter-spacing:-.04em;background:linear-gradient(135deg,#6b6bf8,#b44aff);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.bg-stat-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#1d1b2273}.bg-stat-track{width:100%;height:6px;background:#1d1b2214;border-radius:999px;overflow:hidden;margin-top:8px}.bg-stat-fill{height:100%;background:linear-gradient(90deg,#6b6bf8,#b44aff);border-radius:999px}.bg-controls-outer{width:100%;overflow:visible;margin-bottom:1.5rem;touch-action:pan-y;cursor:grab}.bg-controls-outer:active{cursor:grabbing}.bg-controls{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;position:relative;z-index:50;width:max-content}.bg-toggle{display:flex;gap:6px;flex-wrap:nowrap;flex-shrink:1;min-width:0}.bg-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;border:1.5px solid rgba(29,27,34,.1);background:#ffffffa6;font-size:.88rem;font-weight:600;color:#1d1b22b3;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.bg-pill:hover{background:#ffffffeb;border-color:#6b6bf84d}.bg-pill--active{background:linear-gradient(135deg,#6b6bf8,#b44aff)!important;color:#fff!important;border-color:transparent;box-shadow:0 4px 16px #6b6bf859;transform:scale(1.02)}.bg-pill--dropdown{gap:8px;max-width:150px;min-width:0}.bg-pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.bg-chevron{flex-shrink:0;opacity:.75}.bg-dropdown-wrap{position:relative;flex-shrink:0}.bg-dropdown{position:absolute;top:calc(100% + 10px);left:0;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:200px;border-radius:18px;padding:10px;box-shadow:0 16px 48px #00000024;border:1px solid rgba(29,27,34,.06);z-index:100}.bg-dropdown-item{width:100%;text-align:left;padding:10px 14px;border-radius:10px;border:none;background:transparent;font-size:.88rem;font-weight:600;color:#1d1b22bf;cursor:pointer;transition:background .18s ease,color .18s ease}.bg-dropdown-item:hover{background:#6b6bf814;color:#6b6bf8}.bg-dropdown-item--active{background:linear-gradient(135deg,#6b6bf81f,#b44aff1a);color:#7c3aed}.bg-progress-track{height:8px;background:#1d1b2212;border-radius:999px;overflow:hidden;margin-bottom:2.5rem;box-shadow:inset 0 1px #fff9}.bg-progress-fill{height:100%;background:linear-gradient(90deg,#6b6bf8,#b44aff);border-radius:999px;box-shadow:0 4px 12px #6b6bf84d}.bg-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px 40px;text-align:center;color:#1d1b2259}.bg-empty-icon{opacity:.35;flex-shrink:0}.bg-empty p{margin:0;font-size:1rem;font-weight:500}@keyframes storyFloat{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;animation:float-in .6s .15s ease both}.bg-card{position:relative;border-radius:24px;padding:22px;min-height:280px;display:flex;flex-direction:column;overflow:hidden;cursor:default;box-shadow:0 20px 60px #00000059;transition:transform .3s ease,box-shadow .3s ease;animation:storyFloat .5s ease both}.bg-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px #0006}.bg-card--unlocked{color:#fff}.bg-card--locked{background:#ffffffb8;border:1px solid rgba(29,27,34,.07);box-shadow:0 8px 28px #0f0e2012;color:#374151;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bg-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.bg-icon-wrap{width:60px;height:60px;border-radius:16px;background:#ffffff2e;display:grid;place-items:center;box-shadow:inset 0 2px 8px #00000014;flex-shrink:0}.bg-card--locked .bg-icon-wrap{background:#1d1b220d}.bg-icon-img{width:38px;height:38px;object-fit:contain;border-radius:8px;transition:transform .3s ease}.bg-card:hover .bg-icon-img{transform:scale(1.08)}.bg-icon-lucide{color:#fffffff2;transition:transform .3s ease;flex-shrink:0}.bg-card:hover .bg-icon-lucide{transform:scale(1.1)}.bg-icon-lucide--locked,.bg-card--locked .bg-icon-wrap .bg-icon-lucide{color:#1d1b224d}.bg-status-wrap{display:flex;align-items:center}.bg-check{width:28px;height:28px;border-radius:999px;background:#fffffff2;color:#7c3aed;font-size:.75rem;font-weight:900;display:grid;place-items:center;box-shadow:0 4px 12px #0000001f}.bg-lock-dot{width:10px;height:10px;border-radius:999px;background:#1d1b2226}.bg-card-info{flex:1;display:flex;flex-direction:column;gap:6px}.bg-card-name{margin:0;font-size:1.05rem;font-weight:800;line-height:1.25;letter-spacing:-.01em}.bg-rarity-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#fff3;border:1px solid rgba(255,255,255,.22);width:fit-content;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bg-card--locked .bg-rarity-pill{background:#1d1b220f;border-color:#1d1b2214;color:#1d1b228c}.bg-card-desc{margin:0;font-size:.82rem;line-height:1.45;opacity:.85;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bg-card--locked .bg-card-desc{color:#6b7280;opacity:1}.bg-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.bg-card--locked .bg-card-footer{border-top-color:#1d1b220f}.bg-card-date{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.75}.bg-card-dot{width:8px;height:8px;border-radius:999px;background:#ffffff73}.bg-card--locked .bg-card-dot{background:#1d1b2226}@media(max-width:900px){.bg-page{padding:1.5rem 1.5rem 3rem}.bg-header{flex-direction:column;align-items:flex-start}.bg-stat-card{align-items:flex-start;width:100%}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}}@media(max-width:480px){.bg-title{font-size:1.8rem}.bg-grid{grid-template-columns:1fr}.bg-card{min-height:240px}}.ds-page{padding:2.5rem 6vw 4rem;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.ds-header{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.ds-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#6b6bf81a;color:#6b6bf8;border-radius:99px;font-size:.75rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}.ds-title{font-family:"DM Serif Display",serif;font-size:2.8rem;margin:0;color:#1d1b22;line-height:1.1}.ds-subtitle{font-size:1.1rem;color:#1d1b22b3;margin:.5rem 0 0}.ds-filter-wrapper{position:relative;z-index:101}.ds-filter-toggle{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#fff;border:1px solid rgba(29,27,34,.1);border-radius:12px;font-weight:600;color:#1d1b22;cursor:pointer;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.ds-filter-toggle:hover{border-color:#6b6bf8;color:#6b6bf8;box-shadow:0 4px 12px #6b6bf81f}.ds-filter-btn-text{font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-filter-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:10px;box-shadow:0 20px 50px #00000026;border:1px solid rgba(29,27,34,.06);z-index:100}.ds-dropdown-header{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#1d1b2266;padding:8px 14px 4px}.ds-dropdown-list{display:flex;flex-direction:column;gap:4px}.ds-dropdown-item{width:100%;text-align:left;padding:10px 14px;border-radius:12px;border:none;background:transparent;font-size:.9rem;font-weight:600;color:#1d1b22bf;cursor:pointer;transition:all .2s ease}.ds-dropdown-item:hover{background:#6b6bf814;color:#6b6bf8}.ds-dropdown-item--active{background:#1d1b220d;color:#1d1b22;font-weight:800}.ds-filter-toggle--active{background:#1d1b22!important;color:#fff!important}.ds-controls{display:flex;flex-direction:column;gap:1.5rem}.ds-search{position:relative;max-width:100%}.ds-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#1d1b2266}.ds-search input{width:100%;padding:1.2rem 1.2rem 1.2rem 3.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(29,27,34,.08);border-radius:16px;font-size:1.05rem;font-family:inherit;transition:all .25s ease;box-shadow:inset 0 2px 4px #00000005}.ds-search input:focus{outline:none;background:#fff;border-color:#6b6bf8;box-shadow:0 0 0 4px #6b6bf814}.ds-tabs-container{width:100%;overflow-x:auto;padding-bottom:8px;margin-bottom:-8px;-webkit-overflow-scrolling:touch}.ds-tabs{display:flex;gap:10px;flex-wrap:nowrap;min-width:min-content}.ds-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff80;border:1.5px solid transparent;border-radius:12px;font-weight:600;font-size:.9rem;color:#1d1b2299;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ds-tab:hover{background:#fff;color:#1d1b22}.ds-tab--active{background:#fff;color:#fff!important;background:linear-gradient(135deg,#6b6bf8,#b44aff)!important;box-shadow:0 4px 15px #6b6bf84d}.ds-tab-badge{font-size:.8rem;opacity:.7}.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.ds-stat{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:20px;border:1px solid rgba(29,27,34,.05);box-shadow:0 10px 30px #00000008}.ds-stat-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center}.ds-stat-icon--blue{background:#3b82f61a;color:#3b82f6}.ds-stat-icon--purple{background:#8b5cf61a;color:#8b5cf6}.ds-stat-icon--amber{background:#f59e0b1a;color:#f59e0b}.ds-stat-val{display:block;font-size:2rem;font-weight:850;color:#1d1b22;line-height:1}.ds-stat-label{font-size:.9rem;font-weight:600;color:#1d1b22a6}.ds-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.ds-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px #0000000f;border:1px solid rgba(29,27,34,.03);transition:box-shadow .3s ease;width:100%}.ds-grid .ds-card:nth-child(odd):last-child{grid-column:1 / -1;justify-self:center;width:calc(50% - 1.25rem)}.ds-card:hover{box-shadow:0 30px 70px #0000001f}.ds-card-banner{height:140px;position:relative;padding:20px;display:flex;justify-content:flex-end;align-items:flex-start}.ds-card-banner--perfect{background:linear-gradient(135deg,#f472b6,#a855f7,#06b6d4)}.ds-card-banner--great{background:linear-gradient(135deg,#fbbf24,#3b82f6,#8b5cf6)}.ds-card-banner--good{background:linear-gradient(135deg,#a855f7,#6366f1,#fbbf24)}.ds-match-badge{padding:8px 16px;background:#ffffff40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:99px;color:#fff;font-weight:800;font-size:1.1rem}.ds-match-badge span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.ds-banner-icon{position:absolute;right:15px;bottom:10px;color:#ffffff80}.ds-card-body{padding:0 1.5rem 1.5rem;position:relative}.ds-user{display:flex;align-items:center;gap:1.2rem;margin-top:-45px;margin-bottom:1.5rem}.ds-avatar-wrap{position:relative}.ds-avatar{width:90px;height:90px;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 15px #0000001a;object-fit:cover}.ds-online-indicator{position:absolute;right:5px;bottom:8px;width:14px;height:14px;background:#22c55e;border:2.5px solid #fff;border-radius:50%}.ds-user-text{margin-bottom:10px}.ds-username{font-family:"DM Serif Display",serif;font-size:1.75rem;margin:0;color:#1d1b22;line-height:1.15}.ds-tagline{font-size:.95rem;color:#1d1b2299;margin:4px 0 0}.ds-reason{background:#6b6bf80a;border:1px solid rgba(107,107,248,.08);border-radius:16px;padding:1rem;margin-bottom:1.5rem}.ds-reason-head{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;color:#6b6bf8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.ds-reason-text{font-size:.85rem;line-height:1.5;color:#1d1b22bf;margin:0}.ds-section{margin-bottom:1.2rem}.ds-section label{display:block;font-size:.68rem;font-weight:800;color:#1d1b2280;letter-spacing:.12em;margin-bottom:10px}.ds-tags{display:flex;flex-wrap:wrap;gap:6px}.ds-tag{padding:4px 12px;background:#1d1b220a;border:1px solid rgba(29,27,34,.06);border-radius:99px;font-size:.78rem;font-weight:600;color:#1d1b22b3}.ds-aura{display:flex;gap:10px}.ds-aura-dot{width:32px;height:24px;border-radius:6px;box-shadow:0 4px 10px #0000001a}.ds-vibes{display:flex;gap:8px;overflow:hidden}.ds-vibe{width:56px;height:56px;border-radius:10px;overflow:hidden;flex-shrink:0}.ds-vibe img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ds-vibe:hover img{transform:scale(1.15)}.ds-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:1.5rem}.ds-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:all .2s ease}.ds-btn--primary{background:linear-gradient(135deg,#b44aff,#6b6bf8);color:#fff}.ds-btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6b6bf84d}.ds-btn--secondary{background:#fff;border:1px solid rgba(29,27,34,.1);color:#1d1b22}.ds-btn--secondary:hover,.ds-btn.ds-btn--secondary:hover{background:#fbfbfd;border-color:#6b6bf8;color:#6b6bf8}.ds-btn.ds-btn--secondary{background:#6b6bf80d;border-color:#6b6bf833;color:#6b6bf8}.ds-icon-btn{width:44px;height:44px;display:grid;place-items:center;background:#fff;border:1px solid rgba(29,27,34,.1);border-radius:12px;color:#1d1b2266;cursor:pointer;transition:all .2s ease}.ds-icon-btn:hover{color:#ec4899;border-color:#fce7f3;background:#fff5f9}.ds-icon-btn.ds-liked{background:#fff5f9;color:#ec4899;border-color:#fce7f3;box-shadow:0 4px 12px #ec489926}.ds-icon-btn.ds-liked:hover{background:#fce7f3;transform:scale(1.1)}.ds-footer{display:flex;justify-content:center}.ds-load-btn{padding:12px 32px;background:#fff;border:1.5px solid rgba(107,107,248,.3);border-radius:14px;color:#6b6bf8;font-weight:750;cursor:pointer;transition:all .2s ease}.ds-load-btn:hover{background:#6b6bf8;color:#fff;box-shadow:0 8px 20px #6b6bf840}.ds-grid-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;gap:1.2rem;color:#1d1b2266}.ds-error-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem;color:#1d1b2299;text-align:center}.ds-spinner{animation:spin 1s linear infinite;color:#6b6bf8}.ds-error-state h3{font-family:"DM Serif Display",serif;font-size:1.8rem;color:#1d1b22;margin:0}@media(max-width:600px){.ds-page{padding:1.5rem 1rem 3rem;gap:1.5rem}.ds-header{flex-direction:column;align-items:flex-start;gap:1.2rem}.ds-title{font-size:2rem}.ds-subtitle{font-size:.95rem}.ds-controls{gap:1rem}.ds-stats{grid-template-columns:repeat(2,1fr);gap:.8rem}.ds-stat{padding:1rem;gap:1rem;flex-direction:column;text-align:center}.ds-stat-icon{width:44px;height:44px}.ds-stat-val{font-size:1.5rem}.ds-grid{grid-template-columns:1fr;gap:1.5rem}.ds-grid .ds-card:nth-child(odd):last-child{grid-column:auto;justify-self:stretch;width:100%}.ds-card-banner{height:110px}.ds-avatar{width:70px;height:70px}.ds-user{margin-top:-30px;flex-direction:column;align-items:flex-start;gap:.5rem}.ds-actions{grid-template-columns:1fr 44px 44px}}.ds-modal-overlay{position:fixed;inset:0;background:#1d1b2266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.ds-modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.3);border-radius:32px;padding:30px;width:90%;max-width:420px;position:relative;box-shadow:0 40px 100px #0003;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.ds-modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;border-radius:50%;border:none;background:#1d1b220d;color:#1d1b2266;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.ds-modal-close:hover{background:#1d1b221a;color:#1d1b22;transform:rotate(90deg)}.ds-modal-icon{width:64px;height:64px;background:#fff;border-radius:18px;display:grid;place-items:center;box-shadow:0 10px 25px #0000000f}.ds-modal-body h2{font-family:"DM Serif Display",serif;font-size:1.6rem;color:#1d1b22;margin:0 0 10px}.ds-modal-body p{font-size:.9rem;line-height:1.5;color:#1d1b2299;margin:0}.ds-modal-footer{width:100%}.ds-icon-purple{color:#8b5cf6}.ds-icon-blue{color:#3b82f6}.ds-icon-amber{color:#f59e0b}.rooms-container{padding:2rem;max-width:100%;margin:0 auto;position:relative}.rooms-detail-container{padding:2rem;max-width:100%;margin:0 auto}.rooms-hero{text-align:center;margin-bottom:3rem;animation:fadeIn .6s ease-out}.rooms-hero h1{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-1px}.rooms-hero p{font-size:1.125rem;color:#666;font-weight:500}.rooms-search-section{margin-bottom:2rem;display:flex;justify-content:center}.rooms-search{flex:1;max-width:500px;position:relative;display:flex;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:50px;padding:.5rem 1.5rem;box-shadow:0 4px 15px #667eea1a;transition:all .3s ease}.rooms-search:focus-within{box-shadow:0 8px 25px #667eea33;transform:translateY(-2px)}.rooms-search .search-icon{color:#667eea;margin-right:.75rem;flex-shrink:0}.rooms-search input{flex:1;border:none;background:transparent;font-size:1rem;color:#333;outline:none;font-weight:500}.rooms-search input::placeholder{color:#999}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:fadeIn .6s ease-out .1s backwards}.room-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:flex;flex-direction:column;height:100%}.room-card:hover{box-shadow:0 12px 28px #00000026;transform:translateY(-8px)}.room-card-banner{height:140px;position:relative;background-size:cover;background-position:center}.trending-badge{position:absolute;top:12px;right:12px;background:#ff6347f2;color:#fff;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.room-card-content h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#1a1a1a}.room-hashtag-card{font-size:.875rem;color:#667eea;font-weight:600;margin-bottom:.75rem}.room-description-card{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-info{display:flex;gap:1.5rem;margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.room-info-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem;font-weight:500}.room-info-item svg{color:#667eea}.room-card-footer{display:flex;gap:.75rem;margin-top:auto}.room-btn{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.join-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.join-btn:hover{opacity:.9}.leave-btn{background:#fee;color:#c33;border:1px solid #fcc}.leave-btn:hover{background:#fdd}.view-btn{background:#fff;color:#667eea;border:2px solid #667eea}.view-btn:hover{background:#667eea;color:#fff}.rooms-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#666}.rooms-spinner{font-size:2.5rem;color:#667eea;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rooms-error{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;animation:slideDown .3s ease-out}.rooms-error button{background:none;border:none;color:#c33;cursor:pointer;display:flex;align-items:center;padding:0;margin-left:auto}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#999;text-align:center}.no-results svg{font-size:3rem;color:#ddd;margin-bottom:1rem}.no-results p{font-size:1.125rem;margin-bottom:2rem;color:#666}.clear-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 2rem;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{opacity:.9;transform:scale(1.05)}.rooms-header{margin-bottom:2rem}.rooms-back-btn{background:none;border:none;color:#667eea;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem;margin:-.5rem;transition:all .2s ease}.rooms-back-btn:hover{color:#764ba2;transform:translate(-4px)}.room-detail-header{border-radius:16px;padding:3rem;color:#fff;margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;box-shadow:0 8px 24px #667eea26}.room-detail-header-content{flex:1}.room-detail-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.5px}.room-hashtag{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;opacity:.95}.room-description{font-size:1rem;margin-bottom:1.5rem;line-height:1.6;opacity:.9}.room-stats{display:flex;gap:2rem;flex-wrap:wrap}.room-stat{display:flex;align-items:center;gap:.75rem;font-weight:500}.room-stat.trending{background:#ff63474d;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,99,71,.5)}.room-action-btn{background:#fff;color:#667eea;padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.room-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000026}.room-action-btn.leave{background:#ff634733;color:#fff;border:1px solid rgba(255,99,71,.4)}.room-posts-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #00000014}.posts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.posts-header h2{font-size:1.5rem;font-weight:700;color:#1a1a1a}.create-post-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.create-post-btn:hover{opacity:.9;transform:scale(1.05)}.create-post-form{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:2px solid #e9ecef}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background:#fff;color:#ccc;cursor:not-allowed}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.submit-btn,.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{background:#e9ecef;color:#666}.cancel-btn:hover:not(:disabled){background:#dee2e6}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.posts-list{display:flex;flex-direction:column;gap:1rem}.post-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;transition:all .2s ease;border:1px solid #e9ecef}.post-card:hover{background:#f0f2f5;border-color:#667eea}.post-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2)}.post-content h4{font-size:1.125rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem}.post-author{font-size:.875rem;color:#667eea;font-weight:600;margin-bottom:.25rem}.post-time{font-size:.8rem;color:#999}.post-actions{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.post-action-btn{background:none;border:none;color:#666;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;padding:.25rem .75rem;border-radius:6px}.post-action-btn:hover{color:#667eea;background:#667eea1a}.post-action-btn.liked{color:#e11d48;background:#e11d4814}.post-action-btn:disabled{opacity:.6;cursor:not-allowed}.post-comments-panel{margin-top:1rem;border-top:1px solid #e9ecef;padding-top:1rem}.post-comments-loading,.post-comments-empty{font-size:.875rem;color:#666;margin:0}.post-comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.post-comment-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:.75rem}.post-comment-author{font-size:.8rem;color:#667eea;font-weight:600;margin:0 0 .25rem}.post-comment-text{margin:0;font-size:.9rem;color:#333}.post-comment-form{display:flex;gap:.5rem}.post-comment-form input{flex:1;border:1px solid #ddd;border-radius:8px;padding:.6rem .75rem;font-size:.9rem}.post-comment-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea14}.post-comment-form button{border:none;border-radius:8px;padding:.6rem .9rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer}.post-comment-form button:disabled{opacity:.7;cursor:not-allowed}.no-posts{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#999;text-align:center}.no-posts svg{color:#ddd;margin-bottom:1rem}.no-posts p{font-size:1rem;color:#666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.rooms-container,.rooms-detail-container{padding:1rem}.rooms-hero h1{font-size:2rem}.rooms-grid{grid-template-columns:1fr}.rooms-search{max-width:100%}.room-detail-header{flex-direction:column;padding:2rem}.room-room-header h1{font-size:2rem}.room-stats{gap:1rem}.posts-header{flex-direction:column;gap:1rem;align-items:flex-start}.create-post-btn{width:100%;justify-content:center}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%;justify-content:center}}@media(max-width:480px){.rooms-hero h1{font-size:1.5rem}.room-detail-header{padding:1.5rem}.room-detail-header h1{font-size:1.75rem}.room-card-footer{flex-direction:column}.room-btn{width:100%}}.app{min-height:100vh;color:#1d1b22}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 6vw 1rem;position:sticky;top:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid rgba(0,0,0,.08);z-index:1000}.brand{display:flex;align-items:center;gap:.9rem}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ffb36b,#f45d87,#6b6bf8);color:#fff;font-weight:700;letter-spacing:.05em}.brand-name{margin:0;font-size:1.2rem;font-weight:700}.brand-tag{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#1d1b22a6}.nav-links{display:flex;gap:1rem}.nav-links a{padding:.5rem 1.1rem;border-radius:999px;font-weight:600;letter-spacing:.02em;background:#fff9;box-shadow:0 8px 20px #0f0e2014}.nav-link-button{border:none;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;letter-spacing:.02em;background:#fff9;box-shadow:0 8px 20px #0f0e2014;cursor:pointer}.auth-container{display:grid;place-items:center;padding:4rem 1.5rem 5rem}.auth-card{width:min(480px,100%);background:#ffffffe6;border-radius:28px;padding:2.6rem 2.3rem;box-shadow:0 24px 60px #10121e2e;border:1px solid rgba(255,255,255,.7);animation:float-in .6s ease both}.auth-header{text-align:left;margin-bottom:1.8rem}.auth-eyebrow{margin:0 0 .4rem;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#1d1b228c}.auth-header h2{margin:0 0 .5rem;font-size:2.3rem;letter-spacing:-.02em}.auth-subtitle{margin:0;color:#1d1b22a6}.auth-form{display:grid;gap:1.1rem}.auth-label{display:grid;gap:.5rem;font-size:.95rem;font-weight:600;color:#1d1b22bf}.auth-form input{padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(29,27,34,.15);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{outline:none;border-color:#6c63ff99;box-shadow:0 0 0 3px #6c63ff26}.auth-message{padding:.75rem .9rem;border-radius:12px;font-size:.9rem}.auth-message.error{background:#ff636326;color:#a12525}.auth-message.success{background:#5cc68b33;color:#14613a}.auth-button{border:none;padding:.9rem 1.2rem;border-radius:16px;background:linear-gradient(135deg,#1d1b22,#3b2ff2);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none;box-shadow:none}.auth-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 16px 30px #3e2df259}@keyframes float-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.app-nav{flex-direction:column;gap:1.2rem;padding:1.2rem 1.2rem 1rem;align-items:center;text-align:center}.brand{flex-direction:column;gap:.5rem}.brand-tag{font-size:.7rem}.nav-links{width:100%;justify-content:center;flex-wrap:wrap;gap:.6rem}.nav-links a,.nav-link-button{padding:.4rem .8rem;font-size:.85rem}}.badges-grid{animation:float-in .5s ease both}@keyframes float-in{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-card{background:linear-gradient(135deg,#ffffff08,#ffffff05);border-radius:28px;color:#fff;box-shadow:0 18px 40px #0000001f;transform-origin:center;transition:transform .28s ease,box-shadow .28s ease;opacity:0;transform:translateY(12px) scale(.995)}.badges-grid--visible .badge-card{animation:itemSlideIn .38s cubic-bezier(.2,.9,.2,1) both}@keyframes itemSlideIn{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-card--unlocked{background:linear-gradient(135deg,#9c2cf3,#3a47d5)}.badge-card--locked{background:linear-gradient(180deg,#efefef,#f7f7f7);color:#4b5563}.badge-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px #00000059}.badge-card:hover .badge-icon__img{transform:scale(1.06)}@keyframes popIn{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.badge-check{animation:popIn .36s cubic-bezier(.2,.9,.2,1)}.badge-icon__img{width:40px;height:40px;object-fit:cover;border-radius:8px;display:block}.badge-rarity{background:#ffffff14;border:1px solid rgba(255,255,255,.06);color:#fffffff2}.badge-card--locked .badge-rarity{background:#00000008;color:#374151}.badges-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.badges-toolbar .chip{transition:background .22s ease,color .22s ease,transform .18s ease,box-shadow .22s ease,border-color .22s ease}.badges-toolbar .chip:hover{transform:translateY(-2px);background:#fffffff2;border-color:#6c63ff1f}.badges-toolbar .chip--active{transform:scale(1.02)}@media(min-width:900px){.badges-sidebar{position:sticky;top:96px;align-self:start}}.badges-toolbar .chip{background:#fff;color:#6b6b6b;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;border:1px solid rgba(15,15,15,.03);box-shadow:0 6px 18px #0a0a140d;cursor:pointer}.badges-toolbar .chip--active{background:linear-gradient(90deg,#b026ff,#e100ff);color:#fff;box-shadow:0 8px 30px #b026ff1f}.badges-toolbar .chip .chip-count{margin-left:6px;opacity:.9;font-weight:800}.page-content{max-width:1180px;margin:0 auto;padding:20px 28px}.badges-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;animation:float-in .5s ease both}@media(min-width:540px){.badges-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.badges-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.badges-grid{grid-template-columns:repeat(4,1fr)}}.badge-card{border-radius:18px;padding:1.1rem;min-height:220px;box-shadow:0 10px 30px #02061714;position:relative;overflow:hidden}.badge-card--skeleton{background:linear-gradient(135deg,#ffffff06,#ffffff03);pointer-events:none}.skeleton-box{background:linear-gradient(90deg,#ffffff0f,#ffffff08);width:56px;height:56px;border-radius:12px}.skeleton-line{height:12px;background:linear-gradient(90deg,#ffffff0f,#ffffff08);border-radius:6px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.tiny{width:36%;height:10px}.skeleton-paragraph{height:40px;background:linear-gradient(90deg,#ffffff0a,#ffffff05);border-radius:6px;margin-top:8px}.skeleton-dot{width:10px;height:10px;border-radius:999px;background:#ffffff0f}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge-card--skeleton .skeleton-line,.badge-card--skeleton .skeleton-paragraph,.badge-card--skeleton .skeleton-box{background-image:linear-gradient(90deg,#ffffff05,#ffffff0f,#ffffff05);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.badge-card__backdrop{position:absolute;inset:0;z-index:0;background:linear-gradient(135deg,#ffffff08,#ffffff05);mix-blend-mode:overlay;transition:opacity .3s ease,transform .3s ease}.badge-lock-overlay{pointer-events:none;transition:opacity .24s ease,backdrop-filter .24s ease;border-radius:inherit}.badge-card--unlocked{background:linear-gradient(135deg,#a84dff,#5aa2ff);color:#fff}.badge-card--locked{background:linear-gradient(180deg,#ffffffbf,#f5f5f5b3);color:#374151;border:1px solid rgba(0,0,0,.04)}.badge-status{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-status--unlocked{background:linear-gradient(135deg,#fff,#fffc);box-shadow:0 6px 18px #00000014;color:#6b21a8;font-weight:800}.badge-status--locked{background:#ffffff14;border:1px solid rgba(255,255,255,.04);color:#fffc}.badge-check{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#fff,#ffe6ff);color:#7b2cff;font-weight:900;font-size:12px}.badge-lock-overlay{background:linear-gradient(180deg,#ffffffb3,#fff9);mix-blend-mode:normal;opacity:.9}.badge-icon__img{width:36px;height:36px;border-radius:8px}.badge-card h3{font-size:1rem;margin:0}.badge-card p{margin:0}.badge-card .badge-check{box-shadow:0 6px 16px #0000001f}.badges-grid--visible .badge-card{opacity:1;transform:none}.section-pill{display:block;margin-bottom:18px}.section-pill__active{padding:10px 24px;border-radius:18px;font-weight:800;background:linear-gradient(90deg,#b026ff,#e100ff);color:#fff;box-shadow:0 10px 30px #b026ff1f;border:none}.badges-layout{display:grid;grid-template-columns:1fr;gap:32px;align-items:start;margin-bottom:24px}.badges-main{grid-column:1 / -1}.badges-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px}@media(min-width:900px){.badges-layout{grid-template-columns:2fr 360px}.badges-main{grid-column:auto}}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}.page-title{font-size:28px;font-weight:900;margin:0 0 8px}.page-subtitle{margin:0;color:#1d1b2273;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.page-content{animation:float-in .6s ease both}.badges-main{animation:float-in .56s ease both}.badges-sidebar{animation:float-in .6s .06s ease both}.progress-track{width:100%;height:12px;background:#f1f1f1;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #fff9;margin-bottom:20px}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#b026ff,#e100ff);box-shadow:0 6px 20px #b026ff14;transition:width .6s cubic-bezier(.2,.9,.2,1)}.card-body{position:relative;z-index:2;padding:12px}.card-top{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.badge-icon-wrap{width:56px;height:56px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;box-shadow:inset 0 6px 12px #00000008}.card-content{flex:1}.card-title{font-size:1rem;margin:0;font-weight:700}.card-meta{margin-top:6px}.card-desc{margin-top:10px;color:#ffffffd9;font-size:13px;line-height:1.35}.card-desc.locked{color:#6b6b6b}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.04);opacity:.9}.card-date{font-size:11px;font-weight:700;text-transform:uppercase;color:#1d1b2299}.card-dot{width:10px;height:10px;border-radius:999px}.card-dot.unlocked{background:#fff;box-shadow:0 6px 18px #00000014}.card-dot.locked{background:#cfcfcf}.sidebar-progress-val{font-size:36px;font-weight:900;background:linear-gradient(90deg,#b026ff,#e100ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-progress-label{color:#1d1b2273;margin-top:6px;font-size:12px}