:root{color-scheme:light;--bg: #f3efe6;--ink: #1c1a16;--mist: rgba(28, 26, 22, .12);--accent: #5a2d0c;--accent-soft: #caa26c;--panel: #fbf7ef;--shadow: 0 24px 60px rgba(28, 26, 22, .18);--radius: 20px;--font-title: "STSong", "Songti SC", "Noto Serif SC", "Source Han Serif SC", "Times New Roman", serif;--font-body: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%,#fef8ec 0%,var(--bg) 60%,#efe1c8 100%);min-height:100vh}#app{min-height:100vh}.page{padding:24px 20px 56px;max-width:1180px;margin:0 auto}.hero{position:relative;padding:48px 56px;background:linear-gradient(135deg,#fef8ec,#f7e9cf 60%,#f1ddbf);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero__glow{position:absolute;right:-120px;top:-120px;width:320px;height:320px;background:radial-gradient(circle,rgba(90,45,12,.25),transparent 70%);filter:blur(6px);pointer-events:none}.hero__content{position:relative;z-index:1}.eyebrow{letter-spacing:.24em;font-size:12px;text-transform:uppercase;color:var(--accent);margin:0 0 12px}h1{font-family:var(--font-title);font-size:clamp(32px,4vw,56px);margin:0 0 12px}.subtitle{font-size:16px;max-width:520px;line-height:1.6;margin:0 0 20px}.hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.hero__user{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--accent);white-space:nowrap}.auth-wrap{display:flex;justify-content:center;margin-top:28px}.auth-panel{max-width:400px;width:100%}.hero__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--accent)}.hero__meta span{padding:6px 12px;border-radius:999px;border:1px solid rgba(90,45,12,.2);background:#fff9}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-top:28px}.panel{grid-column:span 6;background:var(--panel);border-radius:var(--radius);padding:24px;box-shadow:0 12px 30px #1c1a1614;border:1px solid rgba(90,45,12,.1)}.panel--wide{grid-column:span 12}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{margin:0 0 16px;font-family:var(--font-title);font-size:22px}.form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:14px}input,textarea{border-radius:14px;border:1px solid rgba(90,45,12,.18);padding:12px 14px;font-size:14px;background:#fffdf7;color:var(--ink);outline:none;transition:border .2s ease,box-shadow .2s ease}.textarea-wrap{position:relative;display:grid}.voice{position:absolute;right:12px;bottom:12px;border-radius:999px;padding:6px 12px;font-size:12px;background:#fff;border:1px solid rgba(90,45,12,.25);color:var(--accent);box-shadow:0 8px 18px #5a2d0c26}.voice:disabled{opacity:.6;cursor:not-allowed}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5a2d0c26}.form__actions{display:flex;gap:12px;flex-wrap:wrap}button{border:none;border-radius:999px;padding:10px 18px;font-size:14px;cursor:pointer}.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #5a2d0c40}.ghost{background:transparent;border:1px solid rgba(90,45,12,.25);color:var(--accent)}.helper{font-size:12px;color:#1c1a1699}.dream-list{display:grid;gap:14px}.dream-card{padding:16px;border-radius:16px;background:#fffdf7;border:1px solid rgba(90,45,12,.12)}.dream-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dream-card__actions{display:flex;gap:8px;flex-wrap:wrap}.dream-card h3{margin:0 0 8px;font-size:16px;font-family:var(--font-title)}.delete{border-radius:999px;padding:6px 12px;font-size:12px;background:#fff5f1;border:1px solid rgba(168,60,32,.3);color:#a83c20}.dream-card__content{margin:0 0 12px;color:#1c1a16cc;line-height:1.6;max-height:4.6em;overflow:hidden}.dream-card__meta{display:flex;justify-content:space-between;font-size:12px;color:#1c1a1699;gap:12px;flex-wrap:wrap}.dream-card__interpret{margin:8px 0 10px;color:#1c1a16bf;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{color:#1c1a1699;font-size:14px;padding:8px 0}.result{display:grid;gap:12px}.result__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.result__model{font-size:12px;color:#1c1a1699}.result__text{line-height:1.7;color:#1c1a16eb}.result__text h1,.result__text h2,.result__text h3{font-family:var(--font-title);margin:12px 0 8px}.result__text ul,.result__text ol{margin:8px 0 8px 20px;padding:0}.result__text li{margin:4px 0}.result__text code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;background:#5a2d0c14;padding:2px 6px;border-radius:6px}.result__text pre{background:#f7efe0;padding:12px 14px;border-radius:12px;overflow-x:auto;border:1px solid rgba(90,45,12,.15)}.result__text blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid rgba(90,45,12,.35);background:#5a2d0c0d}.result__text hr{border:none;border-top:1px solid rgba(90,45,12,.2);margin:12px 0}.result__note{font-size:12px;color:#1c1a1699}@media (max-width: 960px){.panel{grid-column:span 12}.hero{padding:36px 28px}.hero__meta{gap:8px}.grid{gap:16px}}@media (max-width: 640px){.page{padding:12px 10px 40px}.hero{padding:20px 16px;border-radius:16px}.hero__top{flex-direction:column;gap:8px}.hero__user{font-size:12px}h1{font-size:28px}.subtitle{font-size:14px}.hero__meta{flex-direction:column;align-items:flex-start}.panel{padding:16px;border-radius:14px}.form__actions{flex-direction:column;align-items:stretch}button{width:100%}textarea{padding-bottom:44px}.voice{right:10px;bottom:10px;padding:6px 10px;font-size:12px}.dream-card__meta,.dream-card__header{flex-direction:column;align-items:flex-start}#user-list{overflow-x:auto;-webkit-overflow-scrolling:touch}#user-list table{font-size:12px;min-width:400px}#user-list td,#user-list th{padding:4px 2px;word-break:break-all}#login-tabs{flex-direction:column}.result__actions{flex-wrap:wrap;justify-content:center}}.recording{background:#a83c20;color:#fff;border-color:#a83c20;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}