:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{position:fixed;top:0;left:0;right:0;width:100%;background:#0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.header-content{display:flex;justify-content:space-between;align-items:center;height:80px;width:100%;position:relative}.header-content h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-align:left}.user-section{display:flex;align-items:center;gap:1.5rem;margin-left:auto;position:relative}.welcome-text{color:#e0e7ff;font-size:.95rem;font-weight:500;opacity:.9;white-space:nowrap}.user-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:.75rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-button:hover{background:#fff3;transform:scale(1.05)}.dropdown-menu{position:absolute;right:0;top:calc(100% + .75rem);background:#242424e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;width:180px;z-index:1001;box-shadow:0 10px 40px #0003}.dropdown-item{display:block;width:100%;padding:.875rem 1.25rem;text-align:left;color:#fff;background:none;border:none;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:500}.dropdown-item:hover{background:#fff3;color:#fff;transform:translate(2px)}.dropdown-item+.dropdown-item{border-top:1px solid rgba(255,255,255,.15)}@media (max-width: 768px){.header-container{padding:0 1.5rem}.header-content{height:70px}.header-content h1{font-size:1.25rem}.welcome-text{display:none}.user-section{gap:1rem}}@media (max-width: 480px){.header-container{padding:0 1rem}.header-content{height:60px}.header-content h1{font-size:1.1rem}.user-button{padding:.5rem}.dropdown-menu{width:150px;right:-.5rem}}.signin-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#000;padding:2rem 2rem 0;position:relative;overflow:visible;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.signin-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.05"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="200" cy="200" r="100" fill="url(%23a)"/><circle cx="800" cy="300" r="150" fill="url(%23a)"/><circle cx="400" cy="700" r="80" fill="url(%23a)"/></svg>');opacity:.2;animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.signin-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;width:100%;max-width:420px;box-shadow:0 25px 50px #0000004d;position:relative;z-index:1;animation:slideUp .6s ease-out;transition:all .3s ease;margin:2rem auto;min-height:auto;max-height:none}.signin-card.signup-mode{max-width:480px;padding:2.5rem}.signin-header{text-align:center;margin-bottom:2.5rem}.signin-card.signup-mode .signin-header{margin-bottom:2rem}.signin-icon{width:64px;height:64px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow:hidden;padding:8px}.logo-image{width:100%;height:100%;object-fit:contain;border-radius:50%}.signin-card.signup-mode .signin-icon{width:56px;height:56px;margin:0 auto 1rem}.signin-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.signin-card.signup-mode .signin-title{font-size:1.8rem;margin-bottom:.25rem}.signin-subtitle{color:#b3b3b3;font-size:1rem;opacity:.9;margin:0;line-height:1.4}.signin-subtitle.signup-mode{font-size:.9rem;line-height:1.3}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.signin-form.signup-mode{gap:1.25rem}.input-icon{position:absolute;left:1rem;color:#b3b3b3;opacity:.7;z-index:1;pointer-events:none}.signin-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signin-card.signup-mode .signin-input{padding:.875rem .875rem .875rem 2.75rem;font-size:.95rem}.signin-input::placeholder{color:#666;opacity:.7}.signin-input:focus{outline:none;border-color:#ffffff4d;background:#ffffff14;box-shadow:0 0 0 3px #ffffff0d}.signin-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#b3b3b3;cursor:pointer;opacity:.7;transition:opacity .3s ease;padding:.25rem;display:flex;align-items:center;justify-content:center}.password-requirements{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;margin:.5rem 0;display:none}.password-requirements.signup-mode{display:block;padding:.75rem;margin:.25rem 0}.requirements-title{color:#b3b3b3;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.signin-card.signup-mode .requirements-title{font-size:.8rem;margin-bottom:.4rem}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.signin-card.signup-mode .requirements-list{gap:.2rem}.requirements-list li{color:#fff6;font-size:.75rem;position:relative;padding-left:1.25rem;transition:color .3s ease}.signin-card.signup-mode .requirements-list li{font-size:.7rem;padding-left:1rem}.requirements-list li.valid{color:#10b981}.requirements-list li.valid:before{content:"✓";color:#10b981}.signin-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #ff475733;margin-top:.5rem}.signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.signin-button:active:not(:disabled){transform:translateY(0)}.signin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-card.signup-mode .signin-button{padding:.875rem 1.25rem;font-size:.95rem}.forgot-password{text-align:center;margin-top:1.5rem}.forgot-password button{background:none;border:none;color:#b3b3b3;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:0}.forgot-password button:hover:not(:disabled){color:#fff}.forgot-password button:disabled{opacity:.6;cursor:not-allowed}.signin-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);text-align:center}.signin-card.signup-mode .signin-footer{margin-top:1.5rem;padding-top:1.5rem}.signin-footer p{color:#b3b3b3;font-size:.9rem;margin:0}.signin-card.signup-mode .signin-footer p{font-size:.85rem}.signup-link{color:#fff;background:none;border:none;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;padding:0;outline:none}.signup-link:hover:not(:disabled){color:#b3b3b3}.signup-link:disabled{opacity:.6;cursor:not-allowed}.signup-link:focus{outline:2px solid rgba(255,255,255,.2);outline-offset:2px;border-radius:2px}@media (max-width: 768px){.signin-container{padding:1.5rem 1.5rem 0;min-height:auto}.signin-card,.signin-card.signup-mode{padding:2rem;border-radius:16px;max-width:100%!important;margin:1rem auto 2rem}}@media (max-width: 480px){.signin-container{padding:1rem 1rem 0;min-height:auto}.signin-card,.signin-card.signup-mode{padding:1.5rem;border-radius:16px;max-width:100%!important;margin:1rem auto 2rem;min-height:auto}.signin-title{font-size:1.75rem}.signin-card.signup-mode .signin-title{font-size:1.6rem}.signin-input{padding:.875rem .875rem .875rem 2.75rem}.signin-card.signup-mode .signin-input{padding:.75rem .75rem .75rem 2.5rem}.signin-button{padding:.875rem 1.25rem}.signin-card.signup-mode .signin-button{padding:.75rem 1rem}}.settings-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#000;padding:1rem;padding-top:80px}.subscription-features{background:#ffffff0d;border-radius:12px;padding:1rem;margin:.75rem 0;border:1px solid rgba(255,255,255,.1)}.subscription-features h4{color:#fff;margin:0 0 .75rem;font-size:1rem;font-weight:600}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.features-list li{color:#e0e7ff;font-size:.85rem;position:relative;padding-left:1.25rem;opacity:.9}.features-list li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.premium-highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.card-input-row{display:flex;gap:.5rem;margin-bottom:1rem}.card-input-row .input-group{flex:1;margin-bottom:0}.pricing-info{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:.75rem;margin:.75rem 0;text-align:center}.pricing-info .price{font-size:1.25rem;font-weight:700;color:#86efac;margin:0}.pricing-info .price-description{color:#86efac;font-size:.8rem;margin:.25rem 0 0;opacity:.8}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:1rem}.settings-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:900px;max-height:calc(100vh - 140px);box-shadow:0 25px 50px #0000004d;overflow:hidden;animation:slideUp .6s ease-out;display:flex;flex-direction:column}.settings-header{background:#ffffff0d;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);position:relative;flex-shrink:0}.back-button{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:8px;color:#fff;padding:.5rem .75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.8rem;box-shadow:0 4px 15px #ff475733}.settings-title{font-size:1.5rem;font-weight:700;color:#fff;margin:2rem 0 .25rem;text-align:center}.settings-subtitle{color:#e0e7ff;font-size:.9rem;opacity:.9;margin:0;text-align:center}.settings-content{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:0}.settings-tabs{background:#ffffff08;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:row;gap:.25rem;overflow-x:auto;overflow-y:hidden;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-button{background:none;border:none;color:#e0e7ff;padding:.75rem 1rem;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;font-weight:500;white-space:nowrap;flex-shrink:0;border-radius:8px;min-width:fit-content}.tab-button:hover{background:#ffffff1a;color:#fff}.tab-button.active{background:#ffffff26;color:#fff}.settings-panel{flex:1;padding:1rem;overflow-y:auto;overflow-x:hidden;min-height:0}.tab-content h2{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.tab-content h3{color:#fff;font-size:1.2rem;font-weight:600;margin:1.5rem 0 .75rem}.info-section{background:#ffffff08;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.08)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-item:last-child{border-bottom:none}.info-item label{color:#e0e7ff;font-weight:600;opacity:.9;font-size:.9rem}.info-value{color:#fff;font-weight:500;font-size:.9rem}.subscription-badge{padding:.25rem .5rem;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem}.subscription-badge.free{background:#9ca3af33;color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.subscription-badge.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:1px solid rgba(251,191,36,.5)}.settings-form{background:#ffffff08;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.08)}.input-group{margin-bottom:1rem}.input-group label{display:block;color:#e0e7ff;font-weight:600;margin-bottom:.5rem;font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.75rem;color:#e0e7ff;opacity:.7;z-index:1;pointer-events:none}.settings-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-input::placeholder{color:#e0e7ff;opacity:.7}.settings-input:focus{outline:none;border-color:#fff6;background:#ffffff1f;box-shadow:0 0 0 3px #ffffff1a}.settings-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#e0e7ff;cursor:pointer;opacity:.7;transition:opacity .3s ease;padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle:hover:not(:disabled){opacity:1}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.password-requirements{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin:1rem 0}.requirements-title{color:#e0e7ff;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.requirements-list li{color:#fff9;font-size:.85rem;position:relative;padding-left:1.5rem;transition:color .3s ease}.requirements-list li:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:700}.requirements-list li.valid{color:#86efac}.requirements-list li.valid:before{content:"✓";color:#22c55e}.settings-button{padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;margin-top:.5rem}.settings-button.primary{background:linear-gradient(135deg,#ff4757,#3742fa);color:#fff;box-shadow:0 4px 15px #ff475733}.settings-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.settings-button.danger{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.settings-button.danger:hover:not(:disabled){background:#ef44444d;transform:translateY(-2px);box-shadow:0 8px 25px #ef444433}.settings-button:active:not(:disabled){transform:translateY(0)}.settings-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.danger-zone{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:2rem}.danger-zone h2{color:#fca5a5;margin-bottom:1rem}.danger-warning{color:#fca5a5;font-size:1rem;margin-bottom:2rem;line-height:1.6;opacity:.9}.response-message{padding:1rem;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-top:1rem;animation:fadeIn .3s ease-out}.response-message.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.settings-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.settings-tabs::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (min-width: 769px){.settings-container{padding:2rem;padding-top:100px}.settings-card{max-width:900px;border-radius:24px;height:auto;max-height:calc(100vh - 140px)}.settings-header{padding:2rem}.back-button{top:2rem;left:2rem;padding:.5rem 1rem;font-size:.9rem;gap:.5rem}.settings-title{font-size:2.5rem;margin:2rem 0 .5rem}.settings-subtitle{font-size:1.1rem}.settings-content{flex-direction:row}.settings-tabs{flex-direction:column;width:280px;padding:2rem 0;border-right:1px solid rgba(255,255,255,.1);border-bottom:none;overflow-x:visible;overflow-y:auto}.tab-button{text-align:left;justify-content:flex-start;padding:1rem 2rem;font-size:1rem;border-radius:0}.tab-button.active{border-right:3px solid #ffffff}.settings-panel{padding:2rem}.tab-content h2{font-size:2rem;margin-bottom:1.5rem}.tab-content h3{font-size:1.5rem;margin:2rem 0 1rem}.settings-form,.info-section{padding:2rem;margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.settings-input{padding:1rem 1rem 1rem 3rem;font-size:1rem}.input-icon{left:1rem}.password-toggle{right:1rem}.settings-button{padding:1rem 2rem;font-size:1rem;margin-top:1rem}.card-input-row{gap:1rem;margin-bottom:1.5rem}.subscription-features{padding:1.5rem;margin:1rem 0}.subscription-features h4{font-size:1.1rem;margin-bottom:1rem}.features-list li{font-size:.9rem;padding-left:1.5rem}.pricing-info{padding:1rem;margin:1rem 0}.pricing-info .price{font-size:1.5rem}.pricing-info .price-description{font-size:.9rem}.info-item{padding:1rem 0}.info-item label,.info-value{font-size:1rem}.subscription-badge{padding:.375rem .75rem;font-size:.85rem;border-radius:20px}}@media (max-width: 768px) and (orientation: portrait){.card-input-row{flex-direction:column;gap:0}.card-input-row .input-group{margin-bottom:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 768px) and (orientation: landscape){.settings-container{padding-top:60px}.settings-card{height:calc(100vh - 80px)}.settings-header{padding:.75rem}.settings-title{font-size:1.25rem;margin:1rem 0 .25rem}.settings-subtitle{font-size:.8rem}.back-button{top:.75rem;left:.75rem;padding:.4rem .6rem;font-size:.75rem}.tab-button{padding:.5rem .75rem;font-size:.8rem}.settings-panel{padding:.75rem}.tab-content h2{font-size:1.25rem;margin-bottom:.75rem}.tab-content h3{font-size:1.1rem;margin:1rem 0 .5rem}}.tab-button{white-space:nowrap;padding:.75rem 1rem;border-right:none;border-bottom:3px solid transparent;flex-shrink:0;min-width:fit-content;font-size:.9rem;gap:.5rem}.tab-button.active{border-right:none;border-bottom:3px solid #ffffff}.settings-panel{padding:1rem;max-height:calc(100vh - 260px);overflow-y:auto}.back-button{position:static;margin-bottom:1rem}.settings-title{font-size:2rem;margin:0 0 .5rem}.card-input-row{flex-direction:column;gap:0}.card-input-row .input-group{margin-bottom:1.5rem}.info-section,.settings-form{padding:1.5rem}@media (max-width: 480px){.settings-container{padding:.5rem;padding-top:80px}.settings-card{border-radius:16px;max-height:calc(100vh - 90px)}.settings-header{padding:1rem}.settings-title{font-size:1.5rem;margin:1rem 0 .5rem}.settings-subtitle{font-size:.95rem}.settings-tabs{padding:.5rem;gap:.25rem}.tab-button{padding:.6rem .8rem;font-size:.85rem;gap:.4rem;min-width:auto}.settings-panel{padding:1rem;max-height:calc(100vh - 240px)}.settings-form,.info-section{padding:1rem}.tab-content h2{font-size:1.25rem;margin-bottom:1rem}.tab-content h3{font-size:1.1rem;margin:1.5rem 0 .75rem}.settings-input{padding:.75rem .75rem .75rem 2.5rem;font-size:.95rem}.settings-button{padding:.75rem 1.25rem;font-size:.95rem}.subscription-features{padding:1rem}.subscription-features h4{font-size:1rem}.features-list li{font-size:.85rem}.pricing-info{padding:.75rem}.pricing-info .price{font-size:1.25rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 0}.info-item label{font-size:.9rem}.info-value{font-size:.95rem}.subscription-badge{font-size:.75rem;padding:.25rem .5rem}.settings-tabs::-webkit-scrollbar{height:3px}.settings-tabs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.settings-tabs::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.settings-tabs::-webkit-scrollbar-thumb:hover{background:#ffffff80}}.dream-interpreter{max-width:800px;margin:0 auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 50px #00000026}.interpreter-header{text-align:center;margin-bottom:2rem}.interpreter-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.interpreter-subtitle{color:#e0e7ff;font-size:1rem;opacity:.9;margin:0}.dream-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.dream-label{color:#e0e7ff;font-weight:600;font-size:1rem}.dream-textarea{width:100%;padding:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.dream-textarea::placeholder{color:#e0e7ff;opacity:.7}.dream-textarea:focus{outline:none;border-color:#fff6;background:#ffffff1f;box-shadow:0 0 0 3px #ffffff1a}.dream-textarea:disabled{opacity:.6;cursor:not-allowed}.character-count{font-size:.85rem;color:#e0e7ff;opacity:.7;text-align:right}.media-options{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.media-toggle{margin-bottom:1rem}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}span.toggle-slider{position:relative;width:50px;height:24px;background:#ef4444!important;border-radius:24px;transition:all .3s ease;border:1px solid #dc2626!important;display:inline-block}span.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff!important;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+span.toggle-slider{background:linear-gradient(135deg,#ff4757,#3742fa)!important;border:1px solid rgba(255,71,87,.8)!important;box-shadow:0 0 15px #ff47574d}.toggle-input:checked+span.toggle-slider:before{left:28px;background:#fff!important}.toggle-input:disabled+span.toggle-slider{opacity:.5;cursor:not-allowed}span.toggle-text{color:#fff;font-weight:600;display:flex;align-items:center;gap:.5rem}.premium-required{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#fbbf24;font-weight:500}.media-settings{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.media-type-label,.style-label{color:#e0e7ff;font-weight:600;margin-bottom:.75rem;display:block}.media-type-buttons{display:flex;gap:.75rem}.media-type-btn{flex:1;padding:.75rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.media-type-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.media-type-btn.active{background:linear-gradient(135deg,#ff4757,#3742fa);border-color:#ff475799;box-shadow:0 4px 15px #ff475733}.media-type-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.media-type-btn.premium-disabled{background:#ffffff0d;border-color:#ffffff1a;opacity:.7;position:relative}.media-type-btn.premium-disabled:hover{background:#ffffff14;transform:none;cursor:not-allowed}.premium-mini-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px}.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.style-btn{padding:1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.style-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.style-btn.active{background:linear-gradient(135deg,#ff4757,#3742fa);border-color:#ff475799;box-shadow:0 4px 15px #ff475733}.style-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.style-name{font-weight:600;margin-bottom:.25rem}.style-description{font-size:.85rem;opacity:.8}.interpret-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:1rem;box-shadow:0 4px 15px #ff475733}.interpret-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.interpret-button:active:not(:disabled){transform:translateY(0)}.interpret-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}.response-message{padding:1rem;border-radius:12px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-top:1rem;animation:fadeIn .3s ease-out}.response-message.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.response-message.info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.interpretation-result{display:flex;flex-direction:column;gap:2rem}.result-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.result-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.success-icon{color:#22c55e}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.share-button{padding:.5rem 1rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.new-dream-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ff475733}.new-dream-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.dream-summary,.interpretation-content,.media-result{background:#ffffff0d;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.dream-summary h4,.interpretation-content h4,.media-result h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.dream-text{color:#e0e7ff;line-height:1.6;margin:0;font-style:italic}.interpretation-text{color:#fff;line-height:1.7;font-size:1rem}.dream-image,.dream-video{width:100%;max-width:100%;border-radius:12px;box-shadow:0 8px 32px #0003}.dream-video{max-height:400px}.result-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.timestamp{color:#e0e7ff;font-size:.85rem;opacity:.7}@media (max-width: 768px){.dream-interpreter{padding:1.5rem;margin:1rem}.style-grid{grid-template-columns:1fr}.media-type-buttons{flex-direction:column}.result-header{flex-direction:column;align-items:flex-start}.result-header h3{font-size:1.25rem}.header-actions{width:100%;justify-content:stretch}.share-button,.new-dream-btn{flex:1;justify-content:center}}@media (max-width: 480px){.dream-interpreter{padding:1rem;margin:.5rem;border-radius:16px}.interpreter-title{font-size:1.5rem}.dream-summary,.interpretation-content,.media-result{padding:1rem}.header-icon{width:56px;height:56px}.interpreter-title{font-size:1.75rem}.dream-form{gap:1.25rem}.media-options{padding:1rem}.interpret-button{padding:.875rem 1.25rem;font-size:.95rem}.header-actions{flex-direction:column;width:100%}.share-button,.new-dream-btn{width:100%;justify-content:center}}.social-share-panel{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;margin:1rem 0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.social-share-panel h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;text-align:center}.social-share-panel p{color:#e0e7ff;text-align:center;margin-bottom:1.5rem;opacity:.9}.social-share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.social-btn.twitter{background:#1da1f233;border-color:#1da1f266}.social-btn.twitter:hover{background:#1da1f24d;box-shadow:0 8px 25px #1da1f233}.social-btn.facebook{background:#1877f233;border-color:#1877f266}.social-btn.facebook:hover{background:#1877f24d;box-shadow:0 8px 25px #1877f233}.social-btn.whatsapp{background:#25d36633;border-color:#25d36666}.social-btn.whatsapp:hover{background:#25d3664d;box-shadow:0 8px 25px #25d36633}.social-btn.copy{background:#9ca3af33;border-color:#9ca3af66}.social-btn.copy:hover{background:#9ca3af4d;box-shadow:0 8px 25px #9ca3af33}.shareable-url{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem}.shareable-url label{color:#e0e7ff;font-size:.9rem;font-weight:600;display:block;margin-bottom:.5rem}.url-container{display:flex;align-items:center;gap:.5rem}.url-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem .75rem;font-size:.85rem;font-family:Courier New,monospace}.url-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.copy-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#fff3;transform:scale(1.05)}.close-share-btn{width:100%;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:12px;color:#fff;padding:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff475733}.close-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.share-button{background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#86efac;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.share-button:hover:not(:disabled){background:#22c55e40;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e33}.share-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.social-share-buttons{grid-template-columns:repeat(2,1fr);gap:.75rem}.social-btn{padding:.6rem .8rem;font-size:.85rem}.social-share-panel{padding:1rem}.url-input{font-size:.8rem;padding:.4rem .6rem}}@media (max-width: 480px){.social-share-buttons{grid-template-columns:1fr;gap:.5rem}.social-btn{padding:.7rem 1rem;font-size:.9rem}.header-actions{flex-direction:column;width:100%}.share-button,.new-dream-btn{width:100%;justify-content:center}}.journal-container{max-width:1000px;margin:0 auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 50px #00000026;min-height:600px}.journal-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.journal-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.journal-subtitle{color:#e0e7ff;font-size:1rem;opacity:.9;margin:0}.journal-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.date-selector{display:flex;align-items:center;gap:1rem;background:#ffffff14;border-radius:12px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2)}.date-selector label{color:#e0e7ff;font-weight:600;font-size:.9rem;white-space:nowrap}.date-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem .75rem;font-size:.9rem;min-width:80px;transition:all .3s ease}.date-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.date-input:disabled{opacity:.6;cursor:not-allowed}.fetch-button{background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:10px;color:#fff;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 4px 15px #ff475733}.fetch-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.fetch-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.journal-content{min-height:400px}.journal-entries{display:flex;flex-direction:column;gap:1.5rem}.journal-entry{background:#ffffff14;border-radius:16px;padding:2.5rem 1.5rem 1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.journal-entry:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;margin-top:.5rem;flex-wrap:wrap;gap:.5rem}.entry-actions{display:flex;gap:.5rem;position:absolute;top:1rem;right:1rem;z-index:2}.share-button{background:#22c55e33;border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#86efac;padding:.4rem .6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500}.share-button:hover:not(:disabled){background:#22c55e4d;transform:scale(1.05)}.share-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-button{background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:8px;color:#fff;padding:.4rem .6rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.8rem;font-weight:500;box-shadow:0 2px 8px #ff475733}.delete-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.entry-dream{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;border-left:3px solid rgba(255,255,255,.3)}.dream-text{color:#fff;line-height:1.6;font-size:.95rem;margin:0;font-style:italic}.interpretation-text{color:#fff;line-height:1.6;font-size:.95rem;margin:0}.entry-media{margin-top:1rem}.dream-image,.dream-video{width:100%;max-width:400px;border-radius:12px;box-shadow:0 8px 32px #0003;transition:transform .3s ease}.dream-video{max-height:300px}.entry-type-badge{position:absolute;top:1rem;left:1rem;background:#ffffff26;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);z-index:1}@media (max-width: 768px){.journal-container{padding:1.5rem;margin:1rem}.journal-controls{flex-direction:column;align-items:stretch}.date-selector{justify-content:center;flex-wrap:wrap}.journal-entry{padding:2rem 1rem 1rem}.entry-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-top:1rem}.entry-actions{position:static;align-self:flex-end;margin-top:.5rem}.entry-type-badge{position:static;align-self:flex-start;margin-bottom:.5rem}.dream-image,.dream-video{max-width:100%}}@media (max-width: 480px){.journal-container{padding:1rem;margin:.5rem;border-radius:16px}.header-icon{width:56px;height:56px}.journal-title{font-size:1.5rem}.journal-subtitle{font-size:.9rem}.date-selector{padding:.5rem;gap:.5rem}.date-input{min-width:70px;padding:.4rem .6rem;font-size:.85rem}.fetch-button{padding:.6rem 1rem;font-size:.85rem}.journal-entry{padding:.75rem}.dream-text,.interpretation-text{font-size:.9rem}.dream-label,.interpretation-label,.media-label,.entry-date{font-size:.8rem}.delete-button,.share-button{font-size:.75rem;padding:.3rem .5rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.entry-actions{position:relative}.entry-actions>div>div[style*="position: absolute"]{right:0!important;left:auto!important;min-width:160px!important}}.public-wall-container{max-width:1200px;margin:0 auto;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 50px #00000026;min-height:600px}.public-wall-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.header-icon{width:64px;height:64px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.public-wall-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.public-wall-subtitle{color:#e0e7ff;font-size:1rem;opacity:.9;margin:0}.wall-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.refresh-button{background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:10px;color:#fff;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;box-shadow:0 4px 15px #ff475733}.refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.entries-count{color:#e0e7ff;font-size:.9rem;opacity:.8;background:#ffffff0d;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.wall-content{min-height:400px}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text,.empty-text,.error-text{color:#e0e7ff;font-size:1.1rem;opacity:.9;margin:0}.empty-icon,.error-icon{width:64px;height:64px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#e0e7ff;opacity:.7}.wall-entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;align-items:start}.wall-entry{background:#ffffff14;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:fit-content}.wall-entry:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 32px #00000026}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.entry-date{color:#e0e7ff;font-size:.85rem;opacity:.8;background:#ffffff1a;padding:.25rem .75rem;border-radius:12px;font-weight:500}.entry-type-badge{background:#ffffff26;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:.25rem}.entry-type-badge.image{background:#22c55e33;border-color:#22c55e66;color:#86efac}.entry-type-badge.video{background:#9333ea33;border-color:#9333ea66;color:#c4b5fd}.entry-type-badge.text{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.entry-dream{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;border-left:3px solid rgba(255,255,255,.3);flex-grow:1}.dream-label{color:#e0e7ff;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.dream-text{color:#fff;line-height:1.6;font-size:.95rem;margin:0;font-style:italic;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.entry-interpretation{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1rem;border-left:3px solid rgba(102,126,234,.6)}.interpretation-label{color:#e0e7ff;font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.interpretation-text{color:#fff;line-height:1.6;font-size:.95rem;margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.entry-media{margin:1rem 0;text-align:center}.media-label{color:#e0e7ff;font-size:.85rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.8;display:block}.dream-image,.dream-video{width:100%;max-width:100%;border-radius:12px;box-shadow:0 8px 32px #0003;transition:transform .3s ease}.dream-image:hover{transform:scale(1.02)}.dream-video{max-height:250px}.entry-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.vote-section{display:flex;align-items:center;gap:.5rem}.vote-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem .75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;min-width:60px;justify-content:center}.vote-button:hover:not(:disabled){background:linear-gradient(135deg,#ff4757,#3742fa);border-color:#ff475799;transform:scale(1.05);box-shadow:0 4px 15px #ff475733}.vote-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.vote-button.upvote:hover:not(:disabled){background:#22c55e33;border-color:#22c55e66;color:#86efac}.vote-button.downvote:hover:not(:disabled){background:#ef444433;border-color:#ef444466;color:#fca5a5}.vote-count{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:.5rem .75rem;font-weight:600;font-size:.9rem;min-width:50px;text-align:center}.vote-count.positive{background:#22c55e26;border-color:#22c55e4d;color:#86efac}.vote-count.negative{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.expand-button{background:linear-gradient(135deg,#ff4757,#3742fa);border:none;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;border-radius:6px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #ff475733}.expand-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.dream-text.expanded,.interpretation-text.expanded{display:block}.vote-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;color:#fff;padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.public-wall-container{padding:1.5rem;margin:1rem}.wall-controls{flex-direction:column;align-items:stretch}.wall-entries{grid-template-columns:1fr;gap:1.5rem}.wall-entry{padding:1rem}.entry-header{flex-direction:column;align-items:flex-start;gap:.75rem}.entry-footer{flex-direction:column;gap:1rem;align-items:stretch}.vote-section{justify-content:center}.dream-image,.dream-video{max-width:100%}}@media (max-width: 480px){.public-wall-container{padding:1rem;margin:.5rem;border-radius:16px}.header-icon{width:56px;height:56px}.public-wall-title{font-size:1.5rem}.public-wall-subtitle{font-size:.9rem}.wall-entry{padding:.75rem}.dream-text,.interpretation-text{font-size:.9rem}.dream-label,.interpretation-label,.media-label,.entry-date{font-size:.8rem}.vote-button{padding:.4rem .6rem;font-size:.8rem;min-width:50px}.vote-count{padding:.4rem .6rem;font-size:.85rem;min-width:45px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff;margin:0;padding:0}.homepage-container{min-height:100vh;display:flex;flex-direction:column;width:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.homepage-container .main-content{flex:1;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:2rem!important;margin-top:80px!important;text-align:center!important;width:100%!important;max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;min-height:calc(100vh - 80px)!important}.hero-section{width:100%;max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:0}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:#fff;line-height:1.2}.hero-subtitle{font-size:1.2rem;color:#e0e7ff;margin-bottom:2rem;line-height:1.6;opacity:.9}.welcome-message{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;margin:2rem auto;box-shadow:0 8px 32px #0000001a;width:100%;max-width:500px;text-align:center}.welcome-message p{font-size:1.1rem;line-height:1.6;color:#f8fafc;margin:0}.action-buttons{width:100%;max-width:800px;margin:2rem auto 0;display:flex;flex-direction:column;gap:3rem}.primary-action-btn{background:linear-gradient(135deg,#ff4757,#3742fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:20px;padding:2rem;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:1.5rem;box-shadow:0 8px 32px #ff475733;width:100%;max-width:500px;margin:0 auto}.primary-action-btn:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.button-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.button-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.button-description{font-size:1rem;color:#e0e7ff;opacity:.9;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%}.feature-card{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.feature-card>svg{color:#fff;margin-bottom:1rem;opacity:.9}.feature-card h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.feature-card p{color:#e0e7ff;line-height:1.6;opacity:.9;margin:0}.premium-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.homepage-container .main-content{padding:1.5rem!important;margin-top:70px!important;min-height:calc(100vh - 70px)!important}.hero-section{padding-top:0}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.welcome-message{padding:1.5rem;margin:1.5rem auto}.primary-action-btn{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.button-content{align-items:center;text-align:center}.button-title{font-size:1.25rem}.button-description{font-size:.95rem}.feature-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}}@media (max-width: 480px){.homepage-container .main-content{padding:1rem!important;margin-top:60px!important;min-height:calc(100vh - 60px)!important}.hero-section{padding-top:0}.hero-title{font-size:2rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.welcome-message{padding:1.25rem;margin:1rem auto;border-radius:12px}.welcome-message p{font-size:1rem}.action-buttons{gap:2rem;margin-top:1.5rem}.primary-action-btn{padding:1.25rem;border-radius:16px}.button-title{font-size:1.1rem}.button-description{font-size:.9rem}.feature-card{padding:1.25rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}.footer{background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;position:relative;z-index:100}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;flex-wrap:wrap;gap:1rem}.footer-copyright{color:#e0e7ff;font-size:.9rem;font-weight:500;opacity:.8}.footer-links{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.footer-link{background:none;border:none;color:#e0e7ff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;text-decoration:none;opacity:.8;position:relative}.footer-link:hover{color:#fff;opacity:1;transform:translateY(-1px)}.footer-link:hover svg{transform:scale(1.1)}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.footer-link:hover:after{width:100%}.footer-link svg:last-child{opacity:.6;transition:all .3s ease}.footer-link:hover svg:last-child{opacity:1;transform:translate(1px,-1px)}@media (max-width: 768px){.footer-container{padding:0 1.5rem}.footer-content{flex-direction:column;text-align:center;padding:1.25rem 0;gap:1.25rem}.footer-links{justify-content:center;gap:1.5rem}.footer-copyright{order:2;font-size:.85rem}.footer-links{order:1}}@media (max-width: 480px){.footer-container{padding:0 1rem}.footer-content{padding:1rem 0;gap:1rem}.footer-links{flex-direction:column;gap:1rem;width:100%}.footer-link{justify-content:center;padding:.75rem 0;font-size:.85rem}.footer-copyright{font-size:.8rem}}.privacy-policy-container{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#000;padding:1rem;padding-top:80px}.privacy-policy-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:800px;max-height:calc(100vh - 140px);box-shadow:0 25px 50px #0000004d;overflow:hidden;animation:slideUp .6s ease-out;display:flex;flex-direction:column}.privacy-policy-header{background:#ffffff0d;padding:2rem;border-bottom:1px solid rgba(255,255,255,.08);position:relative;flex-shrink:0;text-align:center}.back-button{position:absolute;top:2rem;left:2rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:8px;color:#fff;padding:.5rem 1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;box-shadow:0 4px 15px #ff475733}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.privacy-policy-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.privacy-policy-subtitle{color:#b3b3b3;font-size:1rem;opacity:.9;margin:0;line-height:1.4}.privacy-policy-content{flex:1;padding:2rem;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.policy-section{margin-bottom:2rem}.policy-section:last-child{margin-bottom:0}.policy-section h2{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.policy-section h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem;line-height:1.3}.policy-section p{color:#b3b3b3;line-height:1.6;margin-bottom:1rem;font-size:.95rem}.policy-section p:last-child{margin-bottom:0}.policy-list{list-style:none;padding:0;margin:1rem 0}.policy-list li{color:#b3b3b3;line-height:1.6;margin-bottom:.75rem;position:relative;padding-left:1.5rem;font-size:.95rem}.policy-list li:before{content:"•";position:absolute;left:0;color:#ff4757;font-weight:700;font-size:1.2rem}.policy-list li:last-child{margin-bottom:0}.highlight{background:linear-gradient(135deg,#ff4757,#3742fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.email-link,.external-link{color:#ff4757;text-decoration:none;border-bottom:1px solid rgba(255,71,87,.3);transition:all .3s ease;display:inline-flex;align-items:center;gap:.25rem}.email-link:hover,.external-link:hover{color:#3742fa;border-bottom-color:#3742fa80;transform:translateY(-1px)}.policy-contact{background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:16px;padding:1.5rem;text-align:center}.policy-contact h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.policy-contact p{color:#b3b3b3;margin-bottom:1rem;font-size:1rem}.contact-info{margin-top:1rem}.contact-email{background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:12px;color:#fff;padding:.75rem 1.5rem;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #ff475733}.contact-email:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.privacy-policy-content::-webkit-scrollbar{width:6px}.privacy-policy-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.privacy-policy-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.privacy-policy-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.privacy-policy-container{padding:1rem;padding-top:90px}.privacy-policy-card{border-radius:16px;max-height:calc(100vh - 120px)}.privacy-policy-header{padding:1.5rem}.back-button{top:1.5rem;left:1.5rem;padding:.4rem .8rem;font-size:.85rem}.privacy-policy-title{font-size:1.6rem}.privacy-policy-subtitle{font-size:.9rem}.privacy-policy-content{padding:1.5rem}.policy-section h2{font-size:1.2rem}.policy-section h3{font-size:1rem}.policy-section p,.policy-list li{font-size:.9rem}}@media (max-width: 480px){.privacy-policy-container{padding:.75rem;padding-top:80px}.privacy-policy-card{border-radius:12px;max-height:calc(100vh - 100px)}.privacy-policy-header{padding:1rem}.back-button{top:1rem;left:1rem;padding:.35rem .7rem;font-size:.8rem}.header-icon{width:56px;height:56px;margin-bottom:.75rem}.privacy-policy-title{font-size:1.4rem;margin-bottom:.25rem}.privacy-policy-subtitle{font-size:.85rem}.privacy-policy-content{padding:1rem}.policy-section{margin-bottom:1.5rem}.policy-section h2{font-size:1.1rem;margin-bottom:.75rem}.policy-section h3{font-size:.95rem;margin-bottom:.5rem}.policy-section p,.policy-list li{font-size:.85rem;margin-bottom:.75rem}.policy-list li{padding-left:1.25rem}.policy-contact{padding:1.25rem}.policy-contact h2{font-size:1.3rem;margin-bottom:.75rem}.policy-contact p{font-size:.9rem;margin-bottom:.75rem}.contact-email{padding:.6rem 1.25rem;font-size:.9rem}}.shared-dream-container{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem}.shared-dream-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:100%;max-width:800px;box-shadow:0 25px 50px #0000004d;overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.shared-dream-header{background:#ffffff0d;padding:2rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.header-icon{width:64px;height:64px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.shared-dream-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.shared-dream-subtitle{color:#b3b3b3;font-size:1.1rem;opacity:.9;margin:0;line-height:1.4}.dream-content{padding:2rem}.dream-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.meta-item{display:flex;align-items:center;gap:.5rem;color:#b3b3b3;font-size:.9rem;opacity:.9}.meta-item svg{opacity:.7}.dream-section,.interpretation-section,.media-section{margin-bottom:2rem;background:#ffffff08;border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.08)}.section-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";width:4px;height:1.25rem;background:linear-gradient(135deg,#ff4757,#3742fa);border-radius:2px}.dream-text,.interpretation-text{color:#fff;line-height:1.7;font-size:1rem}.dream-text{font-style:italic;border-left:3px solid rgba(255,255,255,.3);padding-left:1rem}.interpretation-text{border-left:3px solid rgba(102,126,234,.6);padding-left:1rem}.media-content{text-align:center}.dream-media-image,.dream-media-video{width:100%;max-width:100%;border-radius:12px;box-shadow:0 8px 32px #0003;transition:transform .3s ease}.dream-media-image:hover{transform:scale(1.02)}.dream-media-video{max-height:400px}.shared-dream-footer{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem}.share-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.share-btn:hover{background:#22c55e40;transform:translateY(-2px);box-shadow:0 8px 25px #22c55e33}.explore-btn{background:linear-gradient(135deg,#ff4757,#3742fa);color:#fff;box-shadow:0 4px 15px #ff475733}.explore-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}.powered-by{background:#00000080;padding:1.5rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.08)}.powered-by p{color:#b3b3b3;margin:0;opacity:.8}.powered-by p:first-child{font-size:.9rem;margin-bottom:.25rem}.powered-by-description{font-size:.85rem;opacity:.6}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{color:#fff;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#b3b3b3;font-size:1.1rem;opacity:.9}.error-state{color:#fff}.error-icon{width:80px;height:80px;background:#ef444433;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#fca5a5}.error-state h2{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.error-state p{color:#b3b3b3;margin-bottom:2rem;opacity:.9}.home-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff4757,#3742fa);border:none;border-radius:12px;color:#fff;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff475733}.home-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff47574d;background:linear-gradient(135deg,#ff3742,#2f36e8)}@media (max-width: 768px){.shared-dream-container{padding:1rem}.shared-dream-card{border-radius:16px}.shared-dream-header{padding:1.5rem}.shared-dream-title{font-size:2rem}.shared-dream-subtitle{font-size:1rem}.dream-content{padding:1.5rem}.dream-meta{flex-direction:column;gap:1rem;text-align:center}.dream-section,.interpretation-section,.media-section{padding:1rem}.section-title{font-size:1.1rem}.shared-dream-footer{padding:1rem 1.5rem;flex-direction:column}.action-button{width:100%;justify-content:center}.powered-by{padding:1rem 1.5rem}}@media (max-width: 480px){.shared-dream-container{padding:.5rem}.shared-dream-header{padding:1rem}.header-icon{width:56px;height:56px}.shared-dream-title{font-size:1.75rem}.shared-dream-subtitle{font-size:.9rem}.dream-content{padding:1rem}.dream-section,.interpretation-section,.media-section{padding:.75rem;margin-bottom:1.5rem}.section-title{font-size:1rem}.dream-text,.interpretation-text{font-size:.9rem}.meta-item{font-size:.85rem}.action-button{padding:.6rem 1.25rem;font-size:.9rem}.loading-state,.error-state{padding:3rem 1rem}.error-state h2{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#000;min-height:100vh;color:#fff;overflow-x:hidden}#root{min-height:100vh;width:100%;margin:0;padding:0;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#000}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#b3b3b3;font-size:1rem;opacity:.9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homepage-container{min-height:100vh;display:flex;flex-direction:column;width:100%;position:relative;background:#000}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;margin-top:80px;margin-bottom:2rem;text-align:center;width:100%;max-width:900px;margin-left:auto;margin-right:auto;min-height:calc(100vh - 160px)}.hero-section{width:100%;max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;line-height:1.2;text-align:center}.hero-subtitle{font-size:1.3rem;color:#b3b3b3;margin-bottom:2.5rem;line-height:1.6;opacity:.9;text-align:center;max-width:600px}.welcome-message{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin:2rem auto;box-shadow:0 8px 32px #0000004d;width:100%;max-width:500px;text-align:center}.welcome-message p{font-size:1.1rem;line-height:1.6;color:#e0e0e0;margin:0}.homepage-container:has(.signin-container) .main-content{margin-bottom:0;min-height:100vh}@media (max-width: 768px){.main-content{padding:1.5rem;margin-top:70px;margin-bottom:1.5rem;min-height:calc(100vh - 140px)}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.welcome-message{padding:1.5rem;margin:1.5rem auto}}@media (max-width: 480px){.main-content{padding:1rem;margin-top:60px;margin-bottom:1rem;min-height:calc(100vh - 120px)}.hero-title{font-size:2.2rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.welcome-message{padding:1.25rem;margin:1rem auto;border-radius:12px}.welcome-message p{font-size:1rem}}