:root{--bg: #f4f3f0;--surface: #fffffe;--surface-2: #efeee9;--surface-inset: #f7f6f3;--border: #e7e5df;--border-strong: #d9d7cf;--ink: #2c2b28;--ink-2: #6b685f;--ink-3: #9b978d;--accent: #6a8a93;--accent-hover: #5d7c85;--accent-soft: #e3ebec;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(40, 38, 34, .04), 0 1px 1px rgba(40, 38, 34, .03);--shadow-pop: 0 6px 24px rgba(40, 38, 34, .12);--page-max: 760px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:15px;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;line-height:1.35}p{margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:SFMono-Regular,JetBrains Mono,Cascadia Code,Consolas,Liberation Mono,Menlo,monospace;font-variant-numeric:tabular-nums}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(8px);backdrop-filter:saturate(1.1) blur(8px);position:sticky;top:0;z-index:10}.site-header__inner{max-width:var(--page-max);margin:0 auto;padding:14px 18px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{font-weight:600;letter-spacing:.04em}.brand__dot{color:var(--accent)}.site-header__sub{font-size:12.5px;color:var(--ink-3);letter-spacing:.02em}.page{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:24px 18px 40px}.hero{--band: var(--accent);background:color-mix(in srgb,var(--band) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--band) 22%,var(--border));border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px 22px 20px;margin-bottom:26px}.hero__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hero__label{font-size:12.5px;letter-spacing:.08em;color:color-mix(in srgb,var(--band) 70%,#2c2b28);text-transform:none}.hero__time{font-size:12.5px;color:var(--ink-3)}.hero__score-row{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.hero__score{font-size:64px;font-weight:600;line-height:1;letter-spacing:-.02em;color:color-mix(in srgb,var(--band) 66%,#2c2b28)}.hero__band{font-size:14px;padding:4px 13px;border-radius:999px;color:color-mix(in srgb,var(--band) 74%,#2c2b28);background:color-mix(in srgb,var(--band) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--band) 28%,var(--surface))}.hero__text{font-size:16px;line-height:1.75;color:var(--ink);margin-bottom:14px;overflow-wrap:anywhere;white-space:pre-wrap}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip{font-size:12.5px;padding:3px 10px;border-radius:999px;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.chip--feeling{background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 70%,#2c2b28)}.chip--factor{background:var(--surface-2);color:var(--ink-2)}.stats{margin-top:8px}.tabs{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:2px;margin-bottom:18px}.tab{border:none;background:transparent;color:var(--ink-2);padding:6px 18px;border-radius:999px;font-size:14px;transition:background .15s,color .15s}.tab--active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px;box-shadow:var(--shadow-card)}.stat-card__label{font-size:12.5px;color:var(--ink-3);margin-bottom:6px}.stat-card__value{--band: var(--accent);font-size:30px;font-weight:600;line-height:1;color:color-mix(in srgb,var(--band) 64%,#2c2b28)}.stat-card__value--plain{color:var(--ink)}.stat-card__unit{font-size:13px;font-weight:400;color:var(--ink-3);margin-left:3px}.block-title{font-size:14px;font-weight:600;color:var(--ink);margin:22px 0 10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.chart-wrap{width:100%;height:240px}.freq-block{margin-top:4px}.freq-list{display:flex;flex-wrap:wrap;gap:7px}.freq-item{display:inline-flex;align-items:baseline;gap:5px;background:var(--surface-2);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere}.freq-item__count{font-size:11.5px;color:var(--ink-3)}.muted-note{font-size:13px;color:var(--ink-3);line-height:1.6}.empty{text-align:center;color:var(--ink-3);padding:60px 18px;line-height:1.8}.empty__title{color:var(--ink-2);margin-bottom:4px}.site-footer{border-top:1px solid var(--border);max-width:var(--page-max);margin:0 auto;width:100%;padding:16px 18px 26px;font-size:12px;color:var(--ink-3)}@media (max-width: 560px){.hero__score{font-size:54px}.page{padding:18px 13px 32px}}