*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a0a2e,#2d1b4e,#1a0a2e);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:2rem 1rem;color:#e0d0f0}#root{width:100%;max-width:520px}.app-header{text-align:center;margin-bottom:1.5rem}.app-title{font-size:1.75rem;font-weight:700;color:#c8a2f0;letter-spacing:.02em}.app-subtitle{font-size:.9rem;color:#9880b0;margin-top:.25rem}.card{background:#1e0f32cc;border:1px solid rgba(160,120,200,.2);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sleep-section{text-align:center;margin-bottom:1.5rem}.sleep-label{font-size:.95rem;color:#c8a2f0;margin-bottom:.75rem}.sleep-emoji-display{font-size:3rem;line-height:1;margin-bottom:.25rem}.sleep-text{font-size:1rem;font-weight:600;color:#e0d0f0;margin-bottom:.75rem}.emoji-row{display:flex;justify-content:center;gap:.75rem;margin-bottom:.75rem}.emoji-option{font-size:1.5rem;cursor:pointer;opacity:.4;transition:opacity .2s,transform .2s;-webkit-user-select:none;user-select:none;background:none;border:none;padding:.25rem}.emoji-option.active{opacity:1}.emoji-option:hover{opacity:.8;transform:scale(1.1)}.slider-container{padding:0 .5rem}.sleep-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,#c8a2f0 var(--fill),#3d2860 var(--fill));outline:none}.sleep-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#e0d0f0;border:2px solid #c8a2f0;cursor:pointer}.sleep-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#e0d0f0;border:2px solid #c8a2f0;cursor:pointer}.dream-section{margin-bottom:1.5rem}.dream-label{font-size:.95rem;color:#c8a2f0;margin-bottom:.5rem}.dream-textarea{width:100%;min-height:140px;padding:1rem;border-radius:.75rem;border:1px solid rgba(160,120,200,.3);background:#321e5080;color:#e0d0f0;font-size:1rem;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s}.dream-textarea::placeholder{color:#7a6090}.dream-textarea:focus{border-color:#c8a2f0}.submit-btn{width:100%;padding:1rem;border:none;border-radius:.75rem;background:#c8a2f0;color:#1a0a2e;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;font-family:inherit}.submit-btn:hover:not(:disabled){background:#d4b4f8}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.success-msg{text-align:center;padding:1rem;margin-top:1rem;border-radius:.75rem;background:#64c87826;border:1px solid rgba(100,200,120,.3);color:#a0e0b0;font-size:.9rem}.error-msg{text-align:center;padding:1rem;margin-top:1rem;border-radius:.75rem;background:#c8646426;border:1px solid rgba(200,100,100,.3);color:#e0a0a0;font-size:.9rem}