: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}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tab{padding:8px 18px;min-height:40px;font-family:inherit;font-size:.9375rem;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer;transition:color var(--transition-soft),background var(--transition-soft)}.tab:hover{color:var(--mist);background:var(--star-soft)}.tab.is-active{color:var(--bg-base);background:var(--star);border-color:var(--star)}.tab:focus-visible{outline:2px solid var(--star);outline-offset:2px}.panel-title{margin:0 0 6px;font-size:1.25rem;line-height:1.4}.panel-subtitle{margin:0 0 16px;font-size:.875rem;line-height:1.75;color:var(--text-secondary)}.dream-transcript{margin-top:20px;text-align:left}.dream-conf{margin:0 0 12px;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dream-segs{display:flex;flex-direction:column;gap:10px}.dream-seg{position:relative;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--overlay-soft)}.dream-seg.is-low{border-color:#a9b4e359}.dream-seg-badge{display:inline-block;margin-bottom:6px;padding:2px 10px;font-size:.75rem;color:var(--star);background:var(--star-soft);border-radius:var(--radius-btn)}.dream-seg textarea{width:100%;min-height:64px;font-family:inherit;font-size:1.0625rem;line-height:1.75;color:var(--mist);background:transparent;border:none;outline:none;resize:vertical}.dream-elems{margin-top:16px;text-align:left}.dream-elems-title{margin:0 0 8px;font-size:.8125rem;color:var(--text-secondary)}.dream-elem-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}.elem-label{font-size:.75rem;color:var(--text-secondary)}.elem-chip{padding:2px 12px;font-size:.875rem;color:var(--moon);background:var(--overlay-soft);border:1px solid var(--border);border-radius:var(--radius-btn)}.elem-chip-soft{color:var(--mist);background:var(--star-soft)}.radar-reply{font-size:1.0625rem;line-height:1.8;color:var(--mist)}.radar-reply p{margin:0 0 12px}.radar-empty{margin:8px 0 0;color:var(--text-secondary);line-height:1.75}.radar-basis{margin:4px 0 0;font-size:.8125rem;color:var(--text-secondary)}.radar-result{margin-top:16px;text-align:left}.radar-card .btn{margin-top:0}.trend-body{display:flex;flex-direction:column;gap:20px}.trend-group-title{margin:0 0 10px;font-size:.9375rem;color:var(--star)}.trend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.trend-row{display:grid;grid-template-columns:minmax(5.5em,auto) 1fr auto;align-items:end;gap:12px}.trend-name{font-size:.875rem;color:var(--mist);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-bars{display:flex;align-items:flex-end;gap:4px;height:40px}.trend-bar{width:12px;border-radius:3px 3px 0 0;background:var(--calm-graph)}.trend-bar.is-zero{height:3px;opacity:.5}.trend-bar.is-now{background:var(--star)}.trend-total{min-width:1.5em;text-align:right;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.trend-none,.trend-empty{margin:4px 0 0;color:var(--text-secondary);line-height:1.75}.trend-months{display:flex;gap:4px;margin:0;font-size:.6875rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.trend-months span{width:12px;text-align:center;overflow:visible;white-space:nowrap}.trend-months span.is-now{color:var(--star)}.yearbook-wrap{display:flex;flex-direction:column;gap:16px}.yearbook-head .btn{margin-top:0}.yearbook-empty{margin:8px 0 0;color:var(--text-secondary);line-height:1.75}.yearbook-book{font-family:var(--font-serif);background:#efe3c00d;border:1px solid var(--border);border-radius:var(--radius-card);padding:clamp(24px,6vw,48px);color:var(--mist)}.yb-title-page{text-align:center;padding:12px 0 20px;border-bottom:1px solid var(--border)}.yb-title{margin:0;font-size:1.5rem;letter-spacing:.12em;color:var(--moon)}.yb-meta{margin:10px 0 0;font-size:.8125rem;color:var(--text-secondary)}.yb-editor,.yb-contents{padding:20px 0;border-bottom:1px solid var(--border)}.yb-heading{margin:0 0 12px;font-size:.9375rem;letter-spacing:.2em;color:var(--star)}.yb-label{margin-right:10px;font-family:var(--font-sans);font-size:.75rem;color:var(--text-secondary)}.yb-chip{display:inline-block;margin:2px 6px 2px 0;padding:2px 12px;font-family:var(--font-sans);font-size:.8125rem;color:var(--mist);background:var(--star-soft);border-radius:var(--radius-btn)}.yb-chip-soft{background:var(--overlay-soft);border:1px solid var(--border)}.yb-arc{margin:10px 0 0;font-size:.9375rem;line-height:1.8}.yb-arrow{margin:0 8px;color:var(--text-secondary)}.yb-toc{margin:0;padding-left:1.4em;font-size:1rem;line-height:2}.yb-toc .is-sample{color:var(--mist)}.yb-sample-tag{margin-left:10px;padding:1px 10px;font-family:var(--font-sans);font-size:.6875rem;color:var(--star);background:var(--star-soft);border-radius:var(--radius-btn);vertical-align:middle}.yb-chapter{padding:28px 0 8px}.yb-chapter+.yb-chapter{border-top:3px double var(--border)}.yb-chapter-title{margin:0 0 16px;text-align:center;font-size:1.125rem;letter-spacing:.1em}.yb-chapter p{margin:0 0 14px;font-size:1.0625rem;line-height:1.9;text-align:justify}.yb-chapter p:first-of-type:first-letter{float:left;padding:4px 10px 0 0;font-size:2.6em;line-height:1;color:var(--moon)}