:root{--primary-font: "Jost", sans-serif;--heading-font: "Jost", sans-serif;--serif-font: "Cormorant Garamond", serif;--text-color: #e0e0e0;--primary-accent: #8e2de2;--gold-accent: #ffd700;--secondary-accent: #2c1b72;--glow-color: rgba(142, 45, 226, .5);--dark-bg: #120d1a;--input-bg: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--danger-color: #e53935;--success-color: #4CAF50;--header-height: 80px;--section-top-padding: 110px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--primary-font);background:linear-gradient(135deg,#050505,#1c1c1c);background-attachment:fixed;color:var(--text-color);line-height:1.6;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}.container{width:90%;max-width:1100px;margin:0 auto;padding:2rem 0;position:relative;z-index:2}.page-title{text-align:center;font-family:var(--heading-font);font-size:2.2rem;font-weight:700;color:var(--primary-accent);text-transform:uppercase;margin-top:.5rem;margin-bottom:2.5rem;text-shadow:0 0 15px var(--glow-color);line-height:1.1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.page-title__subtitle{font-size:1.5rem;font-weight:300;color:var(--text-color);text-transform:none;text-shadow:none;letter-spacing:1px}.text-content{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8;color:#e0e0e0;text-align:center}.text-content p{margin-bottom:1.5rem}.contact-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:12px;margin-top:2rem;display:inline-block}.contact-info strong{display:block;margin-bottom:.5rem;color:var(--primary-accent)}.contact-email{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .3s}.contact-email:hover{color:var(--gold-accent)}.btn{padding:.9rem 1.8rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;letter-spacing:1px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,opacity .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn--primary{background:linear-gradient(90deg,var(--primary-accent),#6a11cb);color:#fff;box-shadow:0 4px 15px #0006}.btn--primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--glow-color)}.btn--primary:disabled{background:#555;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn--full{width:100%}.btn--secondary{background:#3a3a3a;color:#ccc;border:1px solid #555;font-size:1rem;font-weight:500}.btn--secondary:hover{background-color:var(--primary-accent);color:#fff}.btn--secondary:disabled{background:#2a2a2a;color:#666;border-color:#444;cursor:not-allowed}.btn--gold{background:linear-gradient(90deg,var(--gold-accent),#f9c900);color:#111;box-shadow:0 4px 15px #ffd7004d}.btn--gold:hover{box-shadow:0 6px 20px #ffd70080}.btn--danger{background:linear-gradient(90deg,var(--primary-accent),#6a11cb);box-shadow:0 4px 15px #0006;width:100%}.btn--danger:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--glow-color)}.btn--outline{background:#1e1e1ecc;border:2px solid #fff;color:#fff;box-shadow:0 4px 15px #0003}.btn--outline:hover{background:linear-gradient(90deg,var(--primary-accent),#6a11cb);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px var(--glow-color)}.logout-btn{width:100%;padding:1rem;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);font-size:1.1rem;border-radius:8px;cursor:pointer;transition:background .3s,color .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-btn:hover{background:var(--primary-accent);color:#fff}.form-message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;text-align:center;border:1px solid transparent}.form-message--success{background-color:#ffd7001a;color:#fff;border-color:var(--gold-accent);box-shadow:0 0 15px #ffd7004d}.form-message--error{background-color:#8e2de21a;color:#fff;border-color:var(--primary-accent);box-shadow:0 0 15px #8e2de24d}.section,.user-profile-section{padding-top:var(--section-top-padding);padding-bottom:4rem;background:var(--dark-bg);min-height:100vh}@media(min-width:769px){.section--dreamcatcher{display:flex;flex-direction:column;justify-content:center;padding-top:var(--section-top-padding);padding-bottom:4rem}}@media(max-width:768px){.container{width:100%;padding-left:1.5rem;padding-right:1.5rem}.section{padding-top:90px!important}.page-title{font-size:1.8rem;margin-left:0;margin-right:0;margin-top:0;margin-bottom:1.5rem}.btn{padding:.8rem 1.2rem;font-size:.9rem}}.header{padding:1rem 0;position:absolute;top:0;left:0;width:100%;z-index:1000;background-color:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .4s ease,backdrop-filter .4s ease,padding .4s ease}.header--menu-open{position:fixed!important;top:0;left:0;width:100%;z-index:9999999!important}.header--scrolled{position:fixed;padding:.75rem 0;background-color:#000000bf;border-bottom:1px solid rgba(255,255,255,.1)}.header__container{padding:0;display:flex;justify-content:space-between;align-items:center}.header__nav-wrapper{display:flex;align-items:center;gap:.6rem}.header__logo-btn{background:none;border:none;cursor:pointer;padding:0}.header__brand{font-family:var(--heading-font);font-size:1.8rem;font-weight:700;white-space:nowrap}.header__logo-text--anima{color:var(--gold-accent);text-shadow:0 0 8px rgba(255,215,0,.4)}.header__logo-text--dreams{color:var(--primary-accent);text-shadow:0 0 8px rgba(142,45,226,.4)}.header__logo-full{display:inline}.header__logo-short{display:none}.nav__list{list-style:none;display:flex;align-items:center;gap:.6rem}.nav__item{position:relative}.nav__button{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}.nav__button:hover{background-color:#ffffff1a;color:var(--primary-accent)}.nav__button--active{color:var(--gold-accent)}.nav__button--active:hover{background-color:#ffd7001a}.nav__button svg{width:16px;height:16px}.nav__tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%) scale(.8);background-color:#1a1a1a;color:#fff;padding:6px 12px;border-radius:6px;white-space:nowrap;font-size:.85rem;font-weight:500;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:10}.nav__item:hover .nav__tooltip{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.lang-dropdown{position:absolute;top:100%;right:0;background-color:#1e1e1ee6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:.5rem;margin-top:0;border-top:4px solid transparent;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);min-width:120px;display:flex;flex-direction:column}.lang-dropdown__option{background:none;border:none;color:var(--text-color);padding:.5rem .75rem;text-align:left;cursor:pointer;border-radius:4px;font-size:.9rem;transition:background-color .2s ease,color .2s ease}.lang-dropdown__option:hover{background-color:var(--primary-accent);color:#fff}.lang-dropdown__option--active{font-weight:700;color:#fff}.footer{text-align:center;padding:3rem 0 2rem;background:linear-gradient(90deg,#12091a,#241638);border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;position:relative;z-index:5}.footer__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer__social{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.footer__youtube-group,.footer__others-group{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center}.footer__social svg{width:16px;height:16px}.footer__youtube-group a{display:flex;align-items:center;gap:.4rem;text-decoration:none;background:#ffffff0d;padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.footer__youtube-group a:hover{background:#8e2de233;border-color:var(--primary-accent);transform:translateY(-2px)}.footer__social-lang{font-size:.75rem;font-weight:700;color:var(--text-color)}.footer__social a{color:var(--text-color);transition:color .3s,transform .3s;display:flex;align-items:center;justify-content:center}.footer__others-group a:hover{color:var(--primary-accent);transform:translateY(-3px)}.footer__links{display:flex;gap:.5rem;align-items:center}.footer__links button{background:none;border:none;color:#aaa;cursor:pointer;font-size:1rem;transition:color .3s;font-family:var(--primary-font)}.footer__links button:hover{color:var(--gold-accent)}.footer__copyright{font-size:.8rem;opacity:.5;margin-top:1rem}.intro{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:100;transition:opacity .8s ease-out,visibility .8s;visibility:visible;opacity:1}.intro--exited{opacity:0;visibility:hidden;pointer-events:none}.intro__stage{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out}.intro__stage--active{opacity:1;visibility:visible}@keyframes fadeInOut{0%,to{opacity:0}25%,75%{opacity:1}}.intro__text{font-family:var(--serif-font);font-style:italic;font-size:1.5rem;font-weight:400;color:#fff;text-align:center;padding:1rem;animation:fadeInOut 2s ease-in-out forwards}.intro__video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.intro__video-element{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.welcome__bg-video{position:absolute;top:50%;left:50%;width:100vw;height:100vh;object-fit:cover;transform:translate(-50%,-50%);z-index:-2}.welcome__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:-1}.welcome__content{text-align:center;padding:1rem;z-index:1;display:flex;flex-direction:column;align-items:center}@keyframes pulse-glow-sequence{0%,50%,to{filter:drop-shadow(0 0 5px rgba(93,61,124,.2))}25%{filter:drop-shadow(0 0 20px rgba(108,52,131,.8))}75%{filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}}.welcome__logo{width:400px;max-width:90%;margin-bottom:.5rem;animation:pulse-glow-sequence 5s ease-in-out infinite}.welcome__title{font-family:var(--serif-font);font-size:1.5rem;font-style:italic;font-weight:400;margin-bottom:1.5rem;color:#fff}.welcome__subtitle{font-size:1.1rem;font-weight:300;max-width:600px;margin:0 auto 2.5rem}.welcome__subtitle p:first-child{margin-bottom:.75rem}.app-container{opacity:0;transition:opacity .8s ease-in .5s;display:flex;flex-direction:column;min-height:100vh}.app-container--visible{opacity:1}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero__slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out;display:flex;align-items:center}.hero__slide--active{opacity:1;z-index:1}.hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8) 10%,transparent 50%);z-index:1}.hero__content{position:relative;z-index:10;color:#fff;text-align:left;max-width:900px;animation:slideUp 1s ease-out forwards;display:flex;flex-direction:column;align-items:flex-start}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero__title{font-family:var(--heading-font);font-size:4.5rem;font-weight:900;text-transform:uppercase;color:#fff;-webkit-text-stroke:8px var(--primary-accent);paint-order:stroke fill;letter-spacing:-3px;margin-bottom:.5rem;line-height:1.1;display:inline-block;background:none;box-shadow:none;transform:none;font-style:normal;text-shadow:0 4px 10px rgba(0,0,0,.5)}.hero__subtitle-box{font-size:1.1rem;font-weight:700;text-transform:uppercase;color:#000;background-color:var(--gold-accent);padding:.6rem 1.2rem;margin-bottom:1.5rem;line-height:1.2;display:inline-block;text-shadow:none;border-radius:4px;box-shadow:0 4px 10px #0000004d}.hero__desc{font-size:1.2rem;font-weight:400;color:#fff;margin-bottom:2rem;line-height:1.5;text-shadow:0 2px 4px rgba(0,0,0,.8);max-width:800px}.hero__actions{display:flex;gap:1rem}@keyframes goldenPulse{0%{filter:drop-shadow(0 0 2px rgba(255,215,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(255,215,0,1));transform:scale(1.15)}to{filter:drop-shadow(0 0 2px rgba(255,215,0,.4));transform:scale(1)}}.hero__nav{position:absolute;top:120px;background:transparent;border:none;color:var(--gold-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;animation:goldenPulse 2.5s infinite}.hero__nav:hover{color:#fff;animation:goldenPulse 1s infinite}.hero__nav--prev{left:2rem}.hero__nav--next{right:2rem}.hero__nav svg{width:40px;height:40px}@media(max-width:768px){.hero__nav{top:100px}.hero__nav--prev{left:1rem}.hero__nav--next{right:1rem}.hero__nav svg{width:32px;height:32px}}@media(max-width:900px){.header__container{display:flex;justify-content:space-between}.header__nav-wrapper{display:flex;justify-content:flex-end;gap:.6rem}.header__logo-full{display:none}.header__logo-short{display:inline}.header__brand{font-size:2.2rem}}@media(max-width:768px){.header__container{display:flex;justify-content:space-between;align-items:center;padding-left:1.5rem;padding-right:1.5rem}.header__nav-wrapper{display:flex;align-items:center;gap:.6rem}.hero__title{font-size:2.5rem;-webkit-text-stroke:4px var(--primary-accent)}.hero__subtitle-box{font-size:.9rem;padding:.4rem .8rem}.intro__text{font-size:1.3rem}.welcome__logo{width:320px}}.dream-grid,.community-dreams-grid,.animated-dreams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%}.dream-grid--header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.view-toggle{display:flex;gap:.5rem}.view-toggle__btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);padding:.5rem;border-radius:8px;cursor:pointer;display:flex}.view-toggle__btn--active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.dream-card{background:#1a1524;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--input-border);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;width:100%}.dream-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0006}.dream-card__image{position:relative;height:180px;background-color:#111}.dream-card__image img{width:100%;height:100%;object-fit:cover}.dream-card__tags{position:absolute;top:1rem;left:1rem;display:flex;gap:.5rem}.tag{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.dream-card__content{padding:1rem;flex-grow:1}.dream-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.dream-card__title{font-size:1.3rem;color:var(--primary-accent)!important;margin:0;border-bottom:1px solid var(--primary-accent);padding-bottom:.25rem;display:inline-block}.dream-card__description{font-size:.9rem;opacity:.8;margin-bottom:1rem}.dream-card__footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;opacity:.7}.status-pill{padding:.2rem .6rem;border-radius:12px;font-weight:500}.status-pill--private{background:#ffffff1a}.status-pill--shared{background:#ffd70033;color:var(--gold-accent)}.dream-card__actions{display:flex;border-top:1px solid var(--input-border)}.card-action-btn{flex:1;background:none;border:none;padding:.75rem;color:#aaa;cursor:pointer;transition:background-color .2s ease,color .2s ease}.card-action-btn:not(:last-child){border-right:1px solid var(--input-border)}.card-action-btn:hover{background:var(--primary-accent);color:#fff}.card-action-btn:disabled{opacity:.3;cursor:not-allowed}.profile-tabs{display:flex;justify-content:center;border-bottom:1px solid var(--input-border);margin-bottom:2rem}.profile-tab{background:none;border:none;color:#888;padding:1rem 2rem;font-size:1.2rem;font-weight:500;cursor:pointer;position:relative;transition:color .3s ease}.profile-tab:hover,.profile-tab--active{color:#fff}.profile-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--primary-accent)}.panel-title{font-size:1.8rem;color:var(--primary-accent);margin-bottom:1.5rem;font-weight:700}.community-tabs{max-width:600px;margin-left:auto;margin-right:auto}.video-card{background:#1a1524;border-radius:12px;overflow:hidden;border:1px solid var(--input-border);display:flex;flex-direction:column;width:100%}.video-card__thumbnail{position:relative;cursor:pointer}.video-card__thumbnail img{width:100%;display:block;aspect-ratio:16 / 9;object-fit:cover}.video-card__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.video-card:hover .video-card__play-btn{transform:translate(-50%,-50%) scale(1.1);background:var(--primary-accent)}.video-card__info{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.video-actions{margin-top:auto;padding-top:1.25rem}.language-flags{display:flex;flex-wrap:wrap;gap:.5rem}.language-flags button{background:var(--input-bg);border:1px solid var(--input-border);color:#aaa;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;cursor:pointer}.language-flags button.active{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.community-card-footer-content{display:flex;justify-content:space-between;align-items:center;width:100%}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-color);font-size:.95rem}.author-location{font-size:.8rem;opacity:.6;font-style:italic}.filter-bar{margin-bottom:2rem;display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}@media(max-width:600px){.filter-bar{justify-content:center}}.filter-bar__container{position:relative}.filter-bar__btn{background:var(--input-bg);border:none;color:var(--text-color);padding:.4rem .8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;transition:background-color .2s,color .2s}.filter-bar__btn svg{width:14px;height:14px}.filter-bar__btn--active{background:#8e2de266;color:#fff;font-weight:500}.filter-bar__dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#1e192b;border:1px solid var(--input-border);border-radius:8px;padding:.5rem;z-index:100;min-width:120px;max-height:300px;overflow-y:auto;font-size:.85rem}@media(max-width:600px){.filter-bar__dropdown{right:auto;left:0}.filter-bar__dropdown--types{left:50%;transform:translate(-50%);right:auto}}.filter-bar__dropdown button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-color);padding:.4rem .8rem;border-radius:4px;cursor:pointer;margin-bottom:2px}.filter-bar__dropdown button:hover{background:var(--primary-accent)}.filter-bar__dropdown--types{min-width:350px;padding:0;overflow:hidden;font-size:.9rem}.dropdown-item-all{width:100%;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:.6rem!important;font-weight:700;font-size:.85rem;border-radius:0!important;letter-spacing:.5px}.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto}.dropdown-grid::-webkit-scrollbar{width:4px}.dropdown-grid::-webkit-scrollbar-track{background:#ffffff05}.dropdown-grid::-webkit-scrollbar-thumb{background:var(--primary-accent);border-radius:2px}.dropdown-grid button{text-align:left;padding:.4rem .8rem!important;border-radius:0!important;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-grid button:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)!important}@media(max-width:600px){.filter-bar__dropdown--types{min-width:280px;max-width:90vw}.dropdown-grid{grid-template-columns:1fr}.dropdown-grid button:nth-child(odd){border-right:none!important}}.calendar{background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.calendar__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar__nav button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem}.calendar__nav button:hover{color:var(--primary-accent)}.calendar__month-label{font-size:1.2rem;font-weight:600;text-transform:capitalize}.calendar__header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:.5rem;opacity:.7;font-size:.9rem}.calendar__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar__day{aspect-ratio:1;background:#ffffff05;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background-color .2s}.calendar__day--empty{background:transparent;cursor:default}.calendar__day:not(.calendar__day--empty):hover{background:#ffffff1a}.calendar__day--selected{background:var(--primary-accent);color:#fff}.calendar__dot{width:6px;height:6px;background-color:var(--gold-accent);border-radius:50%;margin-top:4px}.calendar__selected-label{margin-bottom:1.5rem;font-size:1.1rem;color:var(--primary-accent);text-transform:capitalize}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tip-card{background:#1a1524;border-radius:12px;overflow:hidden;border:1px solid var(--input-border);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.tip-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0006;border-color:var(--primary-accent)}.tip-card__thumbnail{width:100%;aspect-ratio:16/9;overflow:hidden;background-color:#000;position:relative}.tip-card__thumbnail video{width:100%;height:100%;object-fit:cover;filter:grayscale(60%) brightness(.6);transition:filter .3s ease}.tip-card:hover .tip-card__thumbnail video{filter:grayscale(0%) brightness(1)}.tip-card__content{padding:1.5rem;flex-grow:1;display:flex;align-items:center;justify-content:center}.tip-card__content h3{font-size:1.2rem;font-weight:600;color:#fff;text-align:center}.region-header{color:#fff;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem;letter-spacing:1px}.purple-bold{color:var(--primary-accent);font-weight:700}.gold-link{color:var(--gold-accent);text-decoration:none;transition:opacity .2s;font-weight:500}.gold-link:hover{text-decoration:underline;opacity:.8}.tip-list-item{margin-bottom:1rem;font-size:1rem;line-height:1.6;color:#ccc;font-weight:300}.tip-paragraph{font-size:1rem;line-height:1.8;color:#ccc;margin-bottom:.5rem;font-weight:300}.quote-box{background:linear-gradient(135deg,rgba(142,45,226,.1),transparent);border-left:4px solid var(--primary-accent);padding:2rem;border-radius:0 12px 12px 0;font-style:italic;margin-bottom:2rem;position:relative}.quote-box:before{content:"“";position:absolute;top:.5rem;left:1rem;font-size:3rem;color:var(--primary-accent);opacity:.3;font-family:var(--serif-font)}.highlight-box{background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:2.5rem 2rem;margin-bottom:2rem;text-align:center;box-shadow:0 0 20px #ffd70026;position:relative;overflow:hidden}.highlight-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 60%);animation:rotate 20s linear infinite;z-index:0;pointer-events:none}.highlight-box h4,.highlight-box div{position:relative;z-index:1}.highlight-box h4,.tip-subsection.highlight-box h4{color:var(--gold-accent);font-size:1.4rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.highlight-box .tip-paragraph,.highlight-box div{font-weight:300;font-size:1.1rem;color:#fff;line-height:1.8}.api-key-notice{background:linear-gradient(135deg,#8e2de21a,#0006);border:1px solid var(--input-border);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:600px;margin:2rem auto;box-shadow:0 10px 40px #0000004d}.api-key-notice__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.api-key-notice__icon{width:80px;height:80px;background:#8e2de233;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-accent);margin-bottom:.5rem}.api-key-notice__icon svg{width:40px;height:40px}.api-key-notice__title{font-size:1.8rem;color:#fff;margin:0;font-weight:700}.api-key-notice__text{font-size:1.1rem;color:#ccc;line-height:1.6;margin:0}.user-greeting{font-family:Jost,sans-serif;font-weight:300;font-size:1.5rem;color:#fff;margin-bottom:2rem;text-align:left}.dreamcatcher-container{max-width:800px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s ease}.dreamcatcher-container--result,.dreamcatcher-container--saved{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:1rem 0}.record-section,.result-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.record-btn-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:0 auto}.record-btn{width:100px;height:100px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-accent),#6a11cb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #8e2de266;transition:all .3s ease;z-index:2}.dream-card-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.dream-card-wrapper{position:relative;display:flex;align-items:center;gap:2rem}.dream-card-container{perspective:1000px;width:320px;height:568px;position:relative}.dream-card-inner{width:100%;height:100%;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;cursor:pointer}.dream-card-inner.flipped{transform:rotateY(180deg)}.dream-card-front,.dream-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #00000080}.dream-card-front{background:#000;border:4px solid var(--gold-accent);display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.dream-card-front img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:.85}.dream-card-front .card-title-overlay{position:relative;z-index:2;width:100%;padding:2rem 1rem 1.5rem;background:linear-gradient(to top,#000000e6,#0000);text-align:center}.dream-card-front h2{font-family:Jost,sans-serif;color:var(--gold-accent);font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0;line-height:1.2}.flip-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;color:var(--gold-accent);font-family:Jost,sans-serif;font-size:.9rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8);cursor:pointer;z-index:10;background:#0006;padding:10px 20px;border-radius:30px;border:1px solid var(--gold-accent);transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flip-hint:hover{background:#0009;color:#fff;border-color:#fff;transform:translate(-50%,-50%) scale(1.05)}.flip-hint svg{width:20px;height:20px}.dream-card-back{background:linear-gradient(135deg,#1a1524,#0d0a14);transform:rotateY(180deg) translateZ(1px);-webkit-transform:rotateY(180deg) translateZ(1px);border:2px solid var(--gold-accent);padding:1.2rem;display:flex;flex-direction:column;overflow:hidden}.dream-card-back::-webkit-scrollbar{width:6px}.dream-card-back::-webkit-scrollbar-track{background:transparent;margin:1rem 0}.dream-card-back::-webkit-scrollbar-thumb{background:var(--gold-accent);border-radius:3px;border:2px solid transparent;background-clip:padding-box}.dream-card-back>*{padding-right:1rem}.no-transform{transform:none!important}.dream-card-back h3{font-family:Jost,sans-serif;color:var(--gold-accent);font-size:1.15rem;line-height:1.2;margin-bottom:.6rem;border-bottom:1px solid rgba(255,215,0,.3);padding-bottom:.5rem;word-wrap:break-word}.dream-card-back .meta-info{font-size:.75rem;color:#aaa;margin-bottom:.8rem;display:flex;flex-direction:column;gap:.2rem;background:#ffffff0d;padding:.4rem;border-radius:4px}.dream-card-back .meta-info span strong{color:var(--primary-accent)}.dream-card-back .section-title{font-size:.85rem;color:var(--gold-accent);margin-top:.8rem;margin-bottom:.3rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-left:2px solid var(--gold-accent);padding-left:.5rem}.dream-card-back p{font-size:.82rem;line-height:1.5;color:#eee;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:15;-webkit-box-orient:vertical;overflow:hidden}.card-floating-actions{display:flex;flex-direction:column;gap:.5rem}.floating-action-btn{width:25px;height:25px;border-radius:50%;background:var(--primary-accent);color:#fff;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #8e2de266;transition:all .3s ease;position:relative}.floating-action-btn:hover{transform:scale(1.1);background:#6a11cb;border-color:var(--gold-accent)}.floating-action-btn svg{width:12px;height:12px}.floating-action-btn:after{content:attr(data-tooltip);position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:10px;background:#000c;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.floating-action-btn:hover:after{opacity:1}.saved-dreams-gallery{margin-top:4rem;width:100%}.saved-dreams-gallery h3{font-family:Jost,sans-serif;color:var(--primary-accent);font-size:1.6rem;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:4px;font-weight:700}.mini-cards-container{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;width:100%;margin:0 auto;padding-bottom:2rem}@media(min-width:400px){.mini-cards-container{grid-template-columns:repeat(2,1fr)}}@media(min-width:600px){.mini-cards-container{grid-template-columns:repeat(3,1fr)}}@media(min-width:800px){.mini-cards-container{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.mini-cards-container{grid-template-columns:repeat(6,1fr)}}.mini-dream-card{width:100%;border-radius:8px;position:relative;cursor:pointer;transition:transform .2s ease;flex-shrink:0}.mini-dream-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #ffd7004d}.btn-delete-dream{margin-top:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 16px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;font-size:.85rem;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.btn-delete-dream:hover{color:#ff4d4d;border-color:#ff4d4d;background:#ff4d4d26;transform:scale(1.05)}.btn-delete-dream:active{transform:scale(.95)}.btn-delete-dream svg{pointer-events:none}.mini-dream-card img{width:100%;height:100%;object-fit:cover}.mini-dream-card .mini-title{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;color:#fff;font-size:.7rem;padding:.3rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.dream-card-wrapper{flex-direction:column;position:relative}.card-floating-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;position:absolute;top:-50px;bottom:auto;left:50%;transform:translate(-50%);width:100%;z-index:100;gap:.5rem}.floating-action-btn{width:40px;height:40px}.floating-action-btn svg{width:20px;height:20px}.floating-action-btn:after{display:none}.mini-cards-container{justify-content:flex-start}}.record-btn svg{width:40px;height:40px}.record-btn--recording{background:#8a2be2!important;color:#fff!important;box-shadow:0 0 30px #8a2be280!important}.record-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:#d4af374d;z-index:1;pointer-events:none}.record-btn--recording+.record-waves{background:#8a2be24d;animation:pulse-recording 1.5s infinite}@keyframes pulse-recording{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.record-label{font-family:Jost,sans-serif;font-weight:600;font-size:.9rem;color:#fff;letter-spacing:.1em;margin-top:.5rem;margin-bottom:2rem;text-align:center}.dream-input-group{width:100%;margin-bottom:1.5rem;text-align:left}.input-label{display:block;font-family:Jost,sans-serif;font-weight:600;font-size:.8rem;color:#fff;text-transform:uppercase;margin-bottom:.5rem}.dream-title-input,.dream-description-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.8rem 1rem;color:#fff;font-family:Jost,sans-serif;font-size:1rem;transition:border-color .3s ease}.dream-title-input:focus,.dream-description-textarea:focus{outline:none;border-color:#d4af37}.dream-description-textarea{min-height:120px;resize:vertical}.dreamcatcher-actions{width:100%;display:flex;gap:1rem;margin-top:2rem}.action-btn{flex:1;padding:.8rem;border-radius:8px;font-family:Jost,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border:none}.action-btn--interpret{background:#d4af37;color:#000}.action-btn--interpret:hover{background:#c5a028;transform:translateY(-2px)}.action-btn--save{background:#d4af37;color:#000}.action-btn--discard{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn--disabled{background:#333;color:#666;cursor:not-allowed;border:1px solid #444444}.result-image-container{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:2rem;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.dream-result-image{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-style:italic}.interpretation-box{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-top:1.5rem;text-align:left;transition:all .5s ease}.dreamcatcher-container--result .interpretation-box,.dreamcatcher-container--saved .interpretation-box{background:transparent;border:none;padding-left:0;padding-right:0}.interpretation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.interpretation-title{font-family:Jost,sans-serif;font-weight:600;font-size:1rem;color:#d4af37;text-transform:uppercase}.play-btn{background:none;border:none;color:#d4af37;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.play-btn:hover{background:#d4af371a}.interpretation-text{font-family:Jost,sans-serif;font-size:1rem;line-height:1.6;color:#ffffffe6;margin-bottom:1.5rem}.interpretation-footer{display:flex;gap:.5rem;font-size:.8rem}.dream-type-label{color:#ffffff80;text-transform:uppercase}.dream-type-value{color:#d4af37;font-weight:600}.dreamcatcher-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:2rem}.dreamcatcher-modal-overlay--interpreting{background:#000000e6!important}.interpreting-modal{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;max-width:500px;width:100%}.interpreting-logo-container{margin-bottom:1rem;position:relative}.interpreting-dreamcatcher{width:120px;height:auto;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));animation:interpreting-glow 2s infinite ease-in-out}@keyframes interpreting-glow{0%,to{filter:drop-shadow(0 0 10px rgba(212,175,55,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(212,175,55,.8));transform:scale(1.05)}}.interpreting-text{font-family:Jost,sans-serif;font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:.2em;text-shadow:0 0 10px rgba(255,255,255,.5)}.success-modal-v2{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;width:90%;max-width:450px;text-align:center;box-shadow:0 20px 50px #00000080}.success-title-v2{font-family:Jost,sans-serif;font-weight:700;font-size:1.5rem;color:#fff;margin-bottom:1rem}.success-text-v2{font-family:Inter,sans-serif;font-size:1rem;color:#ffffffb3;line-height:1.5;margin-bottom:2rem}.success-divider{height:1px;background:#ffffff1a;margin-bottom:2rem}.compartirlo-label{font-family:Inter,sans-serif;font-weight:600;font-size:.8rem;color:#ffffff80;margin-bottom:1.5rem}.success-actions-v2{display:flex;gap:1.5rem;justify-content:center}.success-btn{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .3s ease;border:none}.success-btn--yes{background:#d4af37;color:#000}.success-btn--yes:hover{background:#c5a028;transform:scale(1.1)}.success-btn--no{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.success-btn--no:hover{background:#fff3;transform:scale(1.1)}.dreamcatcher-history{margin-top:4rem;border-top:1px solid var(--input-border);padding-top:2rem}.dreamcatcher-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dreamcatcher-history__title{font-size:1.4rem;color:var(--primary-accent);margin:0}.dreamcatcher-history__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.history-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.history-card:hover{transform:translateY(-4px);border-color:var(--primary-accent);box-shadow:0 4px 20px #8e2de233}.history-card__image{height:80px;background:#000;position:relative}.history-card__image img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .3s ease}.history-card:hover .history-card__image img{opacity:1}.history-card__content{padding:.6rem;background:linear-gradient(to top,#1a1524,transparent)}.history-card__title{font-size:.8rem;font-weight:500;color:#fff;margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card__date{font-size:.65rem;color:#666;margin:0}.delete-history-btn{position:absolute;top:4px;right:4px;background:#00000080;border:none;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease;z-index:3}.history-card:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{background:var(--primary-accent)}.delete-history-btn svg{width:12px;height:12px}.about-highlight-box{background:linear-gradient(135deg,rgba(255,215,0,.1),transparent);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:2.5rem 2rem;margin:2rem 0;text-align:center;box-shadow:0 0 20px #ffd70026;position:relative;overflow:hidden}.about-highlight-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 60%);animation:rotate 20s linear infinite;z-index:0;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-invite-title{font-size:1.4rem;color:var(--gold-accent);font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.about-invite-list{list-style:none;text-align:left;max-width:600px;margin:0 auto 1.5rem;position:relative;z-index:1}.about-invite-list li{margin-bottom:.8rem;font-size:1.1rem;color:#fff;font-weight:300}.about-invite-note{font-size:.9rem;opacity:.8;font-style:italic;position:relative;z-index:1}.about-thanks-section{text-align:center}.about-thanks-title{font-size:1.4rem;color:var(--primary-accent);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.special-thanks-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.special-thanks-list li{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem 1rem;transition:all .3s ease}.special-thanks-list li:hover{background:var(--primary-accent);border-color:var(--primary-accent);transform:translateY(-2px);box-shadow:0 4px 10px #8e2de24d}.special-thanks-list a{color:#e0e0e0;text-decoration:none;font-size:.95rem;font-weight:500}.special-thanks-list li:hover a{color:#fff}.contact-email-highlight{font-size:1.3rem;font-weight:700;color:#fff;text-decoration:none;display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.contact-email-highlight:hover{background:#fff3;border-color:var(--gold-accent);transform:scale(1.02)}.tip-detail__main-text{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;color:#e0e0e0;font-weight:300}@media(max-width:480px){.dream-grid,.community-dreams-grid,.animated-dreams-grid{grid-template-columns:1fr}.quote-box,.highlight-box{padding:1.5rem;border-radius:8px}.contact-email-highlight{font-size:1.1rem;word-break:break-all}}@media(min-width:901px){.desktop-only{display:flex!important}.mobile-only{display:none!important}}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.header__mobile-controls{display:flex;align-items:center;gap:.75rem}.mobile-lang-trigger,.mobile-search-trigger{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-color);padding:.5rem .75rem;border-radius:50px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease}.mobile-lang-trigger:hover,.mobile-search-trigger:hover{background:#ffffff26;border-color:var(--primary-accent)}.mobile-lang-trigger svg,.mobile-search-trigger svg{width:16px;height:16px}.mobile-lang-dropdown{top:60px;right:120px;z-index:200}.pastel-menu-btn{background:linear-gradient(135deg,#ffd70026,#8e2de226);border:1px solid rgba(255,215,0,.4);color:var(--gold-accent);padding:.5rem 1rem;border-radius:50px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 15px #ffd7001a}.pastel-menu-btn:hover{background:linear-gradient(135deg,#ffd7004d,#8e2de24d);border-color:var(--gold-accent);transform:scale(1.05);box-shadow:0 0 20px #ffd70040;color:#fff}.pastel-menu-btn svg{width:16px;height:16px;transition:transform .3s ease}.pastel-menu-btn:hover svg{transform:rotate(15deg)}.pastel-menu-btn__text{font-size:.8rem;letter-spacing:.08em;font-weight:800}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#0e0817fa,#05020afc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999999!important;display:flex;justify-content:center;align-items:center;padding:1.5rem;overflow-y:auto}.mobile-menu-content{background:#1a1524cc;border:1px solid rgba(255,255,255,.08);border-radius:20px;width:100%;max-width:500px;margin:0;padding:2rem;box-shadow:0 20px 50px #000000b3;display:flex;flex-direction:column;gap:2rem}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.mobile-menu-title{font-family:var(--heading-font);font-size:1.4rem;font-weight:800;letter-spacing:.05em;color:#fff}.mobile-menu-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-menu-close:hover{background:var(--primary-accent);border-color:var(--primary-accent);transform:rotate(90deg)}.mobile-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.mobile-menu-item{width:100%;background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:1.25rem;color:#fff;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-size:1.1rem;font-weight:500}.mobile-menu-item:not(.mobile-menu-item--active):hover{background:linear-gradient(90deg,#8e2de233,#1a152466);border-color:#8e2de299;transform:translate(6px);color:#fff}.mobile-menu-item:not(.mobile-menu-item--active):active{transform:translate(2px) scale(.98)}.mobile-menu-item--active{background:linear-gradient(90deg,#ffd70026,#ffd70008)!important;border-color:var(--gold-accent)!important;color:var(--gold-accent)!important;font-weight:700!important;cursor:default!important;pointer-events:none!important}.mobile-menu-item__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-menu-item__icon svg{width:20px;height:20px}.mobile-menu-item--active .mobile-menu-item__icon svg{stroke:var(--gold-accent)}.mobile-menu-item__indicator{margin-left:auto;color:var(--gold-accent);font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5);animation:goldenPulse 2s infinite}.mobile-menu-footer{text-align:center;font-size:.8rem;opacity:.4;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .35s cubic-bezier(.16,1,.3,1) forwards}.totems-section{padding:6rem 0;min-height:80vh}.totems-subtitle{font-size:1.15rem;color:#ffffffb3;line-height:1.6;margin-bottom:30px}.totems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center;gap:2.5rem;width:100%}.totem-card{background:linear-gradient(180deg,#1d152a,#12091c);border-radius:16px;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0000004d;max-width:270px;width:100%;margin:0 auto;height:500px}.totem-card:hover{transform:translateY(-8px);border-color:#ffd70066;box-shadow:0 20px 40px #8e2de233,0 0 25px #ffd70014}.totem-card__thumbnail-wrapper{position:relative;width:100%;aspect-ratio:3 / 5;overflow:hidden;cursor:pointer;background-color:#0c0613}.totem-card__image{width:270px;height:500px;object-fit:cover;transform:scale(1.15);transition:transform .6s cubic-bezier(.16,1,.3,1)}.totem-card:hover .totem-card__image{transform:scale(1.25)}.totem-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0000001a,#140921d9);opacity:.85;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.totem-card:hover .totem-card__overlay{opacity:1;background:linear-gradient(180deg,#8e2de226,#140921f2)}.totem-card__play-btn{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-accent),#4512e6);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #8e2de280;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.totem-card__play-btn svg{width:28px;height:28px;fill:#fff;margin-left:3px}.totem-card:hover .totem-card__play-btn{transform:scale(1.15);background:linear-gradient(135deg,var(--gold-accent),#cc9900);box-shadow:0 8px 25px #ffd70066}.totem-card__aspect-badge{position:absolute;top:1rem;right:1rem;background:#000000a6;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#fff}.totem-card__info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.totem-card__title{font-family:var(--heading-font);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.3}.totem-card:hover .totem-card__title{color:var(--gold-accent)}.totem-card__subtitle{font-size:.9rem;color:#fff9;line-height:1.4;font-weight:300;margin-bottom:1.5rem}.totem-language-flags{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.totem-lang-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-color);padding:.45rem .25rem;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease}.totem-lang-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.totem-lang-btn.active{background:linear-gradient(135deg,#ffd70033,#ffd7000d);color:var(--gold-accent);border-color:var(--gold-accent)}.totem-lang-btn.active:hover{background:linear-gradient(135deg,#ffd7004d,#ffd7001a)}.flag-emoji{font-size:.95rem}@media(max-width:600px){.totems-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}}.dreamcatcher-form-container{max-width:800px;margin:0 auto}.form{display:flex;flex-direction:column;gap:1.5rem;text-align:left;margin-bottom:2rem}.form__row{display:flex;gap:1.5rem}.form__row>.form__group{flex:1}.form__group{display:flex;flex-direction:column}.form__label{margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form__input,.form__textarea,.form__select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:.8rem 1rem;color:#fff;font-size:1rem;font-family:var(--primary-font);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form__input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7);cursor:pointer;transition:opacity .2s ease}.form__input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.form__input:focus,.form__textarea:focus,.form__select:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 10px var(--glow-color)}.form__textarea{min-height:120px;resize:vertical}.form__actions{display:flex;gap:1rem;width:100%}.form__actions>button{flex:1}.input-with-icon{position:relative;width:100%}.input-with-icon .form__input,.input-with-icon .form__textarea{padding-right:2.5rem}.input-icon-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.input-with-icon textarea+.input-icon-btn{top:15px;transform:none}.input-icon-btn:hover{color:var(--gold-accent);background:#ffffff1a}.input-icon-btn--recording{color:#e74c3c;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}to{transform:translateY(-50%) scale(1)}}.input-with-icon textarea+.input-icon-btn--recording{animation:pulse-red-textarea 1.5s infinite}@keyframes pulse-red-textarea{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.form-separator{display:flex;align-items:center;justify-content:center;margin:2rem 0 1rem;position:relative;width:100%}.form-separator:before,.form-separator:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.5),transparent)}.form-separator span{padding:0 1.5rem;color:var(--primary-accent);font-family:var(--heading-font);font-size:1rem;letter-spacing:4px;text-transform:uppercase;font-weight:600;text-shadow:0 0 10px rgba(142,45,226,.3)}.setup-modal-overlay{padding:1rem;overflow-y:auto;align-items:flex-start!important}.setup-modal-content{margin-top:2rem;margin-bottom:2rem;max-height:none!important}@media(max-width:480px){.setup-modal-content{padding:1.5rem!important}.setup-modal-content h2{font-size:1.5rem}.setup-modal-content p{font-size:.9rem;margin-bottom:1.5rem!important}}.dreamcatcher__record-container{margin-bottom:2.5rem;padding-top:1rem;display:flex;flex-direction:column;align-items:center}.dreamcatcher__btn{width:140px;height:140px;border-radius:50%;border:none;cursor:pointer;background-color:var(--gold-accent);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 0 25px #ffd70066;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%{box-shadow:0 0 25px #ffd70066}50%{box-shadow:0 0 40px #ffd700b3}to{box-shadow:0 0 25px #ffd70066}}.dreamcatcher__btn--recording{background-color:var(--primary-accent);color:#fff;box-shadow:0 0 25px var(--glow-color);animation:pulse-purple 1.5s infinite}@keyframes pulse-purple{0%{box-shadow:0 0 25px var(--glow-color)}50%{box-shadow:0 0 40px #8e2de2cc}to{box-shadow:0 0 25px var(--glow-color)}}.dreamcatcher__icon svg{width:60px;height:60px}.dreamcatcher__label{margin-top:1.5rem;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.settings-panel{max-width:600px;margin:0 auto}.settings__section{background:#ffffff08;padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--input-border)}.settings__photo-uploader{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.settings__photo-preview-wrapper{position:relative;cursor:pointer}.settings__photo-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-accent)}.settings__photo-default{display:flex;align-items:center;justify-content:center;background-color:transparent}.settings__photo-default svg{width:48px;height:48px;color:#fff;transition:color .3s ease}.settings__photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.settings__photo-preview-wrapper:hover .settings__photo-overlay{opacity:1}.settings__section--danger{border-color:var(--primary-accent);background:#8e2de20d}.auth__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a050fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease}.auth__wrapper{display:flex;flex-direction:column;align-items:center;width:90%;max-width:480px}.auth__header{text-align:center;margin-bottom:1.5rem}.auth__logo{width:120px;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.auth__intro{font-size:.9rem;line-height:1.5;opacity:.8;color:#fff;margin-bottom:1.5rem}.auth__header p{font-size:.9rem;line-height:1.5;opacity:.8;color:#fff}.auth__content{width:100%;position:relative;background:#191322 radial-gradient(circle,#261a3880,#120d1a00 70%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem 2rem 2rem;box-shadow:0 15px 50px #00000080;color:#e0e0e0;display:flex;flex-direction:column;max-height:90vh}.auth__close{position:absolute;top:10px;right:15px;background:none;border:none;color:#888;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;justify-content:center;padding:5px}.auth__close svg{width:24px;height:24px}.auth__close:hover{color:#fff}.auth__title{text-align:center;font-family:Jost,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:1px;color:var(--primary-accent);text-shadow:0 0 8px var(--glow-color)}.auth__tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;flex-shrink:0}.auth__tab{flex:1;background:none;border:none;color:#888;padding:1rem 0;font-size:1.1rem;font-weight:500;cursor:pointer;transition:color .3s ease;position:relative;font-family:Jost,sans-serif}.auth__tab:hover,.auth__tab--active{color:#fff}.auth__tab--active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-accent);box-shadow:0 0 8px var(--glow-color)}.auth__form-container{overflow-y:auto;flex-grow:1;padding:.5rem 1rem .5rem .5rem}.auth__form-container::-webkit-scrollbar{width:8px}.auth__form-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.auth__form-container::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:10px}.auth__form-container::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.auth__form{display:flex;flex-direction:column}.auth__row{display:flex;gap:1rem;width:100%}.auth__row>.auth__group{flex:1}.auth__group{margin-bottom:1.25rem}.auth__label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#aaa}.auth__input{width:100%;background:#1f192c;border:1px solid #332d41;border-radius:8px;padding:.8rem 1rem;color:#fff;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.auth__input:focus{outline:none;border-color:var(--primary-accent);box-shadow:0 0 10px var(--glow-color)}.auth__footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.auth__remember{display:flex;align-items:center;gap:.5rem;color:#aaa;cursor:pointer}.auth__remember input{accent-color:var(--primary-accent)}.auth__forgot{color:var(--gold-accent);text-decoration:none;transition:opacity .2s}.auth__forgot:hover{text-decoration:underline;opacity:.8}.auth__input-wrapper{position:relative}.auth__input-wrapper .auth__input{padding-right:3rem}.auth__password-toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;padding:.5rem}.auth__password-toggle:hover{color:#fff}.auth__options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.auth__checkbox-group{display:flex;align-items:center;font-size:.9rem}.auth__checkbox{margin-right:.5rem}.auth__link{color:#aaa;text-decoration:none;font-size:.9rem;margin-top:1rem;text-align:center;display:block}.auth__link:hover{color:var(--primary-accent);text-decoration:underline}.api-key-tutorial{background:#ffffff0d;padding:1.2rem;border-radius:12px;margin-bottom:1.5rem;border:1px dashed rgba(212,175,55,.3);transition:all .3s ease}.api-key-tutorial:hover{background:#ffffff14;border-color:#d4af3780}.api-key-tutorial h4{color:var(--gold-accent);margin-bottom:.8rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.api-key-tutorial ul{list-style:none;padding:0;margin:0}.api-key-tutorial li{font-size:.85rem;line-height:1.5;margin-bottom:.5rem;color:#fffc;position:relative;padding-left:1.2rem}.api-key-tutorial li:before{content:"→";position:absolute;left:0;color:var(--gold-accent);font-weight:700}.api-key-tutorial li:last-child{margin-bottom:0}@media(max-width:768px){.form__row{flex-direction:column}.form__textarea{min-height:100px}}@media(max-width:480px){.auth__row{flex-direction:column;gap:0}.auth__group{margin-bottom:1.25rem}.auth__content{padding:2rem 1.5rem}.auth__tab{font-size:1rem}}@media(max-width:480px),(max-height:850px){.auth__overlay{align-items:flex-start;padding-top:2rem;overflow-y:auto}.auth__wrapper{margin-top:2rem;margin-bottom:2rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:101;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--dark-bg);padding:2.5rem;border-radius:12px;border:1px solid var(--input-border);text-align:center;max-width:450px;width:90%;box-shadow:0 10px 40px #0009}.modal-content h3{font-size:1.5rem;color:var(--gold-accent);margin-bottom:1rem}.modal-content p{margin-bottom:2rem;line-height:1.7}.modal-actions{display:flex;gap:1rem;justify-content:center}.glass-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.glass-modal{background:#140a1e66;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:3rem;max-width:600px;width:90%;position:relative;box-shadow:0 20px 50px #00000080;color:#fff;text-align:center}.glass-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:1.5rem}.glass-modal__close:hover{color:#fff}.glass-modal__title{font-size:2rem;color:var(--primary-accent);margin-bottom:1.5rem;text-transform:uppercase;font-weight:700}.glass-modal__text{font-size:1.1rem;line-height:1.8;color:#e0e0e0}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.video-modal-content{position:relative;width:90%;max-width:1200px}.video-modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1}.video-responsive-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.dream-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a050fcc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;z-index:2000;animation:fadeIn .3s ease;padding:1rem;overflow-y:auto}.dream-detail__content{background:#1e192b;border-radius:16px;border:1px solid var(--input-border);width:90%;max-width:650px;padding:2rem;box-shadow:0 15px 50px #00000080;display:flex;flex-direction:column;margin:auto}.dream-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.dream-detail__title{font-size:1.8rem;font-weight:700;color:var(--primary-accent)}.dream-detail__like-btn{display:flex;align-items:center;gap:.4rem;background:var(--input-bg);border:none;border-radius:8px;padding:.4rem .8rem;color:var(--text-color);font-size:.85rem;transition:background-color .2s ease;cursor:default}.dream-detail__like-btn svg{width:14px;height:14px}.dream-detail__like-btn--interactive{cursor:pointer}.dream-detail__like-btn--interactive:hover{background-color:#8e2de299}.dream-detail__like-btn--liked{background-color:var(--primary-accent);color:#fff;border-color:var(--primary-accent);box-shadow:0 0 10px #8e2de266}.dream-detail__meta{font-size:.9rem;color:#aaa;margin-bottom:1.5rem}.dream-detail__image{width:100%;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;aspect-ratio:16 / 9;background-color:#111}.dream-detail__image img{width:100%;height:100%;object-fit:cover;display:block}.dream-detail__section{margin-bottom:1.5rem}.dream-detail__section h3{font-size:1.3rem;color:var(--primary-accent);margin-bottom:.75rem;font-weight:700}.dream-detail__section-header{display:flex;justify-content:space-between;align-items:center}.dream-detail__play-btn{background:none;border:none;color:var(--gold-accent);cursor:pointer;padding:.5rem;transition:transform .2s ease}.dream-detail__play-btn--active{animation:pulse-gold-glow 2.5s infinite ease-in-out}@keyframes pulse-gold-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px var(--gold-accent))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px var(--gold-accent))}}.dream-detail__play-btn svg{width:20px;height:20px;fill:var(--gold-accent)}.dream-detail__text{line-height:1.7;color:var(--text-color)}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,215,0,.3);border-radius:50%;border-top-color:var(--gold-accent);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.dream-detail__footer{text-align:center;margin-top:1rem}.dream-detail__close-btn{background:var(--input-bg);border:1px solid var(--input-border);color:#aaa;padding:.75rem 2rem;border-radius:8px;cursor:pointer;transition:background-color .2s,color .2s}.dream-detail__close-btn:hover{background-color:var(--primary-accent);color:#fff}.tip-detail-view{background:var(--dark-bg);min-height:100vh;padding-top:0;padding-bottom:4rem}.tip-detail__hero{position:relative;width:100%;height:50vh;max-height:500px;min-height:300px;overflow:hidden}.tip-detail__hero video{width:100%;height:100%;object-fit:cover}.tip-detail__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(18,13,26,.3),var(--dark-bg))}.tip-detail__title-container{width:100%;position:absolute;bottom:2rem;left:0;padding:0 1.5rem;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.tip-detail__title-container h1{font-size:2.2rem;font-family:var(--heading-font);color:var(--primary-accent);text-shadow:0 0 20px rgba(0,0,0,.8);margin-bottom:1rem}.tip-detail__back-btn{position:fixed;top:100px;right:2rem;z-index:90;background:#8e2de2cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,transform .3s;box-shadow:0 4px 15px #0000004d}.tip-detail__back-btn:hover{background:var(--primary-accent);transform:scale(1.1)}.tip-detail__body{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.tip-detail__main-text{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;color:#e0e0e0}.tip-subsection{margin-bottom:2.5rem}.tip-subsection h4{font-size:1.3rem;color:var(--primary-accent);margin-bottom:1rem;text-transform:uppercase}.overlay-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#120d1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:#fff;text-align:center}.overlay-loading__logo{width:150px;margin-bottom:2rem;animation:interpret-glow 3s infinite ease-in-out}@keyframes interpret-glow{0%,to{filter:drop-shadow(0 0 10px rgba(142,45,226,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,215,0,.8));transform:scale(1.05)}}.overlay-loading p{font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.interpretation__image-container{margin-bottom:2rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080;max-width:800px;margin-left:auto;margin-right:auto}.interpretation__image-container img{width:100%;display:block}.interpretation__box{background:var(--input-bg);border-left:4px solid var(--primary-accent);border-radius:8px;padding:1.5rem;text-align:left;margin:2rem auto;position:relative;max-width:800px}.interpretation__box h3{margin-bottom:.75rem;font-size:1.2rem;color:#fff}.interpretation__box p{margin-bottom:1rem}.interpretation__type{font-size:.9rem;opacity:.8}.interpretation__tts-btn{position:absolute;top:1rem;right:1rem;background:var(--gold-accent);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dark-bg);box-shadow:0 0 15px #ffd70080;transition:transform .2s ease}.interpretation__tts-btn:hover{transform:scale(1.1)}.interpretation__tts-btn svg{width:20px;height:20px}.spotlight-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding-top:20vh;animation:fadeIn .3s ease}.spotlight-container{width:650px;max-width:90%;background:#1e1928d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px #0009;display:flex;flex-direction:column;overflow:hidden;max-height:60vh}.spotlight-input-wrapper{display:flex;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.spotlight-input-wrapper svg{width:28px;height:28px;color:#aaa;margin-right:1rem}.spotlight-input{background:transparent;border:none;font-size:1.5rem;color:#fff;width:100%;font-family:var(--primary-font);font-weight:300}.spotlight-input:focus{outline:none}.spotlight-input::placeholder{color:#ffffff4d}.spotlight-results{overflow-y:auto;padding:.5rem}.spotlight-results::-webkit-scrollbar{width:6px}.spotlight-results::-webkit-scrollbar-track{background:transparent}.spotlight-results::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.spotlight-section{margin-bottom:1rem}.spotlight-section-title{font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin:.5rem 1rem;font-weight:600}.spotlight-result-item{display:flex;align-items:center;width:100%;background:transparent;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;text-align:left;transition:background-color .2s;color:var(--text-color)}.spotlight-result-item:hover{background:#8e2de233}.spotlight-result-item svg{width:20px;height:20px;margin-right:1rem;opacity:.7;flex-shrink:0}.spotlight-item-text{display:flex;flex-direction:column;overflow:hidden}.spotlight-item-title{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.spotlight-item-subtitle{font-size:.8rem;color:#ffffff80;margin-top:2px}.spotlight-no-results{padding:2rem;text-align:center;color:#fff6;font-style:italic}@media(max-width:768px){.dream-detail__image{display:block;min-height:200px}.tip-detail__title-container{width:100%;left:0;transform:none;padding:0 1.5rem;bottom:2rem}.tip-detail__title-container h1{font-size:1.8rem}.tip-detail__body{padding:3rem 1.5rem}}@media(max-width:480px){.dream-detail__content{padding:1.5rem}.dream-detail__title{font-size:1.5rem}}