:root{--bg-app: #FBF7EF;--bg-card: #FFFFFF;--bg-card-soft: #F4EFE3;--brand-500: #6FB28A;--brand-600: #5A9C75;--brand-50: #E8F2EA;--accent-amber: #F5B544;--accent-amber-50: #FCEBC9;--accent-blue: #7AA9E0;--accent-blue-50: #E2EDF8;--accent-rose: #E78AA0;--accent-rose-50: #FCE4EE;--accent-gold: #D9A441;--text-1: #2E2A24;--text-2: #6B6358;--text-3: #9A9183;--line: #EAE3D2;--ok: #5FA875;--warn: #E8A53A;--info: #7AA9E0;--tag-social-bg: #E8F2EA;--tag-social-fg: #5A9C75;--tag-emotion-bg: #FCEBC9;--tag-emotion-fg: #A87613;--tag-transition-bg: #FFE6DC;--tag-transition-fg: #B86747;--tag-action-bg: #E2EDF8;--tag-action-fg: #3D6FA8;--tag-tender-bg: #FCE4EE;--tag-tender-fg: #B45370;--tag-self-bg: #EFE6FB;--tag-self-fg: #6B4FA0;--shadow-card: 0 1px 2px rgba(46,42,36,.04), 0 8px 24px rgba(46,42,36,.06);--shadow-fab: 0 8px 20px rgba(111,178,138,.35);--shadow-sheet: 0 -8px 32px rgba(46,42,36,.08);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-pill: 999px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:PingFang SC,Noto Sans SC,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:22px;color:var(--text-1);background:var(--bg-app);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}button{font-family:inherit}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;min-height:100%;margin:0 auto;position:relative;background:var(--bg-app);padding-top:var(--safe-top)}.scroll-area{padding:16px 16px 120px;display:flex;flex-direction:column;gap:20px}.appbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;top:var(--safe-top);background:var(--bg-app);z-index:10}.appbar-title{font-size:16px;font-weight:600;color:var(--text-1)}.appbar-side{display:flex;align-items:center;gap:8px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.section-head h2{font-size:18px;line-height:26px;font-weight:600;margin:0}.section-head .more{font-size:13px;color:var(--text-3)}.hero{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border-radius:var(--r-2xl);box-shadow:var(--shadow-card)}.hero-meta{font-size:13px;color:var(--text-3)}.hero-name{font-size:20px;font-weight:700;color:var(--text-1)}.hero-tag{margin-top:4px;display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--brand-600);background:var(--brand-50);padding:4px 10px;border-radius:var(--r-pill)}.entry-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:var(--bg-card);border-radius:var(--r-2xl);padding:16px;box-shadow:var(--shadow-card)}.muted{color:var(--text-2);font-size:13px}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;pointer-events:none;padding-bottom:var(--safe-bottom);z-index:20}.tabbar-inner{width:100%;max-width:480px;height:64px;background:var(--bg-card);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;pointer-events:auto;position:relative}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-3);background:none;border:0;padding:4px 0;cursor:pointer}.tab.active{color:var(--brand-500)}.tab.active:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--brand-500);margin-top:2px}.fab-slot{display:flex;justify-content:center}.fab{width:56px;height:56px;border-radius:50%;background:var(--brand-500);color:#fff;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;box-shadow:var(--shadow-fab);transform:translateY(-18px);transition:transform .12s ease}.fab:active{transform:translateY(-18px) scale(.96)}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e2a2473;z-index:30;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--bg-card);border-top-left-radius:24px;border-top-right-radius:24px;padding:20px 16px calc(24px + var(--safe-bottom));box-shadow:var(--shadow-sheet)}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 12px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,#f1ecdf,#f8f4e8,#f1ecdf);background-size:400px 100%;animation:shimmer 1.6s infinite linear;border-radius:var(--r-md)}.xb-entry{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;height:116px;border:0;border-radius:var(--r-2xl);cursor:pointer;box-shadow:var(--shadow-card);transition:transform .1s ease}.xb-entry:active{transform:scale(.98)}.xb-entry-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff9}.xb-entry-title{font-size:15px;font-weight:600}.xb-entry-sub{font-size:12px;color:var(--text-3)}.xb-entry-brand{background:var(--brand-50);color:var(--brand-600)}.xb-entry-brand .xb-entry-title{color:#2c5c40}.xb-entry-amber{background:var(--accent-amber-50);color:#8a5a11}.xb-entry-amber .xb-entry-title{color:#6e4509}.xb-entry-blue{background:var(--accent-blue-50);color:#2c548a}.xb-entry-blue .xb-entry-title{color:#1e3f6d}.xb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;font-weight:600;border-radius:var(--r-pill);transition:transform .1s ease,background .12s ease}.xb-btn:active{transform:scale(.98)}.xb-btn-sm{height:36px;padding:0 14px;font-size:13px}.xb-btn-md{height:44px;padding:0 18px;font-size:15px}.xb-btn-lg{height:48px;padding:0 22px;font-size:16px}.xb-btn-block{width:100%}.xb-btn-primary{background:var(--brand-500);color:#fff}.xb-btn-primary:hover{background:var(--brand-600)}.xb-btn-secondary{background:var(--bg-card);color:var(--text-1);border:1px solid var(--line)}.xb-btn-ghost{background:transparent;color:var(--text-2)}.xb-btn-danger{background:#e78787;color:#fff}.xb-btn:disabled{opacity:.4;cursor:not-allowed}.xb-tag{display:inline-flex;align-items:center;border-radius:var(--r-pill);font-weight:500;white-space:nowrap}.xb-tag-sm{font-size:12px;line-height:16px;padding:3px 8px}.xb-tag-md{font-size:12px;line-height:18px;padding:4px 10px}.xb-tag-social{background:var(--tag-social-bg);color:var(--tag-social-fg)}.xb-tag-emotion{background:var(--tag-emotion-bg);color:var(--tag-emotion-fg)}.xb-tag-transition{background:var(--tag-transition-bg);color:var(--tag-transition-fg)}.xb-tag-action{background:var(--tag-action-bg);color:var(--tag-action-fg)}.xb-tag-tender{background:var(--tag-tender-bg);color:var(--tag-tender-fg)}.xb-tag-self{background:var(--tag-self-bg);color:var(--tag-self-fg)}.xb-tag-neutral{background:var(--bg-card-soft);color:var(--text-2)}.xb-avatar-wrap{position:relative;display:inline-block}.xb-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--brand-50);color:var(--brand-600);display:flex;align-items:center;justify-content:center;font-weight:700}.xb-avatar-fallback{line-height:1}.xb-avatar-badge{position:absolute;right:-2px;bottom:-2px;font-size:10px;padding:1px 6px;background:var(--brand-500);color:#fff;border-radius:var(--r-pill);border:2px solid var(--bg-app)}.xb-record{background:var(--bg-card);border-radius:var(--r-2xl);padding:14px 16px 12px;box-shadow:var(--shadow-card);position:relative;cursor:pointer;display:flex;flex-direction:column;gap:12px}.xb-record-pending:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-500)}.xb-record-head{display:flex;align-items:center;justify-content:space-between}.xb-record-time{font-size:13px;color:var(--text-3)}.xb-record-pending-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--brand-600);background:var(--brand-50);padding:3px 8px;border-radius:var(--r-pill)}.xb-record-body{display:flex;gap:12px}.xb-record-text{flex:1;min-width:0}.xb-record-title{margin:0 0 8px;font-size:17px;line-height:24px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xb-record-tags{display:flex;flex-wrap:wrap;gap:6px}.xb-record-hint{margin:8px 0 0;display:flex;align-items:center;gap:4px;font-size:12px;line-height:18px;color:var(--text-2)}.xb-record-cover{width:88px;height:88px;border-radius:var(--r-lg);object-fit:cover;flex-shrink:0}.xb-record-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--line)}.xb-record-author{display:flex;align-items:center;gap:8px}.xb-record-author-name{font-size:13px;font-weight:600}.xb-record-author-role{font-size:11px;color:var(--text-3);background:var(--bg-card-soft);padding:2px 8px;border-radius:var(--r-pill)}.xb-record-actions{display:flex;align-items:center;gap:4px}.xb-record-like{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-2)}.xb-record-more{width:32px;height:32px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:var(--text-3)}.xb-record-more:hover{background:var(--bg-card-soft)}.xb-clue{background:var(--bg-card);border-radius:var(--r-2xl);padding:16px;box-shadow:var(--shadow-card)}.xb-clue-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.xb-clue-head h3{font-size:16px;font-weight:600;margin:0}.xb-clue-head span{font-size:12px;color:var(--text-3)}.xb-clue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.xb-clue-cell{background:var(--bg-card-soft);border-radius:var(--r-lg);padding:12px 8px;text-align:center}.xb-clue-emoji{font-size:18px}.xb-clue-value{font-size:22px;font-weight:700;color:var(--brand-600);margin-top:2px}.xb-clue-label{font-size:11px;color:var(--text-2);margin-top:2px}.xb-clue-foot{margin:12px 0 0;font-size:12px;color:var(--text-3);text-align:center}.xb-dock{background:var(--bg-card);border-radius:var(--r-2xl);box-shadow:var(--shadow-card);padding:18px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:10px}.xb-dock-tip{font-size:14px;font-weight:600;color:var(--text-1)}.xb-dock-sub{font-size:12px;color:var(--text-3)}.xb-dock-row{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.xb-dock-row canvas{flex:0 0 auto}.xb-dock-mic{width:88px;height:88px;border-radius:50%;border:0;background:var(--brand-500);box-shadow:var(--shadow-fab);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s ease,background .12s ease}.xb-dock-mic.is-rec{background:#e2725b;transform:scale(1.05);animation:pulse 1.2s infinite ease-in-out}.xb-dock-mic:disabled{opacity:.6}@keyframes pulse{0%,to{box-shadow:0 0 #e2725b73}50%{box-shadow:0 0 0 12px #e2725b00}}.xb-draft{background:var(--bg-card);border-radius:var(--r-2xl);padding:16px;box-shadow:var(--shadow-card)}.xb-draft-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.xb-draft-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-1)}.xb-draft-sub{font-size:12px;color:var(--text-3)}.xb-draft-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.xb-draft-row{display:grid;grid-template-columns:24px 72px 1fr 28px;align-items:start;gap:8px;font-size:14px}.xb-draft-emoji{font-size:16px;line-height:22px;text-align:center}.xb-draft-label{color:var(--text-3);font-size:13px;line-height:22px}.xb-draft-value{color:var(--text-1);line-height:22px}.xb-draft-edit{width:24px;height:24px;border:0;border-radius:50%;background:var(--bg-card-soft);color:var(--text-2);cursor:pointer}.xb-draft-skel{display:flex;flex-direction:column;gap:10px}.xb-draft-skel-row{height:18px}.xb-three{display:flex;flex-direction:column;gap:12px}.xb-layer{background:var(--bg-card);border-radius:var(--r-2xl);padding:14px 16px;box-shadow:var(--shadow-card);border-left:3px solid var(--line)}.xb-layer-fact{border-left-color:var(--accent-blue)}.xb-layer-interp{border-left-color:var(--accent-amber)}.xb-layer-bright{border-left-color:var(--accent-gold)}.xb-layer-next{border-left-color:var(--accent-rose)}.xb-layer header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.xb-layer-icon{font-size:20px}.xb-layer-title{font-size:15px;font-weight:600}.xb-layer-sub{font-size:11px;color:var(--text-3);margin-top:1px}.xb-layer-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.xb-layer-body li{font-size:14px;line-height:22px;color:var(--text-1);background:var(--bg-card-soft);border-radius:var(--r-md);padding:8px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.xb-layer-body li:before{content:"·";color:var(--text-3);margin-right:4px}.xb-conf{flex:0 0 auto;font-size:11px;padding:2px 8px;border-radius:var(--r-pill);background:var(--line);color:var(--text-2)}.xb-conf-low{background:var(--bg-card-soft);color:var(--text-3)}.xb-conf-medium{background:var(--accent-blue-50);color:#3d6fa8}.xb-conf-high{background:var(--brand-50);color:var(--brand-600)}.xb-coach{display:flex;flex-direction:column;gap:10px}.xb-coach-block{border-radius:var(--r-xl);padding:14px 14px 12px}.xb-coach-block header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.xb-coach-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:#fff}.xb-coach-label{font-size:13px;font-weight:600}.xb-coach-block ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.xb-coach-block li{font-size:14px;line-height:22px;color:var(--text-1)}.xb-coach-block li em{font-style:normal}.xb-coach-say{background:var(--brand-50)}.xb-coach-say .xb-coach-icon{background:var(--brand-500)}.xb-coach-say .xb-coach-label{color:var(--brand-600)}.xb-coach-say li em{font-weight:600}.xb-coach-do{background:var(--accent-blue-50)}.xb-coach-do .xb-coach-icon{background:var(--accent-blue)}.xb-coach-do .xb-coach-label{color:#2c548a}.xb-coach-avoid{background:#ffede6}.xb-coach-avoid .xb-coach-icon{background:#c56a4f}.xb-coach-avoid .xb-coach-label{color:#8e3f26}.xb-coach-avoid li{color:var(--text-2)}