html,body{height:100%;margin:0;padding:0;background:radial-gradient(ellipse at center, #1a0033 0%, #0d001a 100%);color:#fff;font-family:'Helvetica Neue', sans-serif;overflow-x:hidden;position:relative;z-index:0}html,body{height:100%;margin:0;padding:0}body{background:url("https://i.pinimg.com/originals/44/6e/3b/446e3b79395a287ca32f7977dd83b290.jpg") no-repeat center center fixed;background-size:cover}.firefly{position:fixed;left:50%;top:50%;width:0.4vw;height:0.4vw;margin:-0.2vw 0 0 9.8vw;pointer-events:none}.firefly::before,.firefly::after{content:'';position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:-10vw}.firefly::before{background:black;opacity:0.4;animation:drift 20s ease alternate infinite}.firefly::after{background:white;opacity:0;box-shadow:0 0 0vw 0vw yellow;animation:drift 20s ease alternate infinite, flash 8s ease infinite;animation-delay:0s, 2s}.firefly:nth-child(1){animation:move1 60s ease-in-out infinite alternate}.firefly:nth-child(1)::before{animation-duration:12s}.firefly:nth-child(1)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move1{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-11vw) translateY(34vh) scale(0.31)}50%{transform:translateX(30vw) translateY(-18vh) scale(0.52)}75%{transform:translateX(26vw) translateY(27vh) scale(0.48)}100%{transform:translateX(-3vw) translateY(-5vh) scale(0.49)}}.firefly:nth-child(2){animation:move2 60s ease-in-out infinite alternate}.firefly:nth-child(2)::before{animation-duration:12s}.firefly:nth-child(2)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move2{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(6vw) translateY(4vh) scale(0.32)}50%{transform:translateX(16vw) translateY(-46vh) scale(0.67)}75%{transform:translateX(13vw) translateY(21vh) scale(0.32)}100%{transform:translateX(22vw) translateY(11vh) scale(0.32)}}.firefly:nth-child(3){animation:move3 60s ease-in-out infinite alternate}.firefly:nth-child(3)::before{animation-duration:12s}.firefly:nth-child(3)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move3{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-10vw) translateY(-44vh) scale(0.64)}50%{transform:translateX(-39vw) translateY(-17vh) scale(0.53)}75%{transform:translateX(34vw) translateY(36vh) scale(0.7)}100%{transform:translateX(-12vw) translateY(2vh) scale(0.59)}}.firefly:nth-child(4){animation:move4 60s ease-in-out infinite alternate}.firefly:nth-child(4)::before{animation-duration:12s}.firefly:nth-child(4)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move4{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-26vw) translateY(-21vh) scale(0.53)}50%{transform:translateX(22vw) translateY(-48vh) scale(0.55)}75%{transform:translateX(44vw) translateY(9vh) scale(0.69)}100%{transform:translateX(-31vw) translateY(0vh) scale(0.69)}}.firefly:nth-child(5){animation:move5 60s ease-in-out infinite alternate}.firefly:nth-child(5)::before{animation-duration:12s}.firefly:nth-child(5)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move5{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-35vw) translateY(27vh) scale(0.4)}50%{transform:translateX(-7vw) translateY(8vh) scale(0.32)}75%{transform:translateX(-3vw) translateY(-13vh) scale(0.36)}100%{transform:translateX(-35vw) translateY(45vh) scale(0.57)}}.firefly:nth-child(6){animation:move6 60s ease-in-out infinite alternate}.firefly:nth-child(6)::before{animation-duration:12s}.firefly:nth-child(6)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move6{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(45vw) translateY(36vh) scale(0.56)}50%{transform:translateX(32vw) translateY(14vh) scale(0.57)}75%{transform:translateX(14vw) translateY(-25vh) scale(0.47)}100%{transform:translateX(-44vw) translateY(-28vh) scale(0.51)}}.firefly:nth-child(7){animation:move7 60s ease-in-out infinite alternate}.firefly:nth-child(7)::before{animation-duration:12s}.firefly:nth-child(7)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move7{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(28vw) translateY(32vh) scale(0.33)}50%{transform:translateX(9vw) translateY(8vh) scale(0.5)}75%{transform:translateX(-48vw) translateY(38vh) scale(0.6)}100%{transform:translateX(-47vw) translateY(-31vh) scale(0.7)}}.firefly:nth-child(8){animation:move8 60s ease-in-out infinite alternate}.firefly:nth-child(8)::before{animation-duration:12s}.firefly:nth-child(8)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move8{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-45vw) translateY(1vh) scale(0.58)}50%{transform:translateX(-28vw) translateY(28vh) scale(0.69)}75%{transform:translateX(25vw) translateY(-24vh) scale(0.5)}100%{transform:translateX(5vw) translateY(37vh) scale(0.62)}}.firefly:nth-child(9){animation:move9 60s ease-in-out infinite alternate}.firefly:nth-child(9)::before{animation-duration:12s}.firefly:nth-child(9)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move9{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(47vw) translateY(38vh) scale(0.5)}50%{transform:translateX(30vw) translateY(12vh) scale(0.31)}75%{transform:translateX(26vw) translateY(-44vh) scale(0.47)}100%{transform:translateX(30vw) translateY(17vh) scale(0.47)}}.firefly:nth-child(10){animation:move10 60s ease-in-out infinite alternate}.firefly:nth-child(10)::before{animation-duration:12s}.firefly:nth-child(10)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move10{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(0vw) translateY(43vh) scale(0.38)}50%{transform:translateX(24vw) translateY(37vh) scale(0.7)}75%{transform:translateX(-48vw) translateY(34vh) scale(0.57)}100%{transform:translateX(-45vw) translateY(-4vh) scale(0.52)}}.firefly:nth-child(11){animation:move11 60s ease-in-out infinite alternate}.firefly:nth-child(11)::before{animation-duration:12s}.firefly:nth-child(11)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move11{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-28vw) translateY(9vh) scale(0.56)}50%{transform:translateX(-45vw) translateY(22vh) scale(0.38)}75%{transform:translateX(-8vw) translateY(37vh) scale(0.54)}100%{transform:translateX(14vw) translateY(-4vh) scale(0.7)}}.firefly:nth-child(12){animation:move12 60s ease-in-out infinite alternate}.firefly:nth-child(12)::before{animation-duration:12s}.firefly:nth-child(12)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move12{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-48vw) translateY(48vh) scale(0.32)}50%{transform:translateX(-33vw) translateY(-37vh) scale(0.66)}75%{transform:translateX(-28vw) translateY(43vh) scale(0.46)}100%{transform:translateX(25vw) translateY(12vh) scale(0.31)}}.firefly:nth-child(13){animation:move13 60s ease-in-out infinite alternate}.firefly:nth-child(13)::before{animation-duration:12s}.firefly:nth-child(13)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move13{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-33vw) translateY(5vh) scale(0.31)}50%{transform:translateX(19vw) translateY(-45vh) scale(0.55)}75%{transform:translateX(-30vw) translateY(-27vh) scale(0.62)}100%{transform:translateX(9vw) translateY(8vh) scale(0.35)}}.firefly:nth-child(14){animation:move14 60s ease-in-out infinite alternate}.firefly:nth-child(14)::before{animation-duration:12s}.firefly:nth-child(14)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move14{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(38vw) translateY(15vh) scale(0.4)}50%{transform:translateX(5vw) translateY(17vh) scale(0.56)}75%{transform:translateX(-26vw) translateY(28vh) scale(0.35)}100%{transform:translateX(9vw) translateY(31vh) scale(0.44)}}.firefly:nth-child(15){animation:move15 60s ease-in-out infinite alternate}.firefly:nth-child(15)::before{animation-duration:12s}.firefly:nth-child(15)::after{animation-duration:12s, 10s;animation-delay:0s, 1s}@keyframes move15{0%{transform:translateX(0vw) translateY(0vh) scale(0.5)}25%{transform:translateX(-11vw) translateY(2vh) scale(0.58)}50%{transform:translateX(-39vw) translateY(-39vh) scale(0.65)}75%{transform:translateX(7vw) translateY(-28vh) scale(0.69)}100%{transform:translateX(49vw) translateY(-32vh) scale(0.53)}}@keyframes drift{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes flash{0%,30%,100%{opacity:0;box-shadow:0 0 0vw 0vw yellow}5%{opacity:1;box-shadow:0 0 2vw 0.4vw yellow}}body::before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}:root{--font-title: 'Comic Sans MS', 'Comic Sans', cursive;--font-script: 'Comfortaa', cursive;--font-body: 'Inter', sans-serif;--primary-blue: #6366F1;--primary-cyan: #00fff7;--pink-accent: #e94560;--white: #ffffff;--text-glow: rgba(0, 255, 247, 0.5)}h1,.h1,.dreamlog-title{font-family:var(--font-title) !important;font-size:4rem !important;font-weight:800 !important;color:var(--white) !important;text-shadow:0 0 20px var(--text-glow) !important;animation:glow 3s ease-in-out infinite alternate !important;margin-bottom:2rem !important;line-height:1.2 !important;letter-spacing:-0.02em !important}@media (max-width: 768px){h1,.h1,.dreamlog-title{font-size:3rem !important}}@media (max-width: 480px){h1,.h1,.dreamlog-title{font-size:2.5rem !important}}h2,.h2,.subtitle{font-family:var(--font-script) !important;font-size:2.5rem !important;font-weight:600 !important;color:rgba(255,255,255,0.95) !important;margin-bottom:1.5rem !important;text-shadow:0 0 10px rgba(0,255,247,0.3) !important;line-height:1.3 !important}@media (max-width: 768px){h2,.h2,.subtitle{font-size:2rem !important}}@media (max-width: 480px){h2,.h2,.subtitle{font-size:1.7rem !important}}h3,.h3{font-family:var(--font-title) !important;font-size:2rem !important;font-weight:600 !important;color:rgba(255,255,255,0.9) !important;margin-bottom:1.2rem !important;text-shadow:0 0 8px rgba(0,255,247,0.2) !important;line-height:1.4 !important}@media (max-width: 768px){h3,.h3{font-size:1.7rem !important}}h4,.h4{font-family:var(--font-script) !important;font-size:1.6rem !important;font-weight:500 !important;color:rgba(255,255,255,0.85) !important;margin-bottom:1rem !important;line-height:1.5 !important}@media (max-width: 768px){h4,.h4{font-size:1.4rem !important}}h5,.h5{font-family:var(--font-body) !important;font-size:1.3rem !important;font-weight:600 !important;color:rgba(255,255,255,0.8) !important;margin-bottom:0.8rem !important;text-transform:uppercase !important;letter-spacing:0.05em !important}@media (max-width: 768px){h5,.h5{font-size:1.15rem !important}}h6,.h6{font-family:var(--font-body) !important;font-size:1.1rem !important;font-weight:500 !important;color:rgba(255,255,255,0.75) !important;margin-bottom:0.6rem !important;text-transform:uppercase !important;letter-spacing:0.08em !important}@media (max-width: 768px){h6,.h6{font-size:1rem !important}}.page-title{font-family:var(--font-title) !important;font-size:3rem !important;font-weight:700 !important;color:var(--white) !important;text-shadow:0 0 15px var(--text-glow) !important;text-align:center !important;margin-bottom:2rem !important;line-height:1.2 !important}@media (max-width: 768px){.page-title{font-size:2.3rem !important}}.form-title{font-family:var(--font-script) !important;font-size:2rem !important;font-weight:600 !important;color:rgba(255,255,255,0.9) !important;text-align:center !important;margin-bottom:1.5rem !important;line-height:1.4 !important}@media (max-width: 768px){.form-title{font-size:1.7rem !important}}.card-title{font-family:var(--font-script) !important;font-size:1.5rem !important;font-weight:500 !important;color:var(--white) !important;margin-bottom:1rem !important;line-height:1.5 !important}.nav-title{font-family:var(--font-title) !important;font-size:1.8rem !important;font-weight:600 !important;color:var(--primary-cyan) !important;text-shadow:0 0 10px rgba(0,255,247,0.4) !important}@keyframes glow{from{text-shadow:0 0 20px rgba(0,255,247,0.5)}to{text-shadow:0 0 30px rgba(0,255,247,0.8),0 0 40px rgba(0,255,247,0.3)}}.text-glow{animation:glow 3s ease-in-out infinite alternate !important}body,p,.text-body{font-family:var(--font-body) !important;font-size:1rem !important;font-weight:400 !important;line-height:1.6 !important;color:rgba(255,255,255,0.8) !important}.lead-text{font-family:var(--font-script) !important;font-size:1.25rem !important;color:rgba(255,255,255,0.85) !important;font-weight:500 !important;line-height:1.7 !important}.small-text{font-size:0.9rem !important;font-weight:400 !important;color:rgba(255,255,255,0.7) !important}@media (max-width: 576px){h1,.h1,.dreamlog-title{font-size:2.2rem !important}h2,.h2,.subtitle{font-size:1.6rem !important}h3,.h3{font-size:1.4rem !important}.page-title{font-size:1.9rem !important}}.dreamlog-title{font-family:'Comfortaa', cursive;font-size:6rem;line-height:1.1;font-weight:700}.record-button{background:linear-gradient(45deg, #00fff7 0%, #2196f3 50%, blue 100%);color:white;box-shadow:0 0 30px #2196f3;transition:transform 0.2s ease, box-shadow 0.2s ease;width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:black;border:none;box-shadow:0 0 30px rgba(0,234,255,0.2);transition:transform 0.2s ease, box-shadow 0.2s ease}.record-button:hover{transform:scale(1.05);box-shadow:0 0 40px #2196f3}.record-button:active{transform:scale(0.95);box-shadow:0 0 20px #2196f3}.record-button:hover{transform:scale(1.05);box-shadow:0 0 40px rgba(0,234,255,0.4)}.record-button:active{transform:scale(0.95);box-shadow:0 0 20px rgba(0,234,255,0.25)}.nav-plus-button{background:linear-gradient(45deg, #00fff7 0%, #2196f3 50%, blue 100%);color:white;box-shadow:0 0 30px #2196f3;transition:transform 0.2s ease, box-shadow 0.2s ease;text-decoration:none;width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:white;box-shadow:0 0 20px rgba(255,255,255,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.nav-plus-button:hover{transform:scale(1.05);box-shadow:0 0 40px #2196f3}.nav-plus-button:active{transform:scale(0.95);box-shadow:0 0 20px #2196f3}.nav-plus-button:hover{box-shadow:0 0 30px rgba(255,255,255,0.2)}.nav-plus-button:active{transform:scale(0.95);box-shadow:0 0 15px rgba(255,255,255,0.15)}.nav-chat-button{text-decoration:none;color:white;transition:all 0.3s ease}.nav-chat-button:hover{color:white;transform:scale(1.05)}.nav-chat-button:active{transform:scale(0.95)}.nav-chat-button:visited{color:white}label.string,label.optional,label.required{margin-bottom:0.5rem;display:block}input,textarea,select{background-color:white;color:#111;border:1px solid #ccc;padding:0.5rem 0.75rem;border-radius:8px;font-size:1rem;margin-bottom:1.5rem}input:focus,textarea:focus,select:focus{border-color:#0000ff;outline:none;box-shadow:0 0 0 2px #0000ff}.play-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(45deg, #E175D3 0%, #9B3BBF 50%, #A87CDB 100%);border:none;color:white;font-size:1.2rem;transition:all 0.3s ease;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.play-button:hover:not(.disabled){transform:scale(1.1);box-shadow:0 0 25px rgba(225,117,211,0.4);color:white}.play-button.disabled{opacity:0.5;cursor:not-allowed;background:linear-gradient(45deg, #6c757d, #495057)}.play-button:focus{outline:none;box-shadow:0 0 0 3px rgba(225,117,211,0.3);color:white}.decision-buttons-wrapper{display:flex;justify-content:center;margin-top:1rem}.decision-buttons{display:flex;gap:2rem;justify-content:center;align-items:center}.decision-buttons .gradient-button{width:80px;height:80px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 20px rgba(0,234,255,0.15)}.delete-button-wrapper{margin-bottom:1rem;display:flex;justify-content:center}.delete-button-wrapper .gradient-button{width:64px;height:64px;border-radius:50%;font-size:1.3rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 20px rgba(255,50,50,0.15)}.dream-card{background:linear-gradient(135deg, #1b1b2f 0%, #12121a 100%);border:1px solid rgba(0,234,255,0.08);color:white;box-shadow:0 0 20px rgba(0,234,255,0.04);transition:transform 0.2s ease, box-shadow 0.2s ease}.dream-card:hover{transform:scale(1.01);box-shadow:0 0 25px rgba(0,234,255,0.1)}.dream-card h5{color:#00eaff}.dream-card .text-muted{color:rgba(255,255,255,0.6) !important}.dream-card audio{width:100%;margin-top:1rem}.notifications-container{position:fixed;top:20px;right:20px;z-index:10000;width:400px;max-width:calc(100vw - 40px);pointer-events:none}.notification{background:rgba(26,0,51,0.95);border-radius:12px;margin-bottom:12px;transform:translateX(400px);opacity:0;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.notification.show{transform:translateX(0);opacity:1}.notification.hide{transform:translateX(400px);opacity:0}.notification-content{display:flex;align-items:center;padding:16px 20px;gap:12px}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px}.notification-message{flex:1;color:white;font-size:14px;line-height:1.4;font-weight:500}.notification-close{flex-shrink:0;background:none;border:none;color:rgba(255,255,255,0.6);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;font-size:12px}.notification-close:hover{background:rgba(255,255,255,0.1);color:white}.notification-success{border-left:4px solid #10b981}.notification-success .notification-icon{background:rgba(16,185,129,0.2);color:#10b981}.notification-error{border-left:4px solid #ef4444}.notification-error .notification-icon{background:rgba(239,68,68,0.2);color:#ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-warning .notification-icon{background:rgba(245,158,11,0.2);color:#f59e0b}.notification-info{border-left:4px solid #3b82f6}.notification-info .notification-icon{background:rgba(59,130,246,0.2);color:#3b82f6}@media (max-width: 768px){.notifications-container{top:10px;right:10px;left:10px;width:auto;max-width:none}.notification{transform:translateY(-100px)}.notification.show{transform:translateY(0)}.notification.hide{transform:translateY(-100px)}.notification-content{padding:14px 16px}.notification-message{font-size:13px}}.timer-display{font-family:'Orbitron', sans-serif;font-size:2rem;color:#00ffff;text-shadow:0 0 5px cyan,0 0 10px cyan,0 0 20px cyan,0 0 40px rgba(0,255,255,0.5);background-color:rgba(0,0,0,0.3);padding:0.3em 1em;border-radius:10px;border:1px solid rgba(0,255,255,0.3);box-shadow:0 0 10px rgba(0,255,255,0.2),inset 0 0 5px rgba(0,255,255,0.2);margin-bottom:2rem}.custom-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.custom-modal.show{opacity:1}.custom-modal.show .modal-dialog{transform:translateY(0) scale(1)}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px)}.modal-dialog{background:linear-gradient(45deg, #00fff7 0%, #2196f3 50%, blue 100%);color:white;box-shadow:0 0 30px #2196f3;transition:transform 0.2s ease, box-shadow 0.2s ease;position:relative;transform:translateY(-20px) scale(0.95);transition:transform 0.3s ease;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.4);backdrop-filter:blur(20px);overflow:hidden;width:90%;max-width:450px;margin:20px;transform:translateY(-20px) scale(0.95);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.modal-dialog:hover{transform:scale(1.05);box-shadow:0 0 40px #2196f3}.modal-dialog:active{transform:scale(0.95);box-shadow:0 0 20px #2196f3}.modal-content{background:rgba(26,0,51,0.95);border-radius:16px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);backdrop-filter:blur(20px);overflow:hidden}.modal-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,0.1)}.modal-header .modal-title{margin:0;font-size:1.25rem;font-weight:600;color:white;text-align:center}.modal-body{padding:20px 24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:8px;font-size:0.9rem;font-weight:500;color:rgba(255,255,255,0.8)}.modal-body .form-group .form-control{width:100%;padding:12px 16px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.2);border-radius:8px;color:white;font-size:1rem;transition:all 0.2s ease}.modal-body .form-group .form-control::placeholder{color:rgba(255,255,255,0.5)}.modal-body .form-group .form-control:focus{outline:none;border-color:#0000ff;background:rgba(255,255,255,0.12);box-shadow:0 0 0 3px #0000ff}.modal-body .form-group .form-control.is-invalid{border-color:#ef4444;background:rgba(239,68,68,0.1);animation:shake 0.3s ease-in-out}.modal-body .form-group .form-control.is-invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,0.2)}.modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.modal-footer .modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:0.9rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease;min-width:80px}.modal-footer .modal-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,0.2)}.modal-footer .modal-btn.btn-secondary{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.8);border:1px solid rgba(255,255,255,0.2)}.modal-footer .modal-btn.btn-secondary:hover{background:rgba(255,255,255,0.15);color:white;transform:translateY(-1px)}.modal-footer .modal-btn.btn-secondary:active{transform:translateY(0)}.modal-footer .modal-btn.btn-primary{background:linear-gradient(45deg, #00fff7 0%, #2196f3 50%, blue 100%);color:white;box-shadow:0 0 30px #2196f3;transition:transform 0.2s ease, box-shadow 0.2s ease}.modal-footer .modal-btn.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 40px #2196f3}.modal-footer .modal-btn.btn-primary:active{transform:scale(0.95);box-shadow:0 0 20px #2196f3}.modal-footer .modal-btn.btn-primary:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}@media (max-width: 768px){.modal-dialog{width:95%;margin:10px}.modal-header{padding:20px 20px 16px}.modal-header .modal-title{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-footer{padding:16px 20px 20px;flex-direction:column-reverse}.modal-footer .modal-btn{width:100%;justify-content:center}}.emoji-select{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.emoji-select button{font-size:2rem;padding:10px;border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,0.08);color:white;cursor:pointer;transition:all 0.2s ease}.emoji-select button:hover{transform:scale(1.1);background:rgba(255,255,255,0.12)}.emoji-select button.selected{border-color:#E175D3;background:rgba(225,117,211,0.2);box-shadow:0 0 10px rgba(225,117,211,0.3)}.emoji-select{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.emoji-select div{font-size:3rem;cursor:pointer;transition:transform 0.2s, box-shadow 0.2s;border-radius:50%;padding:0.5rem;user-select:none}.emoji-select div:hover{transform:scale(1.2)}.emoji-select div.selected{background:linear-gradient(45deg, #E175D3 0%, #9B3BBF 50%, #A87CDB 100%);box-shadow:0 0 12px rgba(255,255,255,0.3);transform:scale(1.3)}.star-select .star-button{background:none;border:none;outline:none;cursor:pointer;color:rgba(255,255,255,0.3);transition:transform 0.2s ease, color 0.2s ease}.star-select .star-button:hover{transform:scale(1.1);color:#ffd700}.star-select .star-button.selected{color:#ffd700;transform:scale(1.15)}.analysis-loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,0,51,0.95);backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all 0.3s ease}.analysis-loader-overlay.show{opacity:1;visibility:visible}.analysis-loader-content{text-align:center;color:white;max-width:500px;padding:2rem}.analysis-spinner{width:120px;height:120px;margin:0 auto 2rem;position:relative}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 2s linear infinite}.spinner-ring:nth-child(1){border-top-color:#00fff7;animation-duration:2s}.spinner-ring:nth-child(2){border-right-color:#2196f3;animation-duration:3s;animation-direction:reverse}.spinner-ring:nth-child(3){border-bottom-color:#0000ff;animation-duration:4s}.spinner-ring:nth-child(4){border-left-color:#9b3bbf;animation-duration:5s;animation-direction:reverse}.spinner-center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2rem;animation:pulse 2s ease-in-out infinite}.analysis-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(45deg, #00fff7, #2196f3, blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}.analysis-message{font-size:1.1rem;margin-bottom:2rem;opacity:0.9;animation:fadeInOut 4s ease-in-out infinite}.analysis-progress{width:300px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;margin:1.5rem auto;overflow:hidden;position:relative}.analysis-progress::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, #00fff7, transparent);animation:progressBar 2s ease-in-out infinite}.analysis-dots{display:flex;justify-content:center;gap:0.5rem;margin-top:1rem}.analysis-dots .dot{width:8px;height:8px;background:#2196f3;border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite both}.analysis-dots .dot:nth-child(1){animation-delay:-0.32s}.analysis-dots .dot:nth-child(2){animation-delay:-0.16s}.analysis-dots .dot:nth-child(3){animation-delay:0s}.floating-symbols{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-symbols .symbol{position:absolute;font-size:1.5rem;opacity:0.3;animation:float 6s ease-in-out infinite}.floating-symbols .symbol:nth-child(1){left:10%;animation-delay:0s}.floating-symbols .symbol:nth-child(2){left:20%;animation-delay:1s}.floating-symbols .symbol:nth-child(3){left:80%;animation-delay:2s}.floating-symbols .symbol:nth-child(4){left:90%;animation-delay:3s}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(1.1)}}@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInOut{0%,100%{opacity:0.9}50%{opacity:0.6}}@keyframes progressBar{0%{left:-100%}100%{left:100%}}@keyframes dotBounce{0%,80%,100%{transform:scale(0);opacity:0.5}40%{transform:scale(1);opacity:1}}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg);opacity:0.3}25%{transform:translateY(-20px) rotate(90deg);opacity:0.6}50%{transform:translateY(-40px) rotate(180deg);opacity:0.3}75%{transform:translateY(-20px) rotate(270deg);opacity:0.6}}@media (max-width: 768px){.analysis-loader-content{padding:1rem}.analysis-spinner{width:80px;height:80px}.analysis-title{font-size:1.4rem}.analysis-message{font-size:1rem}.analysis-progress{width:250px}}.dream-header .dream-title{font-size:2.5rem;font-weight:600;color:#fff;margin:0}.dream-header .dream-title svg{color:#00fff7;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,247,0.3))}.dream-header .dream-title svg:last-child{animation-delay:1.5s}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}.dreamlog-title{font-family:var(--font-title) !important;font-size:4rem !important;color:var(--white) !important;text-shadow:0 0 20px rgba(0,255,247,0.5) !important;animation:glow 3s ease-in-out infinite alternate !important}@media (max-width: 768px){.dreamlog-title{font-size:3rem !important}}@keyframes glow{from{text-shadow:0 0 20px rgba(0,255,247,0.5)}to{text-shadow:0 0 30px rgba(0,255,247,0.8),0 0 40px rgba(0,255,247,0.3)}}.subtitle,h2.display-6{font-family:var(--font-script) !important;font-size:1.8rem !important;color:rgba(255,255,255,0.9) !important;font-weight:500 !important}@media (max-width: 768px){.subtitle,h2.display-6{font-size:1.4rem !important}}.record-button{width:35vw !important;height:35vw !important;max-width:250px !important;max-height:250px !important;border-radius:50% !important;background:linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-cyan) 100%) !important;border:none !important;color:var(--white) !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:3.5rem !important;box-shadow:0 15px 40px rgba(99,102,241,0.4),0 0 60px rgba(99,102,241,0.3),0 0 100px rgba(99,102,241,0.2) !important;transition:all 0.3s ease !important;position:relative !important;overflow:hidden !important}.record-button::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, var(--primary-blue), var(--primary-cyan), var(--pink-accent), var(--primary-blue));border-radius:50%;z-index:-1;background-size:400%;animation:gradientShift 4s ease infinite}.record-button:active{transform:scale(0.95) !important}.record-button.recording{background:linear-gradient(135deg, var(--pink-accent) 0%, #ff6b6b 100%) !important;animation:recordingPulse 1s infinite ease-in-out !important}@media (max-width: 768px){.record-button{width:40vw !important;height:40vw !important;font-size:2.5rem !important}}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes recordingPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.timer-display{font-size:1.5rem !important;color:var(--white) !important;background:rgba(0,255,247,0.1) !important;padding:0.8rem 1.5rem !important;border-radius:25px !important;border:2px solid rgba(0,255,247,0.3) !important;backdrop-filter:blur(10px) !important;animation:pulse 2s infinite ease-in-out !important;text-shadow:0 0 10px rgba(0,255,247,0.5) !important}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.gradient-button{background:linear-gradient(45deg, var(--primary-blue) 0%, var(--primary-cyan) 100%) !important;color:var(--white) !important;border:none !important;border-radius:20px !important;padding:1rem 1.5rem !important;font-size:1rem !important;font-weight:500 !important;text-align:center !important;box-shadow:0 4px 20px rgba(99,102,241,0.3) !important;transition:all 0.3s ease !important;cursor:pointer !important;min-width:100px !important;max-height:50px !important;line-height:20px !important;pointer-events:auto !important}.gradient-button:hover{transform:translateY(-2px) !important;box-shadow:0 6px 25px rgba(99,102,241,0.4) !important}.gradient-button:active{transform:scale(0.98) !important}.gradient-button.btn-outline{background:linear-gradient(45deg, var(--pink-accent) 0%, #ff6b6b 100%) !important;box-shadow:0 4px 20px rgba(233,69,96,0.3) !important}.gradient-button[title="Delete"],.gradient-button[title="Save"],.delete-button-wrapper .gradient-button,.decision-buttons .gradient-button{border-radius:50% !important;width:60px !important;height:60px !important;padding:0 !important;min-width:60px !important;min-height:60px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1.5rem !important}.option-button{background:rgba(255,255,255,0.1) !important;color:var(--white) !important;border:2px solid var(--primary-blue) !important;border-radius:20px !important;padding:1.2rem 2rem !important;font-size:1.1rem !important;font-weight:500 !important;text-align:center !important;backdrop-filter:blur(10px) !important;transition:all 0.3s ease !important;cursor:pointer !important;min-height:60px !important;min-width:120px !important;position:relative !important}.option-button:active,.option-button.selected,.option-button.active,.option-button[aria-pressed="true"],.option-button[data-selected="true"]{background:var(--primary-blue) !important;border-color:var(--primary-cyan) !important;box-shadow:0 0 20px rgba(99,102,241,0.5) !important;transform:scale(1.05) !important}input[type="radio"]:checked+.option-button,.option-button:has(input[type="radio"]:checked){background:var(--primary-blue) !important;border-color:var(--primary-cyan) !important;box-shadow:0 0 20px rgba(99,102,241,0.5) !important;transform:scale(1.05) !important}.option-button::before,.option-button::after{display:none !important;content:none !important}input[type="radio"],input[type="checkbox"]{display:none !important;opacity:0 !important;position:absolute !important;left:-9999px !important}ul,ol,li{list-style:none !important;list-style-type:none !important;margin:0 !important;padding-left:0 !important}ul::before,ol::before,li::before,ul::after,ol::after,li::after{display:none !important;content:none !important}label,label::before,label::after{list-style:none !important}[data-choice-toggle-target],[data-choice-toggle],[data-action*="choice-toggle"],[data-action*="toggle"]{list-style:none !important;position:relative !important}[data-action*="choice-toggle"]::before,[data-action*="toggle"]::before{display:none !important;content:none !important}.emoji-select,.emoji-select ul,.emoji-select li,.choice-toggle,.choice-section{list-style:none !important;list-style-type:none !important}.bottom-nav{background:rgba(0,0,0,0.3) !important;backdrop-filter:blur(15px) !important;border-radius:25px !important;border:1px solid rgba(255,255,255,0.1) !important}.bottom-nav .nav-link{color:rgba(255,255,255,0.7) !important;transition:all 0.3s ease !important;border-radius:15px !important;padding:0.5rem 1rem !important}.bottom-nav .nav-link:hover,.bottom-nav .nav-link.active{color:var(--primary-blue) !important;background:rgba(0,255,247,0.1) !important;text-shadow:0 0 10px rgba(0,255,247,0.5) !important}@media (max-width: 768px){.gradient-button{padding:0.8rem 1.2rem !important;font-size:0.9rem !important;min-width:80px !important;max-height:45px !important}.gradient-button button.gradient-button[data-step-form-target="previous"],.gradient-button button.gradient-button[data-step-form-target="next"],.gradient-button button.gradient-button[data-step-form-target="submit"]{min-width:60px !important;height:40px !important;padding:0.8rem 1rem !important;font-size:0.9rem !important;min-height:40px !important;max-height:40px !important;border-radius:20px !important}.option-button{padding:1rem 1.5rem !important;font-size:1rem !important;min-width:100px !important}.gradient-button[title="Delete"],.gradient-button[title="Save"],.delete-button-wrapper .gradient-button,.decision-buttons .gradient-button{width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;font-size:1.2rem !important}}.search-filters{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding:24px;border-radius:12px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.search-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-input{flex:2;min-width:250px}.tag-filter{flex:1;min-width:180px}.search-actions{display:flex;gap:10px}.form-control,.form-select{padding:12px 16px;border:2px solid #dee2e6;border-radius:8px;font-size:16px;transition:all 0.3s ease}.form-control:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.1);outline:none}.search-btn{padding:12px 24px;border-radius:8px;font-weight:600;transition:all 0.3s ease}.search-btn.btn-primary{background:linear-gradient(135deg, #007bff 0%, #0056b3 100%);border:none}.search-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,0.3)}.search-btn.btn-secondary{background:#6c757d;border:none}.search-btn.btn-secondary:hover{background:#545b62;transform:translateY(-2px)}.popular-tags{margin-bottom:32px}.popular-tags h6{color:#495057;font-weight:600;margin-bottom:16px}.popular-tags .tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.popular-tags .tag-link{padding:8px 16px;background:#f8f9fa;color:#1a1a1a;text-decoration:none;border-radius:25px;font-size:0.9em;font-weight:500;transition:all 0.3s ease;border:1px solid #e9ecef}.popular-tags .tag-link:hover,.popular-tags .tag-link.active{background:#1a1a1a;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);border-color:#1a1a1a}.dreams-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:30px;margin-bottom:32px;padding:0 16px}.dream-card{background:linear-gradient(135deg, #3c3d61 0%, #5a9d87 100%);border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;min-height:280px}.dream-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.25);border-color:rgba(255,255,255,0.3)}.dream-card-header{padding:20px 20px 0}.dream-card-header h3{margin:0 0 8px 0;line-height:1.3}.dream-card-header h3 a{color:white;text-decoration:none;font-size:1.2em;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.dream-card-header h3 a:hover{color:#f0f8f5;text-shadow:0 2px 6px rgba(0,0,0,0.4)}.dream-card-header .dream-meta{color:rgba(255,255,255,0.8);font-size:0.85em;margin:0;font-weight:500}.dream-card-body{padding:16px 20px;flex-grow:1}.dream-card-body .dream-excerpt{background:rgba(255,255,255,0.1);padding:16px;border-radius:10px;font-style:italic;color:rgba(255,255,255,0.9);border-left:4px solid rgba(255,255,255,0.3);line-height:1.5;font-size:0.95em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-clamp:4;overflow:hidden;backdrop-filter:blur(5px)}.dream-card-footer{padding:0 20px 20px;margin-top:auto}.dream-card-footer .dream-tags{display:flex;flex-wrap:wrap;gap:8px}.dream-card-footer .dream-tags .tag-badge{padding:6px 12px;background:rgba(255,255,255,0.2);color:white;text-decoration:none;border-radius:15px;font-size:0.8em;font-weight:500;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.3);backdrop-filter:blur(5px)}.dream-card-footer .dream-tags .tag-badge:hover{background:rgba(255,255,255,0.3);color:white;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.5)}.results-info{color:#6c757d;font-style:italic;margin-bottom:24px;font-size:1.1em;text-align:center;padding:16px;background:#f8f9fa;border-radius:8px}.no-results{text-align:center;padding:60px 20px;color:#6c757d}.no-results p{margin-bottom:24px;font-size:1.2em}.search-highlight{background:linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);padding:2px 6px;border-radius:4px;font-weight:600;color:#856404}@media (max-width: 768px){.search-filters .search-row{flex-direction:column;align-items:stretch}.search-filters .search-input,.search-filters .tag-filter{flex:none;min-width:auto}.dreams-grid{grid-template-columns:1fr;gap:20px;padding:0 8px}.dream-card{min-height:auto}.popular-tags .tag-cloud{justify-content:center}}@media (max-width: 480px){.search-filters{padding:16px}.search-filters .search-actions{width:100%;justify-content:space-between}.search-filters .search-btn{flex:1}.dreams-grid{padding:0 4px;gap:16px}}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-family:var(--font-title) !important;color:var(--white) !important;text-shadow:0 0 15px var(--text-glow) !important}.font-title{font-family:var(--font-title) !important}.font-script{font-family:var(--font-script) !important}.font-body{font-family:var(--font-body) !important}body{margin:0 !important;padding:0 !important;height:100vh !important;overflow:hidden !important}.content-zone{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;height:calc(100vh - 75px) !important;overflow-y:auto !important;overflow-x:hidden !important;z-index:1 !important;display:flex !important;flex-direction:column !important}.navbar-zone{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;height:75px !important;z-index:1000 !important}.main-content{min-height:100% !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;padding:20px !important}.page-title{margin-top:0 !important;padding-top:20px !important}.main-content:has(.dreams-grid),.main-content:has(.dream-card){justify-content:flex-start !important;align-items:stretch !important;padding-top:20px !important}.dreams-page .main-content{justify-content:flex-start !important;align-items:stretch !important;padding-top:20px !important}.dreams-page{width:100%;padding:1rem}.devise-page{width:100%;max-width:600px;padding:2rem 1rem;margin-top:0}.main-content:has(.devise-page){justify-content:flex-start !important;align-items:center !important;padding-top:1rem !important}.analysis-page{width:100%;padding:1rem 0;margin-top:0}.main-content:has(.analysis-page){justify-content:flex-start !important;align-items:center !important;padding-top:1rem !important}.analysis-page .container{max-width:900px !important;margin-bottom:2rem !important}p,.text-content{font-family:var(--font-body) !important;line-height:1.6 !important;color:rgba(255,255,255,0.85) !important}@media (max-width: 768px){.responsive-title{font-size:2.5rem !important}.responsive-subtitle{font-size:1.6rem !important}}@media (max-width: 480px){.responsive-title{font-size:2rem !important}.responsive-subtitle{font-size:1.3rem !important}}@media (min-width: 768px){.dreams-page{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.dream-card{max-width:600px;width:100%}}