*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e0e0;background-color:#08080f;background-image:radial-gradient(80% 60% at 50% 0,#14102a 0%,#0000 70%),radial-gradient(60% 40% at 50% 100%,#0f0c1e 0%,#0000 60%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.header{text-align:center;margin-bottom:2rem}.header h1{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f97316 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle{color:#9ca3af;font-size:1rem}.chat-container{background-color:#1a1a28;background-image:radial-gradient(120% 80% at 50% 0,#1f1535 0%,#0000 60%);border:1px solid #2d2d42;border-radius:16px;flex-direction:column;flex:1;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0006,0 0 0 1px #7c3aed0f,inset 0 1px #ffffff0a}.messages{flex-direction:column;flex:1;gap:1rem;min-height:400px;margin-bottom:.5rem;display:flex;overflow-y:auto}.empty-state{color:#4a4a62;justify-content:center;align-items:center;height:100%;font-size:1.1rem;display:flex}.message{animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{border-radius:14px;max-width:80%;padding:1rem;line-height:1.5}.message.user .message-content{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#9d3fd4 60%,#c026d3 100%);box-shadow:0 2px 12px #7c3aed59}.message.assistant .message-content{color:#e4e0f0;background-color:#22223a;background-image:linear-gradient(135deg,#22223a 0%,#1e1c30 100%);border:1px solid #2d2d42}.message-content.loading{color:#9ca3af;align-items:center;gap:.4rem;font-style:italic;display:flex}.loading-step{animation:.35s ease-out fadeIn}.loading-dots{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.loading-dots span{opacity:.3;background:#9ca3af;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite dotPulse;display:block}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.25s}.loading-dots span:nth-child(3){animation-delay:.5s}@keyframes dotPulse{0%,to{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.error-message{color:#fca5a5;text-align:center;background-color:#dc262626;border:1px solid #dc262666;border-radius:8px;padding:1rem}.input-form{flex-direction:column;gap:1rem;display:flex}.input-textarea{color:#e0e0e0;resize:none;background-color:#0e0e1a;border:2px solid #2d2d42;border-radius:10px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed2e}.input-textarea:disabled{opacity:.5;cursor:not-allowed}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#9d3fd4 55%,#c026d3 100%);border:none;border-radius:10px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;box-shadow:0 2px 12px #7c3aed66}.submit-button:after{content:"";border-radius:inherit;background:#fff0;transition:background .2s;position:absolute;inset:0}.submit-button:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed8c}.submit-button:hover:not(:disabled):after{background:#ffffff12}.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #7c3aed59}.submit-button:disabled{opacity:.45;cursor:not-allowed}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:0 0}.messages::-webkit-scrollbar-thumb{background:#2d2d42;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#4a3a6a}.auth-container{flex:1;justify-content:center;align-items:center;display:flex}.auth-box{background-color:#1a1a28;background-image:radial-gradient(120% 80% at 50% 0,#201535 0%,#0000 65%);border:1px solid #2d2d42;border-radius:16px;width:100%;max-width:400px;padding:2rem;box-shadow:0 8px 32px #00000080,0 0 0 1px #7c3aed1f,0 0 40px #7c3aed0f}.auth-box h2{background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:1.5rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#9ca3af;font-size:.875rem;font-weight:500}.form-group input{color:#e0e0e0;background-color:#0e0e1a;border:2px solid #2d2d42;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed2e}.form-group input:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:1rem}.auth-toggle button{color:#a78bfa;cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:underline;transition:color .2s}.auth-toggle button:hover:not(:disabled){color:#c4b5fd}.auth-toggle button:disabled{opacity:.5;cursor:not-allowed}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.user-info{align-items:center;gap:1rem;display:flex}.user-email{color:#9ca3af;font-size:.875rem}.admin-badge{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#7c3aed,#c026d3);border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.logout-button{color:#c4b5fd;cursor:pointer;background-color:#1e1e30;border:1px solid #2d2d42;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.logout-button:hover{color:#e0e0e0;background-color:#26203e;border-color:#4a3a6a}.library-container{flex-direction:column;flex:1;display:flex}.library-header{text-align:center;margin-bottom:2rem}.library-header h2{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f97316 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem}.library-subtitle{color:#6b7280;font-size:.875rem}.library-loading,.library-error,.library-empty{background-color:#1a1a28;border:1px solid #222236;border-radius:16px;justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.library-loading p,.library-empty p{color:#6b7280;font-size:1.1rem}.library-error p{color:#f87171;font-size:1.1rem}.dream-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.dream-card{cursor:pointer;background-color:#11111c;background-image:linear-gradient(160deg,#14122a 0%,#11111c 60%);border:1px solid #252538;border-radius:14px;padding:1.5rem;transition:all .25s;position:relative;overflow:hidden}.dream-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#7c3aed66 40%,#f9731640 70%,#0000 100%);height:1px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.dream-card:hover,.dream-card:focus{background-image:linear-gradient(160deg,#1a1535 0%,#13111e 60%);border-color:#7c3aed99;outline:none;transform:translateY(-3px);box-shadow:0 8px 24px #0006,0 0 0 1px #7c3aed33,0 0 20px #7c3aed1f}.dream-card:hover:before,.dream-card:focus:before{opacity:1}.dream-card-title{background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.15rem;font-weight:600;line-height:1.3}.dream-card-date{color:#4a4a62;letter-spacing:.02em;margin-bottom:1rem;font-size:.8rem}.dream-card-preview{color:#b0adc4;font-size:.9rem;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;background-color:#04040ad9;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:#1a1a28;background-image:radial-gradient(100% 60% at 50% 0,#201535 0%,#0000 55%);border:1px solid #2d2d42;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 16px 48px #0009,0 0 0 1px #7c3aed1a,0 0 60px #7c3aed0f}.modal-header{border-bottom:1px solid #222236;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.modal-close-button{color:#4a4a62;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;line-height:1;transition:color .2s;display:flex}.modal-close-button:hover{color:#a78bfa}.modal-body{color:#e0e0e0;flex:1;padding:1.5rem;line-height:1.6;overflow-y:auto}.modal-loading,.modal-error{justify-content:center;align-items:center;min-height:200px;display:flex}.modal-loading p{color:#6b7280;font-size:1rem}.modal-error p{color:#f87171;font-size:1rem}.dream-detail-section{margin-bottom:2rem}.dream-detail-section:last-child{margin-bottom:0}.dream-detail-label{letter-spacing:.1em;text-transform:uppercase;color:#7c5fa8;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:700;display:flex}.dream-detail-label:before{content:"";background:linear-gradient(90deg,#7c3aed,#c026d3);border-radius:1px;width:16px;height:2px;display:inline-block}.dream-detail-text{color:#d4d0e8;font-size:1rem;line-height:1.8}.dream-detail-text p{margin-bottom:1rem}.dream-detail-text p:last-child{margin-bottom:0}.dream-detail-text h1,.dream-detail-text h2,.dream-detail-text h3{color:#a78bfa;margin-top:1.5rem;margin-bottom:.5rem;font-weight:600}.dream-detail-text h1{font-size:1.2rem}.dream-detail-text h2{font-size:1.1rem}.dream-detail-text h3{font-size:1rem}.dream-detail-text ul,.dream-detail-text ol{margin-bottom:1rem;padding-left:1.5rem}.dream-detail-text li{margin-bottom:.4rem}.dream-detail-text strong{color:#c4b5fd;font-weight:600}.dream-detail-text em{color:#d1d5db;font-style:italic}.dream-detail-text hr{border:none;border-top:1px solid #7c3aed33;margin:1.5rem 0}.dream-messages{flex-direction:column;gap:1rem;display:flex}.dream-message{display:flex}.dream-message.user{justify-content:flex-end}.dream-message.guide{justify-content:flex-start}.dream-message-content{border-radius:14px;max-width:80%;padding:1rem;line-height:1.5}.dream-message.user .dream-message-content{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#9d3fd4 60%,#c026d3 100%);box-shadow:0 2px 12px #7c3aed4d}.dream-message.guide .dream-message-content{color:#e4e0f0;background-color:#22223a;background-image:linear-gradient(135deg,#22223a 0%,#1e1c30 100%);border:1px solid #2d2d42}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#2d2d42;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#4a3a6a}.button-group{justify-content:flex-end;gap:.75rem;display:flex}.record-button{color:#c4b5fd;cursor:pointer;background-color:#1e1e30;border:2px solid #2d2d42;border-radius:10px;padding:.75rem 1.5rem;font-size:1.25rem;transition:all .2s}.record-button:hover:not(:disabled){color:#e0e0e0;background-color:#26203e;border-color:#7c3aed;box-shadow:0 0 12px #7c3aed33}.record-button.recording{color:#fff;background-color:#dc2626;border-color:#ef4444;animation:1.5s infinite pulse;box-shadow:0 0 16px #dc262666}.record-button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 16px #dc262666}50%{opacity:.75;box-shadow:0 0 24px #dc262699}}.finish-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #10b9814d}.finish-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.finish-button:active:not(:disabled){transform:translateY(0)}.finish-button:disabled{opacity:.45;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#04040ad9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-overlay .modal-content{background:linear-gradient(160deg,#1e1535 0%,#1a1428 40%,#22213a 100%);border:1px solid #7c3aed40;border-radius:1rem;width:90%;max-width:600px;max-height:80vh;padding:2rem;animation:.3s ease-out slideUp;display:block;overflow-y:auto;box-shadow:0 16px 48px #0009,0 0 0 1px #7c3aed1f,0 0 60px #7c3aed14}.modal-overlay .modal-header{color:#0000;background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 80%,#fbbf72 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;border-bottom:none;margin-bottom:1.5rem;padding:0;font-size:1.5rem;font-weight:700;display:block}.modal-dream-title{text-align:center;color:#6b7280;margin-top:-.75rem;margin-bottom:1rem;font-size:1rem;font-style:italic}.modal-overlay .modal-close-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#9d3fd4 55%,#c026d3 100%);border:none;border-radius:.5rem;width:100%;height:auto;margin-top:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 12px #7c3aed66}.modal-overlay .modal-close-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 20px #7c3aed8c}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dream-title-header{border-bottom:1px solid #7c3aed1f;padding:.75rem 1rem}.dream-title{color:#c4b5fd;cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:1.1rem;transition:color .2s;display:inline-flex}.dream-title:hover{color:#e0e0e0}.title-edit-icon{color:#4a4a62;font-size:.85rem}.title-edit-form{align-items:center;gap:.5rem;display:flex}.title-input{color:#e0e0e0;background:#12121e;border:1px solid #7c3aed;border-radius:6px;flex:1;padding:.3rem .6rem;font-size:1rem;transition:box-shadow .2s}.title-input:focus{outline:none;box-shadow:0 0 0 2px #7c3aed4d}.title-save-btn,.title-cancel-btn{cursor:pointer;border:none;border-radius:6px;padding:.3rem .75rem;font-size:.85rem;transition:opacity .15s}.title-save-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#9d3fd4)}.title-save-btn:hover{opacity:.88}.title-cancel-btn{color:#6b7280;background:#1e1e30}.title-cancel-btn:hover{color:#9ca3af}.dream-elements{border-top:1px solid #7c3aed14;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.element-chip{color:#a78bfa;cursor:pointer;background:#7c3aed14;border:1px solid #7c3aed4d;border-radius:20px;padding:.3rem .75rem;font-size:.8rem;transition:background .15s,border-color .15s,box-shadow .15s}.element-chip:hover:not(:disabled){background:#7c3aed33;border-color:#7c3aed80;box-shadow:0 0 8px #7c3aed33}.element-chip:disabled{opacity:.5;cursor:not-allowed}.folktale-chip{color:#5eead4;background:#5eead414;border-color:#5eead44d;text-decoration:none}.folktale-chip:hover{background:#5eead42e;border-color:#5eead480;box-shadow:0 0 8px #5eead426}.eval-container{flex-direction:column;flex:1;display:flex}.eval-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.eval-header h2{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f97316 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem}.eval-subtitle{color:#6b7280;font-size:.875rem}.eval-header-actions{align-items:center;gap:1rem;display:flex}.eval-overall-score{font-size:1.25rem;font-weight:700}.eval-loading,.eval-error,.eval-empty{background-color:#1a1a28;border:1px solid #222236;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;padding:2rem;display:flex}.eval-loading p,.eval-empty p{color:#6b7280;font-size:1.1rem}.eval-error p{color:#f87171;font-size:1.1rem}.eval-results-summary{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.eval-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.eval-card{background-color:#11111c;background-image:linear-gradient(160deg,#14122a 0%,#11111c 60%);border:1px solid #252538;border-radius:14px;padding:1.5rem;transition:all .25s}.eval-card:hover{border-color:#7c3aed80;box-shadow:0 6px 20px #0006,0 0 0 1px #7c3aed26,0 0 16px #7c3aed14}.eval-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.eval-card-title{color:#e0e0e0;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.eval-model-tag{color:#6b7280;background-color:#1e1e30;border:1px solid #252538;border-radius:4px;padding:.15rem .5rem;font-size:.7rem}.eval-average{font-size:2rem;font-weight:700;line-height:1}.eval-scores-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.eval-score-badge{background-color:#ffffff05;border:1px solid;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;display:flex}.eval-score-label{color:#6b7280}.eval-score-value{font-weight:700}.eval-hallucination-row{margin-bottom:.75rem}.eval-hallucination-ok{color:#34d399;font-size:.8rem}.eval-hallucination-warn{color:#f87171;font-size:.8rem;font-weight:600}.eval-expand-button{color:#a78bfa;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline;transition:color .2s}.eval-expand-button:hover{color:#c4b5fd}.eval-details{border-top:1px solid #222236;margin-top:1rem;padding-top:1rem}.eval-detail-section{margin-bottom:1rem}.eval-detail-section:last-child{margin-bottom:0}.eval-detail-section h4{color:#a78bfa;margin-bottom:.35rem;font-size:.85rem}.eval-detail-section p{color:#b0adc4;white-space:pre-wrap;font-size:.85rem;line-height:1.5}.landing-hero{text-align:center;padding:3rem 1rem 2rem}.landing-hero h1{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#f97316 100%);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3.5rem;font-weight:700}.landing-tagline{background:linear-gradient(135deg,#a78bfa 0%,#fb923c 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.25rem;font-style:italic}.landing-description{color:#6b7280;max-width:480px;margin:0 auto;font-size:1rem;line-height:1.7}.add-dream-button{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#9d3fd4 55%,#c026d3 100%);border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-block;box-shadow:0 2px 10px #7c3aed66}.add-dream-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed8c}.modal-detail-header{background:linear-gradient(#7c3aed0d 0%,#0000 100%);border-bottom:1px solid #222236;padding:1.75rem 1.75rem 1.25rem;position:relative}.modal-detail-close{color:#2d2d42;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-detail-close:hover{color:#a78bfa}.modal-detail-title{background:linear-gradient(135deg,#a78bfa 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.4rem;margin:0 0 .4rem;padding-right:2rem;font-size:1.5rem;font-weight:600;transition:opacity .2s;display:inline-flex}.modal-detail-title:hover{opacity:.8}.modal-detail-title-icon{color:#4a4a62;font-size:.85rem}.modal-detail-date{color:#4a4a62;letter-spacing:.02em;margin:0;font-size:.8rem}.modal-title-edit-form{flex-direction:column;gap:.5rem;padding-right:2.5rem;display:flex}.modal-title-input{color:#e0e0e0;background:#0e0e1a;border:2px solid #7c3aed;border-radius:8px;width:100%;padding:.5rem .75rem;font-size:1.25rem;font-weight:600;transition:box-shadow .2s}.modal-title-input:focus{outline:none;box-shadow:0 0 0 3px #7c3aed40}.modal-title-edit-actions{gap:.5rem;display:flex}.modal-title-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#9d3fd4);border:none;border-radius:6px;padding:.3rem .9rem;font-size:.85rem;font-weight:600;transition:opacity .15s;box-shadow:0 1px 6px #7c3aed59}.modal-title-save-btn:hover{opacity:.88}.modal-title-cancel-btn{color:#4a4a62;cursor:pointer;background:0 0;border:none;padding:.3rem .5rem;font-size:.85rem;transition:color .2s}.modal-title-cancel-btn:hover{color:#9ca3af}.profile-button{color:#c4b5fd;cursor:pointer;background-color:#1e1e30;border:1px solid #2d2d42;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.profile-button:hover{color:#e0e0e0;background-color:#26203e;border-color:#4a3a6a}.form-group textarea{color:#e0e0e0;resize:vertical;background-color:#0e0e1a;border:2px solid #2d2d42;border-radius:8px;width:100%;min-height:80px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group textarea:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed2e}.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-section-label{letter-spacing:.08em;text-transform:uppercase;color:#3a3a52;border-top:1px solid #1e1e30;margin-top:.25rem;padding:.25rem 0;font-size:.7rem;font-weight:600}.navbar{-webkit-backdrop-filter:blur(12px);z-index:100;background-color:#0a0914d9;border-bottom:1px solid #7c3aed1f;justify-content:space-between;align-items:center;height:68px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand{background:linear-gradient(135deg,#7c3aed 0%,#c026d3 55%,#f97316 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.navbar-logo{object-fit:contain;flex-shrink:0;width:38px;height:38px}.navbar-brand:hover{opacity:.85}.navbar-links{gap:.25rem;display:flex}.navbar-link{color:#6b7280;border-radius:8px;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;transition:color .15s,background .15s}.navbar-link:hover{color:#e0e0e0;background:#ffffff0d}.navbar-link.active{color:#a78bfa;background:#7c3aed26}.navbar-user{align-items:center;display:flex}.navbar-dropdown-wrapper{position:relative}.navbar-avatar{color:#a78bfa;cursor:pointer;background:linear-gradient(135deg,#2a1e50,#3a2a60);border:1.5px solid #7c3aed80;border-radius:50%;width:34px;height:34px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 0 #7c3aed00}.navbar-avatar:hover{background:linear-gradient(135deg,#3a2a60,#4a3070);border-color:#7c3aedcc;box-shadow:0 0 10px #7c3aed4d}.navbar-dropdown{background:#1a1a28;border:1px solid #2d2d42;border-radius:10px;min-width:160px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000080,0 0 0 1px #7c3aed14}.navbar-dropdown-item{text-align:left;color:#d4d0e8;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem 1rem;font-size:.875rem;text-decoration:none;transition:background .1s,color .1s;display:block}.navbar-dropdown-item:hover{color:#e0e0e0;background:#7c3aed1a}.navbar-dropdown-item.logout{color:#f87171}.navbar-dropdown-item.logout:hover{background:#dc26261a}.container{padding-top:5rem}.modal-footer{background:linear-gradient(#0000 0%,#00000026 100%);border-top:1px solid #222236;flex-shrink:0;align-items:center;padding:.75rem 1.75rem;display:flex}.dream-delete-btn{color:#4a4a62;letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-family:inherit;font-size:.8rem;transition:color .18s,background .18s;display:inline-flex}.dream-delete-btn:hover,.dream-delete-btn:focus-visible{color:#ef4444;background:#ef444414;outline:none}.dream-delete-btn:focus-visible{box-shadow:0 0 0 2px #ef444440}.dream-delete-btn.confirming{color:#f87171;background:#2a1a1ab3}.dream-delete-btn.confirming:hover,.dream-delete-btn.confirming:focus-visible{color:#fca5a5;background:#3c1414d9}
