:root{--bg-deep: #0a0518;--bg-mid: #1a0f2e;--bg-card: rgba(255, 255, 255, .04);--bg-card-hover: rgba(255, 255, 255, .07);--accent-warm: #f5f168;--accent-soft: #dcc8ff;--accent-lavender: #b8a3ff;--accent-pink: #ff9ec7;--accent-dim: rgba(255, 255, 255, .6);--text-primary: #f0e8d8;--text-secondary: rgba(240, 232, 216, .7);--text-tertiary: rgba(240, 232, 216, .4);--danger: #ff9b9b;--success: #a8e6a3;--warn: #ffd16e;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--fs-4xl: 2.5rem;--nav-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--bg-deep);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;overscroll-behavior:none;min-height:100vh}body{background:linear-gradient(180deg,#0a0518,#1a0f2e);background-attachment:fixed}#app{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.screen{padding:var(--sp-5);padding-top:calc(var(--sp-5) + env(safe-area-inset-top,0));max-width:480px;margin:0 auto;position:relative;min-height:100vh}.screen-release,.screen-home{padding-bottom:0}.screen-release,.screen-reflection{display:flex;flex-direction:column;justify-content:center}.night-sky-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(245,241,104,.04) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(184,163,255,.04) 0%,transparent 40%);z-index:-1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);display:flex;background:#0a0518e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.06);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;background:none;border:none;color:var(--text-tertiary);font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:color .2s ease-out}.nav-tab.active{color:var(--accent-warm)}.nav-icon{font-size:22px}.nav-label{font-size:var(--fs-xs)}.screen:not(.screen-home):not(.screen-release){padding-bottom:calc(var(--nav-h) + var(--sp-5) + env(safe-area-inset-bottom))}.primary-btn{display:block;width:100%;padding:var(--sp-4);background:var(--accent-warm);color:var(--bg-deep);border:none;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s ease-out,opacity .15s ease-out}.primary-btn:active{transform:scale(.98);opacity:.9}.ghost-btn{display:block;width:100%;padding:var(--sp-4);background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);font-size:var(--fs-md);font-family:inherit;cursor:pointer;margin-top:var(--sp-3)}.home-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--sp-5) * 2);text-align:center}.moon{font-size:80px;margin-bottom:var(--sp-5);filter:drop-shadow(0 0 30px rgba(245,241,104,.3))}.home-title{font-size:var(--fs-3xl);font-weight:600;margin:0 0 var(--sp-7) 0;letter-spacing:-.02em;color:var(--text-primary)}.home-buttons{display:flex;gap:var(--sp-4);width:100%;max-width:360px}.btn-emotion{flex:1;padding:var(--sp-5) var(--sp-3);background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);color:var(--text-primary);font-family:inherit;font-size:var(--fs-md);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);transition:transform .15s ease-out,background .2s ease-out}.btn-emotion:active{transform:scale(.97)}.btn-emotion .emoji{font-size:48px}.streak-card{margin-top:var(--sp-7);padding:var(--sp-3) var(--sp-5);background:var(--bg-card);border-radius:var(--r-full);font-size:var(--fs-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp-2)}.home-greeting{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0518d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200}.greeting-card{background:var(--bg-mid);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:var(--sp-7);max-width:320px;text-align:center}.greeting-text{font-size:var(--fs-xl);margin-bottom:var(--sp-4);color:var(--text-primary)}.greeting-streak{font-size:var(--fs-sm);color:var(--text-tertiary)}.back-btn{position:absolute;top:var(--sp-4);left:var(--sp-4);background:none;border:none;color:var(--text-secondary);font-size:32px;font-family:inherit;cursor:pointer;padding:0;line-height:1;z-index:10}.screen-title{font-size:var(--fs-2xl);font-weight:600;margin:var(--sp-5) 0 var(--sp-2) 0;text-align:center;color:var(--text-primary);letter-spacing:-.01em}.screen-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--fs-sm);margin:0 0 var(--sp-6) 0}.screen-record{padding-top:calc(var(--sp-7) + env(safe-area-inset-top,0))}.dream-input{width:100%;min-height:220px;padding:var(--sp-4);background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-lg);color:var(--text-primary);font-family:inherit;font-size:var(--fs-md);line-height:1.7;resize:vertical;margin-bottom:var(--sp-4)}.dream-input:focus{outline:none;border-color:var(--accent-lavender)}.dream-input::placeholder{color:var(--text-tertiary)}.record-actions{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4)}.voice-btn{flex:1;padding:var(--sp-4);background:var(--bg-card);border:1px solid rgba(245,241,104,.2);border-radius:var(--r-lg);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:all .2s ease-out;min-height:88px}.voice-btn:active,.voice-btn.recording{background:#f5f1681a;border-color:var(--accent-warm)}.mic-icon{font-size:24px}.skip-btn{padding:var(--sp-4);background:transparent;border:1px dashed rgba(255,255,255,.15);border-radius:var(--r-lg);color:var(--text-tertiary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;min-height:88px;display:flex;align-items:center}.wizard-progress{display:flex;justify-content:center;gap:var(--sp-2);margin:var(--sp-5) 0 var(--sp-2)}.step-dot{width:32px;height:4px;background:#ffffff1a;border-radius:var(--r-full);transition:background .3s ease-out}.step-dot.active{background:var(--accent-warm)}.wizard-step-label{text-align:center;color:var(--text-tertiary);font-size:var(--fs-xs);margin:0 0 var(--sp-5)}.wizard-title{text-align:center;font-size:var(--fs-xl);font-weight:500;margin:0 0 var(--sp-6);color:var(--text-primary)}.chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6)}.chip{padding:var(--sp-4);background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-lg);color:var(--text-primary);font-family:inherit;font-size:var(--fs-md);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:all .15s ease-out}.chip:active{transform:scale(.97)}.chip.selected{background:#f5f1681f;border-color:var(--accent-warm);color:var(--accent-warm)}.chip-emoji{font-size:22px}.wizard-footer{margin-top:var(--sp-6)}.wizard-footer .ghost-btn{margin-top:var(--sp-3)}.reflection-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-mascot{font-size:64px;margin-bottom:var(--sp-4);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-text{color:var(--text-secondary);font-size:var(--fs-md);transition:opacity .3s ease}.loading-dots:after{content:"";display:inline-block;animation:dots 1.5s steps(4,end) infinite;width:1.5em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-hint{color:var(--text-tertiary);font-size:var(--fs-sm);margin-top:var(--sp-3);font-style:italic}.loading-mascot{animation:float 3s ease-in-out infinite,pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 8px rgba(245,241,104,.3))}50%{filter:drop-shadow(0 0 20px rgba(245,241,104,.6))}}.reflection-container{display:flex;flex-direction:column;gap:var(--sp-5);padding:var(--sp-4) 0}.reflection-section{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}.reflection-section.revealed{opacity:1;transform:translateY(0)}.reflection-section h2{font-size:var(--fs-2xl);font-weight:500;text-align:center;margin:0;color:var(--accent-soft);letter-spacing:-.01em;line-height:1.4}.section-label{display:block;font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--sp-2)}.reflection-section p{font-size:var(--fs-lg);line-height:1.7;color:var(--text-primary);margin:0}.reflection-quote{text-align:center;padding:var(--sp-5);background:var(--bg-card);border-radius:var(--r-lg)}.reflection-quote p{font-size:var(--fs-xl);font-style:italic}.gentle-cta{margin-top:var(--sp-3)!important;font-size:var(--fs-sm)!important;color:var(--text-secondary)!important;font-style:normal}.elements-details{background:var(--bg-card);border-radius:var(--r-lg);padding:var(--sp-3)}.elements-details summary{cursor:pointer;padding:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-sm)}.elements-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-3)}.element-card{padding:var(--sp-3);background:#ffffff08;border-radius:var(--r-md);display:flex;flex-direction:column;gap:var(--sp-1)}.element-card.confidence-low{border-left:3px solid var(--accent-pink)}.element-name{color:var(--accent-warm);font-size:var(--fs-sm)}.element-explanation{color:var(--text-secondary);font-size:var(--fs-sm)}.confidence-tag{font-size:var(--fs-xs);color:var(--accent-pink)}.reflection-actions{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-3)}.release-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:80vh}.release-prompt .mascot{font-size:72px;margin-bottom:var(--sp-5)}.release-title{font-size:var(--fs-2xl);font-weight:500;margin:0 0 var(--sp-3);color:var(--text-primary);letter-spacing:-.01em}.release-sub{color:var(--text-secondary);margin:0 0 var(--sp-7)}.release-actions{width:100%;max-width:320px}.release-btn{font-size:var(--fs-lg);padding:var(--sp-5)}.release-animation{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);z-index:300}.release-canvas{width:100%;height:100%;display:block}.screen-sky{padding-top:calc(var(--sp-5) + env(safe-area-inset-top,0))}.sky-canvas-wrapper{position:relative;width:100%;height:calc(100vh - 180px);max-height:600px;border-radius:var(--r-lg);overflow:hidden;margin-top:var(--sp-4)}.sky-canvas{width:100%;height:100%;display:block}.star-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0518d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--sp-5)}.modal-content{background:var(--bg-mid);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:var(--sp-6);max-width:360px;width:100%;position:relative}.modal-close{position:absolute;top:var(--sp-3);right:var(--sp-3);background:none;border:none;color:var(--text-tertiary);font-size:28px;font-family:inherit;cursor:pointer;line-height:1}.modal-date{color:var(--text-tertiary);font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.modal-quote{font-size:var(--fs-lg);color:var(--accent-soft);margin:0 0 var(--sp-4);line-height:1.6;font-style:italic}.modal-details{color:var(--text-secondary);font-size:var(--fs-sm)}.modal-details summary{cursor:pointer;color:var(--text-tertiary);padding:var(--sp-2) 0}.modal-details p{margin:var(--sp-2) 0;line-height:1.6}.history-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-5)}.history-item{padding:var(--sp-4);background:var(--bg-card);border-radius:var(--r-lg);cursor:pointer}.history-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.history-date{color:var(--text-tertiary);font-size:var(--fs-xs)}.star-badge{font-size:18px}.history-summary{margin:0 0 var(--sp-2);color:var(--text-primary);font-size:var(--fs-md)}.history-tags{display:flex;gap:var(--sp-1);flex-wrap:wrap}.tag{font-size:var(--fs-xs);padding:2px var(--sp-2);background:#ffffff0f;border-radius:var(--r-full);color:var(--text-secondary)}.profile-section{padding:var(--sp-5);background:var(--bg-card);border-radius:var(--r-lg);margin-bottom:var(--sp-4)}.profile-avatar{font-size:48px;text-align:center;margin-bottom:var(--sp-3)}.profile-greeting{text-align:center;color:var(--text-secondary);margin:0}.section-title{font-size:var(--fs-sm);color:var(--text-tertiary);margin:0 0 var(--sp-3);font-weight:500}.stat-large{font-size:var(--fs-4xl);font-weight:600;color:var(--accent-warm);margin:0}.stat-unit{font-size:var(--fs-md);color:var(--text-secondary)}.stat-hint{font-size:var(--fs-sm);color:var(--text-tertiary);margin:var(--sp-1) 0 0}.field-label{display:block;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-2)}.api-key-input{width:100%;padding:var(--sp-3);background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.api-key-input:focus{outline:none;border-color:var(--accent-lavender)}.text-input{width:100%;padding:var(--sp-3);background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);margin-bottom:var(--sp-2)}.text-input:focus{outline:none;border-color:var(--accent-lavender)}.provider-select{width:100%;padding:var(--sp-3);background:var(--bg-deep);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-md);color:var(--text-primary);font-family:inherit;font-size:var(--fs-md);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23dcc8ff' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.provider-select:focus{outline:none;border-color:var(--accent-lavender)}.provider-select option{background:var(--bg-deep);color:var(--text-primary)}.field-hint{font-size:var(--fs-xs);color:var(--text-tertiary);margin:0 0 var(--sp-3)}.field-hint a{color:var(--accent-lavender)}.success-hint{color:var(--success);font-size:var(--fs-sm);margin:var(--sp-2) 0 0}.warn-hint{color:var(--warn);font-size:var(--fs-sm);margin:var(--sp-2) 0 0}.muted{color:var(--text-tertiary);font-size:var(--fs-sm);line-height:1.6}.empty-state{text-align:center;padding:var(--sp-7) var(--sp-4)}.empty-state h2{font-size:var(--fs-xl);font-weight:500;margin:0 0 var(--sp-3);color:var(--text-primary)}.empty-state p{color:var(--text-secondary);margin:0 0 var(--sp-5)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.loading-mascot{animation:none}}.history-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:var(--bg-mid);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:0 20px 60px #00000080}.modal-content .primary-btn,.modal-content .ghost-btn{margin-top:var(--sp-4)}.modal-close{position:absolute;top:var(--sp-3);right:var(--sp-3);width:32px;height:32px;border-radius:var(--r-full);border:none;background:var(--bg-card);color:var(--text-secondary);font-size:20px;cursor:pointer}.modal-section-title{font-size:var(--fs-sm);color:var(--text-tertiary);margin:var(--sp-4) 0 var(--sp-2);font-weight:500}.modal-section-title:first-of-type{margin-top:var(--sp-3)}.modal-dream-content{font-size:var(--fs-md);color:var(--text-primary);line-height:1.7;white-space:pre-wrap}.modal-quote{font-style:italic;color:var(--accent-soft);font-size:var(--fs-md)}.draft-badge{display:inline-block;margin-left:var(--sp-2);padding:2px 8px;font-size:var(--fs-xs);color:var(--text-tertiary);border:1px solid currentColor;border-radius:var(--r-full)}.sky-axis{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-xs);color:var(--text-tertiary)}.sky-axis>:nth-child(2){font-style:italic;color:var(--text-secondary);letter-spacing:.1em}.release-success{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:#f5f16814;border-radius:var(--r-md);color:var(--accent-warm);font-size:var(--fs-sm);animation:fade-in .6s ease}.release-success span:first-child{font-size:24px;animation:pulse-glow 2s ease-in-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-actions-release{margin-top:var(--sp-5)}.release-btn{width:100%}.home-record-entry{margin-top:var(--sp-5);font-size:var(--fs-sm);color:var(--text-tertiary);width:100%}.home-record-entry:hover{color:var(--text-secondary)}