:root{--bg-base:#171A2B;--bg-card:#1F2338;--mist:#C7CDE6;--text-secondary:#8B93B8;--star:#A9B4E3;--star-soft:rgba(169,180,227,.14);--moon:#EFE3C0;--calm-graph:#3A4160;--border:rgba(199,205,230,.12);--error:#8FA0C4;--radius-card:16px;--radius-btn:999px;--shadow-card:0 4px 20px rgba(0,0,0,.35);--overlay-soft:rgba(255,255,255,.04);--font-sans:ui-sans-serif,system-ui,"PingFang SC","Hiragino Sans","Apple SD Gothic Neo",sans-serif;--font-serif:Georgia,"Songti SC","Noto Serif SC","Noto Serif JP","Noto Serif KR",serif;--transition-soft:.3s ease-out}@media(prefers-color-scheme:light){:root{color-scheme:dark}}[lang=ja]{--font-sans:"Hiragino Sans","Noto Sans JP",ui-sans-serif,system-ui,sans-serif}[lang=ko]{--font-sans:"Apple SD Gothic Neo","Noto Sans KR",ui-sans-serif,system-ui,sans-serif}[lang=en]{--font-sans:Inter,ui-sans-serif,system-ui,sans-serif}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--container-max: 672px;--tap-target: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--mist);background:var(--bg-base)}button,a,select,input,[role=button],summary{min-height:var(--tap-target)}a{color:var(--star)}.container{max-width:var(--container-max);margin-inline:auto;padding:40px 20px 24px}.site-header{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-start;justify-content:space-between}.title{margin:0;font-size:1.5rem;line-height:1.3}.subtitle{margin:8px 0 0;font-size:.8125rem;color:var(--text-secondary)}.lang-switch select{font-family:inherit;font-size:1rem;min-height:var(--tap-target);padding:0 12px;color:var(--mist);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card)}.section{margin-top:24px}.card{padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.card p{margin:0 0 12px}.card p:last-child{margin-bottom:0}.card details{margin-top:12px}.card .btn{margin-top:12px}.user-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;color:var(--text-secondary);margin:4px 0 12px}.grid-demo{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media(min-width:768px){.grid-demo{grid-template-columns:1fr 1fr}}.btn{font-size:.9375rem;padding:10px 16px;border:none;border-radius:var(--radius-btn);background:var(--star);color:var(--bg-base);cursor:pointer;transition:opacity var(--transition-soft)}.btn:hover{opacity:.88}.pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6;background:var(--overlay-soft);padding:12px;border-radius:var(--radius-card);overflow-x:auto;margin:12px 0 0}.error{font-size:.8125rem;color:var(--error);margin:12px 0 0}.loading{margin-top:24px;color:var(--text-secondary)}.footer{margin-top:40px;font-size:.75rem;color:var(--text-secondary)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dream-card{text-align:center}.dream-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:12px 0 4px}.dream-btn{width:168px;height:168px;border:none;border-radius:var(--radius-btn);background:var(--moon);color:var(--bg-base);box-shadow:var(--shadow-card);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform var(--transition-soft),box-shadow var(--transition-soft),opacity var(--transition-soft)}.dream-btn:hover:not(:disabled){box-shadow:var(--shadow-card),0 0 0 10px var(--star-soft)}.dream-btn:active:not(:disabled){transform:scale(.97)}.dream-btn:focus-visible{outline:2px solid var(--star);outline-offset:4px}.dream-btn:disabled,.dream-btn.is-resting{opacity:.55;cursor:default}.dream-btn.is-recording{animation:dream-glow 2.4s ease-in-out infinite}@keyframes dream-glow{0%,to{box-shadow:var(--shadow-card),0 0 0 0 var(--star-soft)}50%{box-shadow:var(--shadow-card),0 0 0 18px #a9b4e300}}.dream-core{width:44px;height:44px;border-radius:50%;background:var(--bg-base);opacity:.9}.dream-wave{display:inline-flex;align-items:center;gap:6px;height:56px}.dream-wave i{width:6px;border-radius:3px;background:var(--bg-base);animation:dream-pulse 1.4s ease-in-out infinite}.dream-wave i:nth-child(1){height:18px;animation-delay:0s}.dream-wave i:nth-child(2){height:34px;animation-delay:.18s}.dream-wave i:nth-child(3){height:50px;animation-delay:.36s}.dream-wave i:nth-child(4){height:34px;animation-delay:.54s}.dream-wave i:nth-child(5){height:18px;animation-delay:.72s}@keyframes dream-pulse{0%,to{transform:scaleY(.45);opacity:.65}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.dream-wave i{animation:none;transform:scaleY(.7)}.dream-btn{transition:none}.dream-btn.is-recording{animation:none}}.dream-time{margin:0;min-height:1.6em;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.dream-time.is-hidden{visibility:hidden}.dream-hint{margin:12px auto 0;max-width:34ch;font-size:1.25rem;line-height:1.75;color:var(--mist)}.dream-review{margin-top:20px;display:flex;flex-direction:column;gap:16px;align-items:center}.dream-review audio{width:min(100%,420px)}.dream-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.dream-actions .btn{margin-top:0}.btn-ghost{background:transparent;color:var(--star);border:1px solid var(--border)}.btn-ghost:hover{opacity:.75;background:var(--star-soft)}.dream-notice{margin:16px 0 0;font-size:1.05rem;color:var(--moon)}.dream-error{margin:12px 0 0;font-size:.875rem;color:var(--error)}.dream-unsupported{margin:0;color:var(--text-secondary);line-height:1.75}.dream-login{margin-top:16px}.sync-box{margin-top:1.5rem;padding:.9rem 1.1rem;border:1px solid rgba(128,128,128,.25);border-radius:12px}.sync-title{margin:0 0 .35rem;font-size:.85rem;letter-spacing:.04em;opacity:.7}.sync-note{margin:0;font-size:.92rem;line-height:1.6}.sync-time{opacity:.65}.sync-btn{margin-top:.55rem;padding:.45rem 1.05rem;border-radius:10px;border:1px solid currentColor;background:none;font-size:.9rem;cursor:pointer}