.dream-detail-container{min-height:100vh;background:hsl(var(--background));color:hsl(var(--foreground));position:relative;overflow-x:hidden}.dream-detail-header{display:flex;align-items:center;gap:1rem;padding:2rem 0 1rem;max-width:1000px;margin:0 auto;position:relative}.dream-detail-title{display:flex;align-items:center;gap:.75rem;font-size:1.375rem;font-weight:600;color:hsl(var(--foreground));margin:0}.back-button{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));transition:all .2s ease}.back-button:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));color:hsl(var(--accent-foreground));transform:translate(-2px)}.dream-content-wrapper{max-width:1000px;margin:0 auto;padding:2rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px hsl(var(--shadow) / .1)}.dream-section{padding:1.5rem 0;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);border-bottom:2px solid hsl(var(--border));position:relative}.dream-section:last-child,.dream-ai-section{border-bottom:none}.dream-section:after{content:"";position:absolute;bottom:-2px;left:10%;right:10%;height:4px;background:linear-gradient(90deg,transparent,hsl(var(--muted-foreground) / .3),transparent);border-radius:2px}.dream-ai-section:after{display:none}.dream-overview-section{padding:2rem 0 1.5rem}.dream-section.section-visible{opacity:1;transform:translateY(0)}.dream-section.section-visible .section-title{animation:titleSlideIn .8s cubic-bezier(.4,0,.2,1) .2s both}@keyframes titleSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.dream-overview-section{position:relative;text-align:center;padding:2rem 0 1.5rem!important}.overview-actions{position:absolute;top:1rem;right:0;display:flex;gap:.5rem}.action-button{background:transparent;border:1px solid hsl(var(--border));color:hsl(var(--foreground));transition:all .2s ease}.action-button:hover{background:hsl(var(--accent));border-color:hsl(var(--ring));color:hsl(var(--accent-foreground));transform:translateY(-1px)}.delete-button:hover{border-color:hsl(var(--destructive));color:hsl(var(--destructive));background:hsl(var(--destructive) / .1)}.overview-content{max-width:800px}.dream-main-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,hsl(var(--dream-text)),hsl(var(--dream-accent)),hsl(var(--dream-primary)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;line-height:1.2;text-shadow:0 4px 20px hsl(var(--dream-primary) / .3)}.light .dream-main-title{background:linear-gradient(135deg,#111827,#2d5286,#1f2937);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 3px 12px rgba(51,65,85,.25);font-weight:800}.dream-meta-row{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem}.dream-tags-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.ai-analysis-btn{background:linear-gradient(135deg,hsl(var(--dream-primary)),hsl(var(--dream-secondary)));border:none;color:hsl(var(--primary-foreground));font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px hsl(var(--dream-primary) / .3)}.ai-analysis-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--dream-primary) / .4);background:linear-gradient(135deg,hsl(var(--dream-primary) / .9),hsl(var(--dream-secondary) / .9))}.meta-badge,.category-badge,.tag-badge,.privacy-badge{font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.meta-badge{background:hsl(var(--dream-primary) / .12);border-color:hsl(var(--dream-primary) / .3);color:hsl(var(--dream-text))}.light .meta-badge{background:#f8fafccc;border:1px solid rgba(51,65,85,.25);color:#1f2937;font-weight:500}.category-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:12px;font-weight:500;border:1px solid}.light .category-badge{border-width:1px;font-weight:500;opacity:.9}.tag-badge{background:hsl(var(--dream-primary) / .15);border:1px solid hsl(var(--dream-primary) / .3);color:hsl(var(--dream-text))}.light .tag-badge{background:#e2e8f099;border:1px solid rgba(51,65,85,.25);color:#1f2937;font-weight:500}.privacy-badge{background:hsl(var(--dream-muted) / .1);border-color:hsl(var(--dream-muted) / .3);color:hsl(var(--dream-text) / .85)}.light .privacy-badge{background:#f1f5f9b3;border:1px solid rgba(51,65,85,.2);color:#374151;font-weight:500}.dream-content-section{padding:2rem 0}.content-card{background:linear-gradient(135deg,hsl(var(--dream-primary) / .08),hsl(var(--dream-secondary) / .05));border:1px solid hsl(var(--dream-primary) / .2);border-radius:16px;overflow:hidden;transition:all .3s ease}.content-card .card-header{padding-bottom:1rem}.content-card .card-content{padding-top:0}.content-card:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .12),hsl(var(--dream-secondary) / .08));border-color:hsl(var(--dream-primary) / .3);transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--dream-primary) / .25)}.content-card .rich-text-content{color:#ffffffe6;line-height:1.6;font-size:1rem;padding:2rem}.light .content-card .rich-text-content{color:#1f2937!important;font-weight:500}.dream-emotion-section{padding:2rem 0}.emotion-compact-card{background:linear-gradient(135deg,hsl(var(--dream-primary) / .08),hsl(var(--dream-secondary) / .05));border:1px solid hsl(var(--dream-primary) / .2);border-radius:16px;transition:all .3s ease}.emotion-compact-card .card-header{padding-bottom:1rem}.emotion-compact-card .card-content{padding-top:0}.emotion-compact-card:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .12),hsl(var(--dream-secondary) / .08));border-color:hsl(var(--dream-primary) / .3);transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--dream-primary) / .25)}.emotion-compact-content{padding:2rem}.emotion-track{margin-bottom:2rem}.track-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:hsl(var(--dream-text));margin-bottom:1.5rem}.emotion-stages{display:flex;justify-content:space-between;gap:1rem}.emotion-stage{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,hsl(var(--dream-primary) / .1),hsl(var(--dream-secondary) / .08));border:1px solid hsl(var(--dream-primary) / .25);border-radius:12px;text-align:center;transition:all .3s ease}.emotion-stage:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .15),hsl(var(--dream-secondary) / .12));border-color:hsl(var(--dream-primary) / .35);transform:translateY(-2px)}.stage-label{font-size:.875rem;color:hsl(var(--dream-accent));font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mood-icon{font-size:2rem;margin:.5rem 0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.mood-icon-large{font-size:2.25rem;margin:.5rem 0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transform:scale(1);transition:transform .3s ease}.emotion-stage:hover .mood-icon-large{transform:scale(1.05)}.mood-text{font-size:.875rem;color:hsl(var(--dream-text));font-weight:500}.sleep-metrics-row,.emotion-metrics-row{margin-bottom:1.5rem;padding:1.25rem;background:linear-gradient(135deg,hsl(var(--dream-primary) / .08),hsl(var(--dream-secondary) / .05));border:1px solid hsl(var(--dream-primary) / .2);border-radius:12px;transition:all .3s ease}.sleep-metrics-row:hover,.emotion-metrics-row:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .12),hsl(var(--dream-secondary) / .08));border-color:hsl(var(--dream-primary) / .3)}.metrics-category-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:hsl(var(--dream-text));margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.metrics-row-content{display:flex;gap:1.5rem;flex-wrap:wrap}.metric-item.compact{flex:1;min-width:150px;padding:.75rem;background:hsl(var(--dream-primary) / .05);border:1px solid hsl(var(--dream-primary) / .15);border-radius:8px;transition:all .2s ease}.metric-item.compact:hover{background:hsl(var(--dream-primary) / .08);border-color:hsl(var(--dream-primary) / .25)}.metric-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:hsl(var(--dream-text))}.metric-value{display:flex;flex-direction:column;align-items:center;gap:.75rem}.stars-compact{display:flex;gap:.25rem;justify-content:center}.quality-text{font-size:.875rem;color:hsl(var(--dream-text));font-weight:600}.lucidity-compact{display:flex;align-items:center;gap:1rem;width:100%}.lucidity-bar-mini{flex:1;height:8px;background:#9333ea33;border-radius:4px;overflow:hidden}.lucidity-fill-mini{height:100%;background:linear-gradient(90deg,#9333ea,#7c3aed);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #9333ea66}.lucidity-score{font-size:1rem;font-weight:700;color:#9333ea;min-width:40px;text-align:center}.clarity-compact{display:flex;align-items:center;gap:1rem;width:100%}.clarity-bar-mini{flex:1;height:8px;background:#fbbf2433;border-radius:4px;overflow:hidden}.clarity-fill-mini{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #fbbf2466}.clarity-score{font-size:1rem;font-weight:700;color:#f59e0b;min-width:40px;text-align:center}.sleep-times-item,.sleep-duration-item{grid-column:span 1}.sleep-times-inline{display:flex;gap:1rem;flex-wrap:wrap}.time-inline{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#c084fc1a;border:1px solid rgba(192,132,252,.2);border-radius:6px;font-size:.875rem;font-weight:500;color:#e9d5ff}.time-inline svg{color:#a78bfa}.light .time-inline{background:#f1f5f9b3;border:1px solid rgba(51,65,85,.25);color:#1f2937!important;font-weight:500}.light .time-inline svg{color:#334155b3!important}.duration-value-compact{font-size:1rem;font-weight:600;color:#c084fc;padding:.5rem 1rem;background:linear-gradient(135deg,#c084fc1a,#c084fc0d);border:1px solid rgba(192,132,252,.2);border-radius:8px;display:inline-block}.light .duration-value-compact{background:#f1f5f9b3;border:1px solid rgba(51,65,85,.25);color:#334155cc!important;font-weight:600}.section-header{padding:.875rem 1.25rem;background:linear-gradient(135deg,hsl(var(--dream-primary) / .1),hsl(var(--dream-secondary) / .08));border:1px solid hsl(var(--dream-primary) / .25);border-radius:12px;transition:all .3s ease}.section-header:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .15),hsl(var(--dream-secondary) / .12));border-color:hsl(var(--dream-primary) / .35)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:hsl(var(--dream-text));margin-bottom:0}.card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:hsl(var(--dream-text))}.dream-thoughts-section{padding:2rem 0}.thoughts-content{display:flex;flex-direction:column;gap:2rem;width:100%}.interpretation-card,.notes-card{width:100%;background:linear-gradient(135deg,hsl(var(--dream-primary) / .08),hsl(var(--dream-secondary) / .05));border:1px solid hsl(var(--dream-primary) / .2);border-radius:16px;overflow:hidden;transition:all .3s ease}.interpretation-card .card-header,.notes-card .card-header{padding-bottom:1rem}.interpretation-card .card-content,.notes-card .card-content{padding-top:0}.ai-analysis-card+.interpretation-card{margin-top:2rem}.interpretation-card:hover,.notes-card:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .12),hsl(var(--dream-secondary) / .08));border-color:hsl(var(--dream-primary) / .3);transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--dream-primary) / .25)}.card-header-content{display:flex;justify-content:space-between;align-items:center}.interpretation-editor{padding:1rem}.interpretation-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(139,92,246,.3);color:#e2e8f0;font-size:1rem;line-height:1.6;padding:1rem;border-radius:8px;resize:vertical;transition:all .3s ease}.interpretation-textarea:focus{background:#ffffff14;border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.light .interpretation-textarea{background:#fff;border:1px solid rgba(51,65,85,.25);color:#1f2937}.light .interpretation-textarea:focus{background:#fff;border-color:#33415566;box-shadow:0 0 0 2px #3341551a}.light .interpretation-textarea::placeholder{color:#6b7280}.editor-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.interpretation-content p,.notes-content{color:#e2e8f0;line-height:1.6;white-space:pre-wrap;font-size:1rem;padding-top:.75rem}.light .interpretation-content p,.light .notes-content{color:#1f2937!important;font-weight:500}.empty-state{text-align:center;padding:2.5rem;color:#ffffff80}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:400px;margin:0 auto}.empty-state-text h4{font-size:1rem;font-weight:600;color:#fffc;margin:0 0 .5rem}.empty-state-text p{font-size:.875rem;line-height:1.5;margin:0}.light .empty-state{color:#6b7280!important}.light .empty-state svg{color:#9ca3af!important}.light .empty-state-text h4{color:#374151!important}.light .empty-state-text p{color:#6b7280!important}.dream-ai-section{padding:2rem 0}.ai-analysis-card{background:linear-gradient(135deg,hsl(var(--dream-primary) / .08),hsl(var(--dream-secondary) / .05));border:1px solid hsl(var(--dream-primary) / .2);border-radius:16px;overflow:hidden;transition:all .3s ease}.ai-analysis-card .card-header{padding-bottom:1rem}.ai-analysis-card .card-content{padding-top:0}.ai-analysis-card:hover{background:linear-gradient(135deg,hsl(var(--dream-primary) / .12),hsl(var(--dream-secondary) / .08));border-color:hsl(var(--dream-primary) / .3);transform:translateY(-2px);box-shadow:0 8px 24px hsl(var(--dream-primary) / .25)}.content-footer{display:flex;justify-content:flex-end;padding:1rem 0 0;margin-top:2rem;border-top:1px solid rgba(148,163,184,.15)}.update-time{font-size:.875rem;color:#fff9;font-style:italic}.light .content-footer{border-top:1px solid rgba(51,65,85,.15)}.light .update-time{color:#6b7280}.recurring-badge{background:#fbbf2426;border:1px solid rgba(251,191,36,.4);color:#f59e0b;font-weight:500;position:relative}.recurring-hint{font-size:.75rem;margin-left:.25rem;opacity:.7}.light .recurring-badge{background:#fef3c7cc;border:1px solid #f59e0b;color:#d97706;font-weight:500}.light .recurring-hint{color:#92400e}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6{color:#e9d5ff;margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.rich-text-content p{margin-bottom:1rem}.rich-text-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 8px 24px #0000004d}.rich-text-content a{color:#9333ea;text-decoration:underline;transition:color .3s ease}.rich-text-content a:hover{color:#a855f7}.rich-text-content blockquote{border-left:4px solid #9333ea;padding-left:1.5rem;margin:1.5rem 0;color:#fffc;font-style:italic}.rich-text-content code{background:#9333ea33;padding:.125rem .375rem;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.875em}.rich-text-content pre{background:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.5;margin:1.5rem 0}.rich-text-content ul,.rich-text-content ol{margin:1.5rem 0;padding-left:2rem}.rich-text-content li{margin-bottom:.5rem}.dream-detail-header .skeleton{background:#ffffff1a}:root{--text-primary: hsl(var(--dream-text));--text-secondary: hsl(var(--dream-text) / .85);--text-muted: hsl(var(--dream-text) / .7)}.light{--text-primary: #1f2937;--text-secondary: #374151;--text-muted: #6b7280}.dark{--text-primary: hsl(var(--dream-text));--text-secondary: hsl(var(--dream-text) / .85);--text-muted: hsl(var(--dream-text) / .7)}.light .dream-detail-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1)}.light .dream-content-wrapper{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:2px solid hsl(215 50% 45% / .2);box-shadow:0 20px 40px #33415526,inset 0 1px #ffffffe6}.light .content-card,.light .emotion-compact-card,.light .interpretation-card,.light .notes-card,.light .ai-analysis-card{background:#fffffff2;border:1px solid rgba(51,65,85,.15)}.light .content-card:hover,.light .emotion-compact-card:hover,.light .interpretation-card:hover,.light .notes-card:hover,.light .ai-analysis-card:hover{background:#fff;border-color:#33415540;transform:translateY(-1px)}.light .section-header{background:#f1f5f9cc;border:1px solid rgba(51,65,85,.2)}.light .section-header:hover{background:#e2e8f0e6;border-color:#3341554d}.light .sleep-metrics-row,.light .emotion-metrics-row{background:#f8fafcb3;border:1px solid rgba(51,65,85,.15)}.light .sleep-metrics-row:hover,.light .emotion-metrics-row:hover{background:#f1f5f9e6;border-color:#33415540}.light .emotion-stage{background:#f8fafccc;border:1px solid rgba(51,65,85,.2)}.light .emotion-stage:hover{background:#f1f5f9e6;border-color:#3341554d}.light .metric-item.compact{background:#ffffffe6;border:1px solid rgba(51,65,85,.15)}.light .metric-item.compact:hover{background:#fff;border-color:#33415540}.section-title,.card-title,.track-title,.metrics-category-title,.metric-header,.stage-label,.time-label,.time-icon{color:var(--text-primary)!important}.mood-text,.quality-text,.time-value{color:var(--text-secondary)!important}.content-card .rich-text-content,.interpretation-content p,.notes-content{color:var(--text-primary)!important}.light .content-card .rich-text-content,.light .interpretation-content p,.light .notes-content{color:#1f2937!important;font-weight:500;text-shadow:none}.time-inline{color:var(--text-primary)!important}.time-inline svg{color:hsl(var(--dream-accent))!important}.duration-value,.duration-value-compact,.lucidity-score{color:hsl(var(--dream-primary))!important}.clarity-score{color:#f59e0b!important}@media (max-width: 768px){.dream-detail-header{padding:1.5rem 1rem .5rem}.dream-detail-title{font-size:1.25rem}.dream-content-wrapper{margin:0 1rem;padding:1.5rem;border-radius:20px}.dream-main-title{font-size:2rem}.overview-actions{top:.5rem;right:.5rem}.emotion-stages{flex-direction:column;gap:1rem}.emotion-stage{padding:1.5rem}.sleep-metrics-row,.emotion-metrics-row{margin-bottom:1rem;padding:1rem}.metrics-row-content{flex-direction:column;gap:1rem}.metric-item.compact{min-width:unset}.section-title{font-size:1rem}.emotion-compact-content{padding:1.5rem}.metric-item{padding:1rem}}@media (max-width: 480px){.meta-badge,.category-badge,.tag-badge,.privacy-badge{font-size:.75rem;padding:.375rem .75rem}.dream-main-title{font-size:1.75rem}.overview-content{padding:0 1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:hsl(var(--dream-primary) / .5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--dream-primary) / .7)}.light ::-webkit-scrollbar-track{background:#0000000d}.light ::-webkit-scrollbar-thumb{background:#3969ac99}.light ::-webkit-scrollbar-thumb:hover{background:#3969accc}