.welcome-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px;padding-top:calc(var(--safe-top) + 24px);padding-bottom:calc(var(--safe-bottom) + 24px);overflow-y:auto}.welcome-content{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-mark{margin-bottom:28px}.welcome-orb{width:64px;height:64px;border-radius:50%;background:var(--accent);opacity:.9;animation:welcome-breathe 3.6s var(--ease-out) infinite}@keyframes welcome-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.welcome-title{font-size:calc(26px * var(--font-scale));font-weight:600;margin:0 0 10px;color:var(--text)}.welcome-sub{font-size:calc(14.5px * var(--font-scale));color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.welcome-form{width:100%;display:flex;flex-direction:column;gap:12px}.welcome-input{width:100%;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);font-size:calc(16px * var(--font-scale));text-align:center;outline:none;transition:border-color var(--dur-fast) var(--ease-out)}.welcome-input:focus{border-color:var(--accent)}.welcome-error{color:var(--danger);font-size:calc(13px * var(--font-scale))}.welcome-btn{width:100%;padding:14px;border-radius:var(--radius);border:none;background:var(--accent);color:var(--accent-contrast);font-size:calc(16px * var(--font-scale));font-weight:500;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.welcome-btn:active{transform:scale(.98)}.welcome-btn:disabled{opacity:.6}.clawd{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clawd--emote{width:96px;height:96px;overflow:visible}.clawd-emote-img,.clawd-pixel-crab{width:96px;height:96px;display:block}.clawd-pixel-crab .crab-body{animation:clawd-crab-bob 2.6s ease-in-out infinite}.clawd-pixel-crab .crab-shadow{transform-box:fill-box;transform-origin:center;animation:clawd-crab-shadow 2.6s ease-in-out infinite}.clawd-pixel-crab .crab-eyes{transform-box:fill-box;transform-origin:center;animation:clawd-crab-blink 3.4s infinite}.clawd--thinking .crab-body{animation:clawd-crab-pulse 1.1s var(--ease-out) infinite;transform-box:fill-box;transform-origin:center bottom}.clawd-dots{position:absolute;bottom:1px;left:50%;transform:translate(-50%);display:flex;gap:3px}.clawd-dots span{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary);animation:clawd-dot-bounce 1s ease-in-out infinite}.clawd-dots span:nth-child(2){animation-delay:.15s}.clawd-dots span:nth-child(3){animation-delay:.3s}.clawd--happy .crab-body{animation:clawd-crab-hop .6s var(--ease-out) infinite}.clawd-icon{position:absolute;bottom:-4px;right:-8px;color:var(--text-secondary);background:var(--card);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}@keyframes clawd-crab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.4px)}}@keyframes clawd-crab-shadow{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.97);opacity:.46}}@keyframes clawd-crab-blink{0%,46%,54%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes clawd-crab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes clawd-crab-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes clawd-dot-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;pointer-events:none;transition:background var(--dur-slow) var(--ease-out);z-index:40}.drawer-scrim--open{background:#00000047;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;left:0;width:min(78vw,300px);background:var(--bg-elev);transform:translate(-100%);transition:transform var(--dur-slow) var(--ease-out);z-index:50;display:flex;flex-direction:column;box-shadow:var(--shadow-elev);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.drawer--open{transform:translate(0)}.drawer-header{display:flex;align-items:center;gap:12px;padding:9px 20px 24px}.drawer-avatar{width:44px;height:44px;border-radius:50%;background:var(--card-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.drawer-avatar-img{width:100%;height:100%;object-fit:cover}.drawer-header-text{display:flex;flex-direction:column;gap:2px}.drawer-name{font-size:calc(17px * var(--font-scale));font-weight:600}.drawer-date{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary)}.drawer-items{display:flex;flex-direction:column;padding:0 12px;gap:2px}.drawer-item{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:12px;color:var(--text);text-decoration:none;font-size:calc(16px * var(--font-scale));transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.drawer-item:active{background:var(--border)}.drawer-item--active{background:var(--accent-soft);color:var(--accent);font-weight:500}.drawer-item-icon{width:22px;display:flex;align-items:center;justify-content:center}.drawer-spacer{flex:1}.drawer-footer{padding:0 24px;font-size:calc(11px * var(--font-scale));letter-spacing:.1em;color:var(--text-tertiary);font-family:ui-monospace,monospace}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:100;display:flex;align-items:flex-end;animation:sheetFade var(--dur-base) var(--ease-out)}@keyframes sheetFade{0%{background:#0000}to{background:#00000047}}.sheet{width:100%;padding:8px 10px calc(var(--safe-bottom) + 10px);display:flex;flex-direction:column;gap:8px;animation:sheetUp var(--dur-slow) var(--ease-out)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-title{text-align:center;font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);padding:8px}.sheet-items{background:var(--bg-elev);border-radius:var(--radius-lg);overflow:hidden}.sheet-item{width:100%;padding:15px;background:none;border:none;border-bottom:1px solid var(--border);font-size:calc(16.5px * var(--font-scale));color:var(--text);cursor:pointer}.sheet-item:last-child{border-bottom:none}.sheet-item:active{background:var(--border)}.sheet-item--destructive{color:var(--danger)}.sheet-cancel{background:var(--bg-elev);border:none;border-radius:var(--radius-lg);padding:15px;font-size:calc(16.5px * var(--font-scale));font-weight:600;color:var(--text);cursor:pointer}.sheet-cancel:active{background:var(--border)}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:var(--page-pad);touch-action:none;overscroll-behavior:contain;animation:imageViewerIn .2s var(--ease-out)}@keyframes imageViewerIn{0%{opacity:0}to{opacity:1}}.image-viewer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:1;will-change:opacity}.image-viewer-img{position:relative;max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);will-change:transform;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.image-viewer-close{position:absolute;top:var(--safe-top);right:var(--page-pad);z-index:1;background:#ffffff1f;color:#fff}.mood-popover-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000003d;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn var(--dur-base) var(--ease-out)}.mood-popover{width:100%;max-width:320px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-elev);padding:16px;display:flex;flex-direction:column;gap:12px}.mood-popover-title{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);text-align:center}.mood-popover-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mood-popover-chip{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:calc(12px * var(--font-scale));cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.mood-popover-chip--active{border-color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 14%,var(--card));color:var(--text)}.mood-popover-dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color);opacity:.55}.mood-popover-chip--active .mood-popover-dot{opacity:1}.mood-popover-done{border:none;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);padding:10px;font-size:calc(14.5px * var(--font-scale));font-weight:500;cursor:pointer}.msg-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.msg-avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--text-tertiary)}.msg-row{padding:7px var(--page-pad);display:flex;flex-direction:column;transition:transform var(--dur-fast) var(--ease-out);position:relative}.msg-row--has-avatar{padding-left:8px;padding-right:8px}.msg-row--user{align-items:flex-end}.msg-row--ai{align-items:stretch}.msg-content-row{display:flex;align-items:flex-start;gap:8px;width:100%}.msg-row--user .msg-content-row{justify-content:flex-end}.msg-row--ai .msg-content-row{justify-content:flex-start}.msg-row--highlight .bubble,.msg-row--highlight .ai-text{animation:highlightPulse 1.6s var(--ease-out)}@keyframes highlightPulse{0%{background-color:#d9775740}to{background-color:transparent}}.msg-row--highlight.msg-row--user .bubble{animation:highlightPulseUser 1.6s var(--ease-out)}@keyframes highlightPulseUser{0%{background-color:#d9775759}to{background-color:var(--bubble-user)}}.bubble{max-width:78%;background:var(--bubble-user);color:var(--text);padding:10px 12px;border-radius:var(--radius-bubble);font-size:calc(16px * var(--font-scale));line-height:1.5;white-space:pre-wrap;word-break:break-word;position:relative;text-align:left}.ai-text{max-width:78%;background:var(--bubble-ai);color:var(--text);padding:10px 12px;border-radius:var(--radius-bubble);box-shadow:var(--shadow);font-size:calc(16px * var(--font-scale));line-height:1.6;white-space:pre-wrap;word-break:break-word;position:relative;text-align:left}.msg-row--has-avatar{--avatar-col: 48px}.msg-row--has-avatar .bubble,.msg-row--has-avatar .ai-text{max-width:calc(100% - var(--avatar-col) * 2)}.msg-row--has-avatar .voice-bubble{width:min(var(--voice-width, 128px),calc(100vw - var(--page-pad, 16px) * 2 - var(--avatar-col) * 2))}.msg-row--has-avatar .image-attachment{width:min(220px,calc(100% - var(--avatar-col) * 2))}.msg-row--has-avatar .file-attachment{width:min(260px,calc(100% - var(--avatar-col) * 2))}.msg-row--has-avatar .artifact-card{width:min(320px,calc(100% - var(--avatar-col) * 2))}.msg-sticker{width:96px;height:96px;object-fit:contain;image-rendering:auto;align-self:flex-start}.msg-row--user .msg-sticker{align-self:flex-end}.artifact-card{width:min(320px,calc(100% - 16px));min-height:76px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.msg-row--user .artifact-card{align-self:flex-end}.artifact-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--accent)}.artifact-body{min-width:0}.artifact-title{font-size:calc(15px * var(--font-scale));font-weight:600;line-height:1.25}.artifact-meta{margin-top:3px;font-size:calc(12px * var(--font-scale));color:var(--text-secondary)}.artifact-open{border:none;background:var(--accent);color:var(--accent-contrast);border-radius:8px;padding:7px 12px;font-size:calc(13px * var(--font-scale));cursor:pointer}.artifact-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:flex;flex-direction:column}.artifact-viewer-top{height:calc(var(--safe-top) + 52px);padding:var(--safe-top) var(--page-pad) 0;display:flex;align-items:center;justify-content:flex-end;gap:6px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);flex-shrink:0}.artifact-frame{flex:1;width:100%;border:none;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch}.msg-actions{display:flex;gap:6px;margin-top:6px;animation:fadeIn var(--dur-fast) var(--ease-out)}.msg-row--user .msg-actions{justify-content:flex-end}.msg-row--ai.msg-row--has-avatar .msg-actions,.msg-row--ai.msg-row--has-avatar .msg-mood-tags,.msg-row--ai.msg-row--has-avatar .msg-edit-actions{margin-left:var(--avatar-col)}.msg-row--user.msg-row--has-avatar .msg-actions,.msg-row--user.msg-row--has-avatar .msg-mood-tags,.msg-row--user.msg-row--has-avatar .msg-edit-actions{margin-right:var(--avatar-col)}.msg-action-btn{width:34px;height:34px;border:none;background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.msg-action-btn:active{background:var(--border);color:var(--text)}.msg-mood-dots{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle}.msg-mood-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.msg-edit-input{width:100%;min-width:160px;background:transparent;border:none;outline:none;resize:none;font:inherit;color:inherit;padding:0}.msg-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.msg-edit-btn{border:none;background:var(--card-2);color:var(--text-secondary);font-size:calc(12.5px * var(--font-scale));padding:6px 12px;border-radius:14px;cursor:pointer}.msg-edit-btn--save{background:var(--accent);color:var(--accent-contrast)}.superseded-line{font-size:calc(12.5px * var(--font-scale));color:var(--text-tertiary);padding:2px;font-style:italic}.msg-quote{border-left:2px solid var(--border);background:var(--card-2);border-radius:var(--radius-sm);padding:4px 10px;margin-bottom:4px;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);max-width:78%}.msg-row--ai.msg-row--has-avatar .msg-quote{margin-left:var(--avatar-col);max-width:calc(100% - var(--avatar-col) * 2)}.msg-row--user.msg-row--has-avatar .msg-quote{margin-right:var(--avatar-col);max-width:calc(100% - var(--avatar-col) * 2)}.msg-like{display:inline-block;margin-left:8px;color:var(--accent);animation:likePop var(--dur-slow) var(--ease-out)}@keyframes likePop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.event-row{padding:6px 16px;display:flex;justify-content:center}.event-card{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);max-width:90%}.event-icon{font-size:calc(13px * var(--font-scale))}.event-title{color:var(--text);flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{flex-shrink:0;opacity:.7}.event-detail{margin:4px 16px 0;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);background:var(--card);border-radius:var(--radius-sm);padding:10px 12px;max-width:90%;align-self:center;white-space:pre-wrap}.voice-bubble{width:min(var(--voice-width, 128px),calc(100vw - var(--page-pad, 16px) * 2));transition:width .18s ease-out;border-radius:var(--radius-bubble);padding:10px 12px;cursor:pointer}.voice-bubble--user{background:var(--bubble-user);border-bottom-right-radius:6px;align-self:flex-end}.voice-bubble--ai{background:var(--card)}.voice-bubble-row{display:flex;align-items:center;gap:8px;overflow:hidden}.voice-play-btn{width:26px;height:26px;border-radius:50%;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;cursor:pointer}.voice-waveform{position:relative;flex:1;height:22px;min-width:0}.voice-waveform-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:2px}.voice-waveform-layer--base .voice-bar{background:var(--accent);opacity:.32}.voice-waveform-layer--played{clip-path:inset(0 100% 0 0);will-change:clip-path}.voice-waveform-layer--played .voice-bar{background:var(--accent);opacity:1}.voice-bar{flex:1;min-width:2px;border-radius:2px;transform:translateZ(0)}.voice-progress-dot{position:absolute;top:50%;left:0;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 4px var(--accent);transform:translate(calc(var(--dot-x, 0px) - 50%),-50%);opacity:0;pointer-events:none;transition:opacity .15s ease-out;will-change:transform}.voice-bubble--started .voice-progress-dot{opacity:1}.voice-duration{font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);flex-shrink:0;white-space:nowrap}.voice-msg-stack{display:flex;flex-direction:column;gap:6px;min-width:0}.voice-msg-stack--user{align-items:flex-end}.voice-msg-stack--ai{align-items:flex-start}.voice-msg-stack .ai-text,.voice-msg-stack .bubble{min-width:min(140px,calc(100vw - var(--page-pad, 16px) * 2 - var(--avatar-col, 48px) * 2));max-width:calc(100vw - var(--page-pad, 16px) * 2 - var(--avatar-col, 48px) * 2)}.attachment-stack{display:flex;flex-direction:column;gap:6px;max-width:78%;min-width:0}.attachment-stack--user{align-items:flex-end}.attachment-stack--ai{align-items:flex-start}.msg-row--has-avatar .attachment-stack{max-width:calc(100% - var(--avatar-col) * 2)}.attachment-stack .bubble,.attachment-stack .ai-text{max-width:100%}.attachment-stack .image-attachment,.msg-row--has-avatar .attachment-stack .image-attachment{width:220px;max-width:100%}.attachment-stack .file-attachment,.msg-row--has-avatar .attachment-stack .file-attachment{width:260px;max-width:100%}.image-grid{display:grid;gap:4px;width:266px;max-width:100%;grid-template-columns:repeat(3,1fr)}.image-grid--2{width:224px;grid-template-columns:repeat(2,1fr)}.image-grid-cell{border:none;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;background:var(--card);line-height:0;aspect-ratio:1}.image-grid-cell img{display:block;width:100%;height:100%;object-fit:cover}.image-attachment{width:min(220px,78%);border:none;padding:0;border-radius:var(--radius-bubble);overflow:hidden;cursor:pointer;background:var(--card);line-height:0}.image-attachment--user{border-bottom-right-radius:6px;align-self:flex-end}.image-attachment img{display:block;width:100%;max-height:280px;object-fit:cover}.file-attachment{width:min(260px,78%);display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);color:var(--text);text-decoration:none}.file-attachment--user{align-self:flex-end}.file-attachment-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--accent)}.file-attachment-body{min-width:0;flex:1}.file-attachment-name{display:block;font-size:calc(14.5px * var(--font-scale));font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment-meta{display:block;margin-top:2px;font-size:calc(12px * var(--font-scale));color:var(--text-secondary)}.file-attachment-download{flex-shrink:0;color:var(--text-tertiary)}.thought-wrap{padding:2px var(--page-pad) 0}.thought-wrap--avatar{padding-left:56px;padding-right:56px}.thought-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);cursor:pointer;padding:3px 4px;transition:opacity var(--dur-fast) var(--ease-out)}.thought-btn:active{opacity:.7}.thought-chevron{transition:transform var(--dur-base) var(--ease-out)}.thought-chevron--open{transform:rotate(90deg)}.thought-content{font-style:italic;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);background:var(--card);border-radius:var(--radius-sm);padding:8px 12px;margin:4px 0 6px;max-width:90%}.thought-line+.thought-line{margin-top:6px}.chat-page{background:var(--bg);position:relative}.chat-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0}.chat-bg-blur{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff59}[data-theme=dark] .chat-bg-blur{background:#00000059}.chat-page>.chat-scroll{position:relative;z-index:1;height:100%}.chat-topbar-glass{position:absolute;top:0;left:0;right:0;height:calc(var(--safe-top) + 66px);background:linear-gradient(to bottom,var(--pb-tint-1) 0%,var(--pb-tint-2) 33%,var(--pb-tint-3) 66%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);z-index:2;pointer-events:none}.chat-page>.chat-topbar{position:absolute;top:0;left:0;right:0;z-index:3;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none}.chat-topbar .icon-btn{position:relative;background:var(--glass-btn);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.chat-topbar .icon-btn:before,.composer:before,.jump-bottom-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 0deg,var(--glass-rim) 0deg,var(--glass-hilite) 135deg,var(--glass-rim) 180deg,var(--glass-hilite) 315deg,var(--glass-rim) 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.composer:before{background:conic-gradient(from 0deg,var(--glass-rim) 0deg,transparent 75deg,var(--glass-hilite) 97deg,transparent 130deg,var(--glass-rim) 180deg,transparent 255deg,var(--glass-hilite) 277deg,transparent 310deg,var(--glass-rim) 360deg)}.chat-topbar .icon-btn{width:42px;height:42px}.chat-bottom-float{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;pointer-events:none}.chat-bottom-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(to top,var(--pb-tint-1) 0%,var(--pb-tint-2) 33%,var(--pb-tint-3) 66%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,black 60%,transparent 100%);mask-image:linear-gradient(to top,black 0%,black 60%,transparent 100%)}.chat-bottom-float>.quote-bar,.chat-bottom-float>.attach-tray,.chat-bottom-float>.composer-wrap{position:relative;z-index:1;pointer-events:auto}.jump-bottom-btn{position:relative;z-index:1;pointer-events:auto;align-self:center;width:38px;height:38px;margin-bottom:10px;border-radius:50%;background:var(--glass-btn);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:none;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);animation:fadeIn var(--dur-fast) var(--ease-out)}.msg-mood-tags{display:flex;gap:10px;margin-top:4px;font-size:calc(12px * var(--font-scale));color:var(--text-tertiary)}.msg-row--user .msg-mood-tags{justify-content:flex-end}.msg-mood-tag{display:inline-flex;align-items:center;gap:4px}.msg-mood-tag .msg-mood-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:6px;vertical-align:2px;background:var(--border);transition:background var(--dur-fast) var(--ease-out)}.presence-dot--on{background:#7fb069}.chat-page--image-bg .ai-text,.chat-page--image-bg .thought-content{background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);padding:8px 12px;width:fit-content;max-width:100%}.chat-page--image-bg .msg-row--has-avatar .ai-text{max-width:calc(100% - var(--avatar-col) * 2)}.chat-page--image-bg .thought-btn{background:color-mix(in srgb,var(--bg) 65%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px}.chat-header-center{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.chat-name{font-size:calc(16px * var(--font-scale));font-weight:600;line-height:1.2}.chat-status{font-size:calc(11.5px * var(--font-scale));color:var(--text-secondary);line-height:1.3}.chat-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(var(--safe-top) + 72px);padding-bottom:calc(var(--safe-bottom) + 132px)}.time-divider{display:flex;justify-content:center;padding:10px 0 6px}.time-divider span{font-size:calc(11.5px * var(--font-scale));color:var(--text-secondary);background:var(--bg);padding:2px 10px;border-radius:10px}.typing-row{display:flex;gap:4px;padding:6px 16px}.typing-row span{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);opacity:.5;animation:typingBounce 1s ease-in-out infinite}.typing-row span:nth-child(2){animation-delay:.15s}.typing-row span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:.9}}.quote-bar{display:flex;align-items:center;gap:10px;margin:0 12px;padding:8px 12px;background:var(--card-2);border-radius:var(--radius-sm);flex-shrink:0}.quote-bar-text{flex:1;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-bar-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:calc(13px * var(--font-scale));padding:4px}.attach-tray{display:flex;align-items:center;gap:8px;margin:6px var(--page-pad) 0;padding:8px;background:var(--card-2);border-radius:var(--radius-sm);overflow-x:auto;flex-shrink:0}.attach-item{position:relative;flex-shrink:0}.attach-item img{display:block;width:56px;height:56px;object-fit:cover;border-radius:10px}.attach-item-file{width:56px;height:56px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px}.attach-item-file span{max-width:100%;font-size:calc(9px * var(--font-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-item-remove{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border:none;border-radius:50%;background:var(--text);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.attach-add{width:56px;height:56px;flex-shrink:0;border:1px dashed var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer}.composer-wrap{position:relative;flex-shrink:0;padding:10px var(--page-pad) max(20px,calc(var(--safe-bottom) + 6px))}html[data-kb] .composer-wrap{padding-bottom:8px}.companion-perch{position:absolute;left:calc(var(--page-pad) + 6px);bottom:100%;transform:translateY(10px);display:flex;align-items:flex-end;pointer-events:none;z-index:2}.companion-perch .clawd{margin-bottom:-9px}.composer{position:relative;background:var(--glass-elev);backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);border-radius:24px;box-shadow:var(--shadow);padding:10px 8px 10px 14px;display:flex;align-items:center;gap:8px}.composer-plus{width:36px;height:36px;border-radius:50%;border:none;background:var(--card-2);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out)}.composer-plus:active{background:var(--border)}.composer-input{flex:1;resize:none;border:none;background:transparent;padding:6px 4px;font-size:calc(16px * var(--font-scale));line-height:1.4;min-height:24px;max-height:120px;box-sizing:border-box;outline:none;color:var(--text)}.composer-input::placeholder{color:var(--text-tertiary)}.composer-send{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.composer-send:not(:disabled){background:var(--accent);color:#fff}.composer-send:disabled{opacity:.7}.composer-recording{flex:1;display:flex;align-items:center;gap:10px;padding:0 4px}.composer-recording-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:recordingPulse 1.1s ease-in-out infinite;flex-shrink:0}@keyframes recordingPulse{0%,to{opacity:1}50%{opacity:.3}}.composer-recording-time{flex:1;font-size:calc(14px * var(--font-scale));color:var(--text-secondary);font-variant-numeric:tabular-nums}.composer-cancel,.composer-confirm{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.composer-cancel{background:var(--card-2);color:var(--text-secondary)}.composer-confirm{background:var(--accent);color:#fff}.group-page{display:flex;flex-direction:column;height:100%}.gp-scroll{flex:1;overflow-y:auto;padding:8px var(--page-pad) 12px;-webkit-overflow-scrolling:touch}.gp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:64px 24px 0;color:var(--text-tertiary);text-align:center}.gp-empty svg{stroke:var(--text-tertiary)}.gp-empty p{margin:0;font-size:14px}.gp-empty-hint{font-size:12px;color:var(--text-tertiary)}.gp-row{display:flex;flex-direction:column;margin:6px 0}.gp-row--user{align-items:flex-end}.gp-row--ai{align-items:flex-start}.gp-row:not(.gp-row--has-avatar) .gp-content-row,.gp-row:not(.gp-row--has-avatar) .gp-content-col{display:contents}.gp-row--has-avatar .gp-content-row{display:flex;align-items:flex-start;gap:8px;width:100%}.gp-row--has-avatar.gp-row--ai .gp-content-row{justify-content:flex-start}.gp-row--has-avatar.gp-row--user .gp-content-row{justify-content:flex-end}.gp-row--has-avatar .gp-content-col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.gp-row--has-avatar.gp-row--user .gp-content-col{align-items:flex-end}.gp-avatar{width:28px;height:28px;border-radius:50%;color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;margin-top:2px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overflow:hidden}.gp-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.gp-row--has-avatar{--avatar-col: 36px}.gp-row--has-avatar .gp-bubble,.gp-row--has-avatar .gp-attach{max-width:calc(100% - var(--avatar-col))}.gp-row--has-avatar.gp-row--ai .gp-sender{margin-left:var(--avatar-col)}.gp-row--has-avatar.gp-row--ai .gp-quote{margin-left:var(--avatar-col);max-width:calc(100% - var(--avatar-col) * 2)}.gp-row--has-avatar.gp-row--user .gp-quote{margin-right:var(--avatar-col);max-width:calc(100% - var(--avatar-col) * 2)}.gp-sender{display:flex;align-items:center;gap:6px;margin:2px 4px 3px}.gp-sender-name{font-size:12px;font-weight:600}.gp-only-you{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-tertiary);border:1px solid var(--border);border-radius:999px;padding:1px 7px}.gp-bubble{max-width:78%;padding:9px 13px;border-radius:var(--radius-bubble);font-size:calc(var(--font-size-base) * var(--font-scale));line-height:var(--line-height-base);white-space:pre-wrap;word-break:break-word}.gp-bubble--user{background:var(--bubble-user);color:var(--text);border-bottom-right-radius:6px}.gp-bubble--ai{background:var(--bubble-ai);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:6px}.gp-composer-wrap{padding:8px var(--page-pad) max(20px,calc(var(--safe-bottom) + 6px));background:var(--bg);border-top:1px solid var(--border)}html[data-kb] .gp-composer-wrap{padding-bottom:8px}.gp-composer{display:flex;align-items:flex-end;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px}.gp-input{flex:1;border:none;outline:none;background:transparent;resize:none;font:inherit;font-size:calc(var(--font-size-base) * var(--font-scale));color:var(--text);max-height:96px;padding:6px 0}.gp-send{width:34px;height:34px;border:none;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;transition:opacity var(--dur-fast) var(--ease-out)}.gp-send:disabled{opacity:.35}.gp-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:30;display:flex;align-items:flex-end;animation:gp-fade var(--dur-base) var(--ease-out)}.gp-sheet{width:100%;background:var(--bg-elev);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:18px var(--page-pad) calc(18px + var(--safe-bottom));animation:gp-rise var(--dur-slow) var(--ease-out);max-height:70%;overflow-y:auto}@keyframes gp-fade{0%{opacity:0}to{opacity:1}}@keyframes gp-rise{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.gp-sheet-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px}.gp-sheet-empty{color:var(--text-secondary);font-size:13px;line-height:1.7;padding:8px 0 16px}.gp-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.gp-member-row:last-child{border-bottom:none}.gp-member-badge{width:32px;height:32px;border-radius:50%;color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0;overflow:hidden}.gp-member-badge--clickable{cursor:pointer;position:relative}.gp-member-badge .gp-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.gp-member-name{flex:1;display:flex;align-items:center;gap:6px;font-size:15px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-member-muted-tag{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-tertiary)}.gp-member-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-out);flex-shrink:0}.gp-member-btn--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.gp-member-btn--danger{color:var(--danger)}.gp-quote{border-left:2px solid var(--border);background:var(--card-2);border-radius:var(--radius-sm);padding:4px 10px;margin-bottom:4px;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);max-width:78%;white-space:pre-wrap;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gp-quote-bar{display:flex;align-items:center;gap:10px;margin:0 4px 4px;padding:8px 12px;background:var(--card-2);border-radius:var(--radius-sm)}.gp-quote-bar-text{flex:1;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gp-quote-bar-close{background:none;border:none;color:var(--text-secondary);padding:4px;flex-shrink:0}.gp-plus{width:34px;height:34px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--dur-fast) var(--ease-out)}.gp-plus:disabled{opacity:.35}.gp-attach-tray{display:flex;gap:8px;padding:8px 4px 4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.gp-attach-item{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--card);border:1px solid var(--border)}.gp-attach-item img{width:100%;height:100%;object-fit:cover}.gp-attach-item-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;color:var(--text-secondary);font-size:10px;padding:4px;text-align:center;overflow:hidden}.gp-attach-item-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center}.gp-attach-add{width:64px;height:64px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gp-attach{max-width:78%;display:flex;flex-direction:column;gap:4px}.gp-attach--user{align-items:flex-end}.gp-attach--ai{align-items:flex-start}.gp-attach-img{display:block;border:none;padding:0;background:none;border-radius:var(--radius-bubble);overflow:hidden;max-width:100%}.gp-attach-img img{display:block;max-width:100%;max-height:280px;border-radius:var(--radius-bubble);object-fit:cover}.gp-attach-grid{display:grid;gap:3px;border-radius:var(--radius-bubble);overflow:hidden}.gp-attach-grid--2{grid-template-columns:1fr 1fr}.gp-attach-grid--3{grid-template-columns:1fr 1fr 1fr}.gp-attach-grid .gp-attach-img{border-radius:0}.gp-attach-grid .gp-attach-img img{width:100%;height:100%;aspect-ratio:1;border-radius:0}.gp-attach-file{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-bubble);background:var(--card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;text-decoration:none}.gp-attach-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.gp-search-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;background:var(--bg);display:flex;flex-direction:column;animation:gp-fade var(--dur-base) var(--ease-out)}.gp-search-bar{display:flex;align-items:center;gap:8px;padding:10px var(--page-pad);border-bottom:1px solid var(--border);color:var(--text-tertiary)}.gp-search-input{flex:1;border:none;outline:none;background:transparent;font:inherit;font-size:15px;color:var(--text)}.gp-search-close{border:none;background:none;color:var(--accent);font-size:14px;padding:4px;flex-shrink:0}.gp-search-results{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.gp-search-loading{display:flex;justify-content:center;padding:24px}.gp-search-empty{text-align:center;color:var(--text-tertiary);font-size:14px;padding:32px}.gp-search-item{padding:10px var(--page-pad);border-bottom:1px solid var(--border)}.gp-search-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin-bottom:4px}.gp-search-item-time{color:var(--text-tertiary);font-weight:400}.gp-search-item-text{font-size:calc(var(--font-size-base) * var(--font-scale));color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gp-search-item-text mark{background:var(--accent-soft);color:var(--accent);border-radius:2px;padding:0 1px}.activity-content{padding:12px var(--page-pad)}.pull-refresh{display:flex;justify-content:center;padding:0 0 12px}.activity-group{margin-bottom:8px}.activity-day-label{font-size:calc(13px * var(--font-scale));font-weight:600;color:var(--text-secondary);padding:6px 2px 2px}.activity-item{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin:10px 0;cursor:pointer}.activity-item--highlight{animation:activityHighlightPulse 1.8s var(--ease-out)}@keyframes activityHighlightPulse{0%{background-color:var(--accent-soft)}to{background-color:var(--card)}}.activity-icon{color:var(--accent);display:flex;flex-shrink:0}.activity-body{flex:1;min-width:0}.activity-title-row{display:flex;gap:8px;align-items:center}.activity-time{color:var(--text-tertiary);font-size:calc(12px * var(--font-scale));flex-shrink:0;order:2}.activity-title{color:var(--text);font-size:calc(15px * var(--font-scale));font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;order:1}.activity-detail{margin-top:10px;font-size:calc(14px * var(--font-scale));line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.diary-list{padding:8px var(--page-pad)}.diary-card{background:var(--card);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;cursor:pointer;box-shadow:var(--shadow)}.diary-card-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.diary-date{font-size:calc(14.5px * var(--font-scale));font-weight:600}.diary-author-tag{font-size:calc(11px * var(--font-scale));font-weight:600;padding:2px 8px;border-radius:8px}.diary-author-tag--user{color:var(--accent);background:var(--accent-soft)}.diary-author-tag--claude{color:#8a93b3;background:#8a93b324}.diary-detail-author{margin-bottom:12px}.diary-excerpt{font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diary-detail{padding:12px 18px}.diary-render{font-size:calc(16px * var(--font-scale));line-height:1.7}.diary-render h1,.diary-render h2,.diary-render h3,.diary-render h4{margin:18px 0 8px}.diary-render p{margin:0 0 12px}.diary-render blockquote{margin:0 0 12px;padding-left:12px;border-left:2px solid var(--border);color:var(--text-secondary)}.diary-render code{background:var(--card);padding:1px 5px;border-radius:4px;font-size:.9em}.diary-render pre{background:var(--card);border-radius:var(--radius-sm);padding:10px 12px;overflow-x:auto}.diary-render ul,.diary-render ol{margin:0 0 12px;padding-left:22px}.diary-editor{width:100%;min-height:60vh;border:none;outline:none;resize:vertical;background:transparent;font-size:calc(16px * var(--font-scale));line-height:1.7;color:var(--text);font-family:var(--font)}.diary-date-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:110;display:flex;align-items:center;justify-content:center;padding:var(--page-pad)}.diary-date-picker-sheet{width:min(300px,100%);background:var(--bg-elev);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-elev)}.diary-date-picker-title{font-size:calc(14px * var(--font-scale));color:var(--text-secondary);text-align:center}.diary-date-input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-size:calc(14.5px * var(--font-scale));outline:none}.diary-date-picker-actions{display:flex;gap:10px}.diary-date-picker-actions .btn{flex:1}.swipe-delete-row{position:relative;overflow:hidden;border-radius:var(--radius)}.swipe-delete-action{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--danger)}.swipe-delete-btn{width:100%;height:100%;border:none;background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.swipe-delete-content{position:relative;background:var(--bg);transition:transform var(--dur-base) var(--ease-out);touch-action:pan-y}.memories-segments{display:flex;gap:2px;margin:4px var(--page-pad) 8px;background:var(--card);border-radius:10px;padding:2px;flex-shrink:0}.memories-segment-btn{flex:1;border:none;background:none;padding:7px 0;border-radius:8px;font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.memories-segment-btn--active{background:var(--bg-elev);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.memories-search-wrap{padding:0 var(--page-pad) 8px;flex-shrink:0}.memories-search{width:100%;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);font-size:calc(14.5px * var(--font-scale));outline:none}.memories-list{padding:0 var(--page-pad);display:flex;flex-direction:column;gap:10px}.memories-list>*{flex-shrink:0}.memories-group{display:flex;flex-direction:column;gap:10px}.memories-group+.memories-group{margin-top:8px}.memories-group-title{font-size:calc(12px * var(--font-scale));font-weight:600;letter-spacing:.04em;color:var(--text-tertiary);padding:4px 2px 0}.memory-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.memory-card:active{transform:scale(.99)}.memory-card--letter{border:1px solid var(--border);box-shadow:none;background:var(--card)}.memory-card--archive{box-shadow:none;opacity:.62}.memory-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.memory-name{font-size:calc(15px * var(--font-scale));font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.importance-dots{flex-shrink:0}.importance-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:calc(11.5px * var(--font-scale));font-weight:700}.memory-excerpt{font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.memory-card-footer{display:flex;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.memory-tag{font-size:calc(11px * var(--font-scale));color:var(--text-secondary);background:var(--card-2);padding:2px 8px;border-radius:10px}.memories-spacer{flex:1}.memory-time{font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);flex-shrink:0}.memory-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;display:flex;align-items:flex-end;z-index:60;animation:fadeIn var(--dur-base) var(--ease-out)}.memory-detail-sheet{width:100%;max-height:86%;background:var(--bg-elev);border-radius:20px 20px 0 0;box-shadow:var(--shadow-elev);display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}html[data-kb] .memory-detail-overlay{align-items:flex-start}html[data-kb] .memory-detail-sheet{max-height:calc(var(--vvh, 100%) - 8px);border-radius:0 0 20px 20px;padding-bottom:8px}.memory-detail-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 0;flex-shrink:0}.memory-detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--page-pad) 6px;flex-shrink:0}.memory-detail-name{font-size:calc(17px * var(--font-scale));font-weight:600}.memory-detail-body{overflow-y:auto;padding:4px var(--page-pad) 24px}.memory-detail-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-bottom:10px}.memory-detail-meta-item:after{content:"·";margin-left:8px;color:var(--text-tertiary)}.memory-detail-meta-item:last-child:after{content:"";margin:0}.memory-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.memory-detail-why{font-size:calc(13px * var(--font-scale));line-height:1.6;color:var(--text-secondary);border-left:2px solid var(--accent-soft);padding:2px 0 2px 10px;margin-bottom:14px}.memory-detail-section{margin-bottom:18px}.memory-detail-label{font-size:calc(13px * var(--font-scale));font-weight:600;color:var(--text-secondary);margin-bottom:8px}.memory-detail-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.memory-detail-label-row .memory-detail-label{margin-bottom:0}.memory-edit-btn{border:none;background:none;color:var(--accent);font-size:calc(13.5px * var(--font-scale));font-weight:600;padding:2px 4px;cursor:pointer}.memory-content-text{font-size:calc(14.5px * var(--font-scale));line-height:1.65;color:var(--text);white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text}.importance-stepper{display:flex;align-items:center;gap:14px}.importance-step-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--card);font-size:calc(18px * var(--font-scale));color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-out)}.importance-step-btn:active{background:var(--border)}.importance-step-btn:disabled{opacity:.4;cursor:default}.importance-value{font-size:calc(18px * var(--font-scale));font-weight:700;color:var(--accent);min-width:24px;text-align:center}.memory-content-editor{width:100%;min-height:160px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:12px;font-size:calc(14.5px * var(--font-scale));line-height:1.65;color:var(--text);font-family:var(--font);resize:vertical;outline:none}.memory-saving-hint{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-top:6px}.calendar-tabs{display:flex;gap:2px;margin:0 var(--page-pad) 10px;background:var(--card);border-radius:10px;padding:2px;flex-shrink:0}.calendar-tab-btn{flex:1;border:none;background:none;padding:8px 0;border-radius:8px;font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);cursor:pointer}.calendar-tab-btn--active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow);font-weight:600}.calendar-content{padding:0 var(--page-pad) 24px}.calendar-predict-card{background:var(--accent-soft);border-radius:var(--radius);padding:18px 16px;margin-bottom:18px;text-align:center}.calendar-predict-main{font-size:calc(19px * var(--font-scale));font-weight:600;color:var(--accent)}.calendar-predict-sub{font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);margin-top:6px}.calendar-section-title{font-size:calc(14px * var(--font-scale));font-weight:600;color:var(--text-secondary);margin:14px 0 10px}.calendar-add-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:10px}.calendar-form-row{display:flex;align-items:center;gap:10px}.calendar-form-row label{width:64px;flex-shrink:0;font-size:calc(13px * var(--font-scale));color:var(--text-secondary)}.calendar-form-row input,.calendar-form-row select{flex:1;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:calc(14px * var(--font-scale));outline:none;min-width:0}.calendar-form-unit{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);flex-shrink:0}.calendar-kind-row{display:flex;gap:8px;flex-wrap:wrap}.calendar-kind-btn{padding:6px 14px;border-radius:16px;border:1px solid var(--border);background:var(--card-2);font-size:calc(13px * var(--font-scale));color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.calendar-kind-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.calendar-checkbox-row{display:flex;align-items:center;gap:8px;font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary)}.calendar-add-btn{width:100%}.calendar-add-btn:disabled{opacity:.5;cursor:default}.calendar-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:10px}.calendar-card-main{flex:1;min-width:0}.calendar-card-title{font-size:calc(15px * var(--font-scale));color:var(--text)}.calendar-card-sub{font-size:calc(12.5px * var(--font-scale));color:var(--text-tertiary);margin-top:4px;display:flex;align-items:center;gap:4px}.calendar-card-countdown{color:var(--accent)}.calendar-inline-date{border:1px solid var(--border);border-radius:6px;background:var(--bg-elev);color:var(--text);font-size:calc(12.5px * var(--font-scale));padding:2px 4px}.calendar-delete{border:none;background:none;color:var(--text-tertiary);cursor:pointer;padding:6px;flex-shrink:0;transition:color var(--dur-fast) var(--ease-out)}.calendar-delete:active{color:var(--danger)}.calendar-check{width:22px;height:22px;border-radius:50%;border:none;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--accent)}.calendar-check-circle{width:18px;height:18px;border-radius:50%;border:1.7px solid var(--border)}.calendar-check--done{color:var(--text-tertiary)}.calendar-card--done{opacity:.6}.calendar-done-group{margin-top:8px}.calendar-done-group summary{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);cursor:pointer;margin-bottom:10px}.bookcover{aspect-ratio:3 / 4;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:11% 12%;box-shadow:var(--shadow);flex-shrink:0}.bookcover--p1{background:var(--cover-1-bg);color:var(--cover-1-ink)}.bookcover--p2{background:var(--cover-2-bg);color:var(--cover-2-ink)}.bookcover--p3{background:var(--cover-3-bg);color:var(--cover-3-ink)}.bookcover--p4{background:var(--cover-4-bg);color:var(--cover-4-ink)}.bookcover--p5{background:var(--cover-5-bg);color:var(--cover-5-ink)}.bookcover-img{width:124%;height:122%;margin:-11% -12%;object-fit:cover;display:block}.bookcover-rule{display:block;height:2px;width:22%;background:currentColor;opacity:.85;border-radius:1px}.bookcover-title{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-weight:600;font-size:clamp(11px,14cqw,26px);line-height:1.45;letter-spacing:.06em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all}.bookcover-foot{display:flex;flex-direction:column;gap:8px}.bookcover-author{font-size:clamp(9px,7cqw,13px);opacity:.75;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookcover{container-type:inline-size}.books-content{padding:4px var(--page-pad) 24px}.books-import-form{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.books-import-title{font-size:calc(14px * var(--font-scale));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-form-row{display:flex;align-items:center;gap:10px}.books-form-row label{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);flex-shrink:0}.books-form-row input{flex:1;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:calc(14px * var(--font-scale));outline:none;min-width:0}.books-import-actions{display:flex;gap:10px}.books-import-actions .btn{flex:1}.books-tabs{display:flex;gap:4px;background:var(--card-2);border-radius:999px;padding:4px;margin-bottom:18px}.books-tab{flex:1;border:none;background:transparent;border-radius:999px;padding:8px 0;font-size:calc(14px * var(--font-scale));color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.books-tab--active{background:var(--card);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.books-tab-count{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);font-weight:400;margin-left:2px}.books-hero{display:flex;gap:16px;background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;margin-bottom:22px;cursor:pointer}.books-hero-cover{width:96px}.books-hero-info{flex:1;min-width:0;display:flex;flex-direction:column}.books-hero-label{font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);letter-spacing:.14em;margin-bottom:6px}.books-hero-title{font-size:calc(19px * var(--font-scale));font-weight:700;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.books-hero-author{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);margin-top:3px}.books-hero-progress{margin-top:auto;padding-top:12px}.books-progress-track{height:4px;border-radius:2px;background:var(--card-2);overflow:hidden}.books-progress-fill{height:100%;border-radius:2px;background:var(--text);transition:width var(--dur-slow) var(--ease-out)}.books-hero-progress-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.books-hero-pct{font-size:calc(12px * var(--font-scale));color:var(--text-secondary)}.books-hero-open{display:flex;align-items:center;gap:2px;border:none;background:var(--text);color:var(--bg);border-radius:999px;padding:7px 14px 7px 16px;font-size:calc(13px * var(--font-scale));font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.books-hero-open:active{transform:scale(.96)}.books-section-label{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);letter-spacing:.1em;margin:0 2px 12px}.books-finished-empty{color:var(--text-tertiary);font-size:calc(13px * var(--font-scale));text-align:center;padding:32px 0}.books-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 14px}.book-card{background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.book-card:active .book-card-cover{transform:scale(.97)}.book-card-cover{width:100%;margin-bottom:7px;transition:transform var(--dur-fast) var(--ease-out)}.book-title{font-size:calc(14.5px * var(--font-scale));color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.book-author{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary)}.bd-content{padding:4px var(--page-pad) 24px}.bd-header{display:flex;gap:16px;margin-bottom:20px}.bd-cover{width:112px}.bd-info{flex:1;min-width:0;display:flex;flex-direction:column}.bd-title{font-size:calc(20px * var(--font-scale));font-weight:700;line-height:1.35}.bd-author{font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);margin-top:4px}.bd-meta{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-top:8px;line-height:1.5}.bd-continue{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;margin-top:auto;border:none;background:var(--text);color:var(--bg);border-radius:999px;padding:8px 16px 8px 18px;font-size:calc(14px * var(--font-scale));font-weight:600;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.bd-continue:active{transform:scale(.96)}.bd-tabs{display:flex;gap:18px;border-bottom:1px solid var(--border);margin-bottom:14px}.bd-tab{border:none;background:none;padding:8px 2px 10px;font-size:calc(15px * var(--font-scale));color:var(--text-secondary);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.bd-tab--active{color:var(--text);font-weight:600}.bd-tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:1px;background:var(--text)}.bd-tab-count{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);font-weight:400}.bd-toc-legend{display:flex;align-items:center;gap:5px;font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);margin-bottom:10px}.bd-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.bd-dot--user{background:var(--accent)}.bd-dot--claude{background:var(--mood-calm);margin-left:6px}.bd-dot--off{background:var(--border)}.bd-chapter-row{display:flex;align-items:center;gap:12px;padding:12px 10px;margin:0 -10px;border-radius:var(--radius-sm)}.bd-chapter-row--current{background:var(--accent-soft)}.bd-check{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--border);background:transparent;color:var(--accent-contrast);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.bd-check--done{background:var(--accent);border-color:var(--accent)}.bd-chapter-main{flex:1;min-width:0;display:flex;align-items:center;gap:8px;cursor:pointer}.bd-chapter-title{font-size:calc(14.5px * var(--font-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-chapter-badge{font-size:calc(10.5px * var(--font-scale));color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;flex-shrink:0}.bd-note-search{display:flex;align-items:center;gap:8px;background:var(--card-2);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-tertiary);margin-bottom:14px}.bd-note-search input{flex:1;border:none;background:none;outline:none;font-size:calc(14px * var(--font-scale));color:var(--text);min-width:0}.bd-notes-empty{color:var(--text-tertiary);font-size:calc(13px * var(--font-scale));text-align:center;padding:32px 0}.bd-note-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;margin-bottom:12px}.bd-note-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bd-note-author{font-size:calc(12px * var(--font-scale));font-weight:600;padding:1px 8px;border-radius:10px;flex-shrink:0}.bd-note-author--user{color:var(--accent);background:var(--accent-soft)}.bd-note-author--claude{color:var(--mood-calm);background:color-mix(in srgb,var(--mood-calm) 16%,transparent)}.bd-note-chapter{font-size:calc(11.5px * var(--font-scale));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.bd-note-time{font-size:calc(11px * var(--font-scale));color:var(--text-tertiary);margin-left:auto;flex-shrink:0}.hl-quote{font-family:"Noto Serif SC",Songti SC,Georgia,serif;font-size:calc(13.5px * var(--font-scale));line-height:1.8;padding:6px 10px;border-radius:6px;margin-bottom:8px}.hl-quote--yellow{background:var(--hl-yellow-bg);box-shadow:inset 3px 0 0 var(--hl-yellow)}.hl-quote--red{background:var(--hl-red-bg);box-shadow:inset 3px 0 0 var(--hl-red)}.hl-quote--green{background:var(--hl-green-bg);box-shadow:inset 3px 0 0 var(--hl-green)}.hl-quote--blue{background:var(--hl-blue-bg);box-shadow:inset 3px 0 0 var(--hl-blue)}.bd-note-text{font-size:calc(14px * var(--font-scale));white-space:pre-wrap;line-height:1.6}.bd-note-comments{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.bd-comment-row{display:flex;align-items:baseline;gap:6px;font-size:calc(13px * var(--font-scale))}.bd-comment-text{line-height:1.5}.bd-comment-input-row{display:flex;gap:6px;margin-top:4px}.bd-comment-input-row input{flex:1;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:calc(13px * var(--font-scale));outline:none;min-width:0}.bd-note-actions{display:flex;gap:16px;margin-top:8px}.bd-note-actions button{display:flex;align-items:center;gap:4px;border:none;background:none;color:var(--text-tertiary);font-size:calc(12px * var(--font-scale));padding:2px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.bd-note-delete{margin-left:auto}.bd-edit-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end;animation:fadeIn var(--dur-fast) var(--ease-out)}.bd-edit-sheet{background:var(--bg-elev);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:20px var(--page-pad) calc(var(--safe-bottom) + 20px);width:100%;display:flex;flex-direction:column;gap:14px;animation:bdSheetUp var(--dur-slow) var(--ease-out)}@keyframes bdSheetUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bd-edit-title{font-size:calc(16px * var(--font-scale));font-weight:600;text-align:center}.bd-edit-cover-row{display:flex;gap:16px;align-items:center}.bd-edit-cover{width:88px}.bd-edit-cover-btns{display:flex;flex-direction:column;gap:8px}.bd-edit-cover-btns .btn{display:flex;align-items:center;gap:6px}.bd-edit-actions{display:flex;gap:10px;margin-top:4px}.bd-edit-actions .btn{flex:1}.rd-theme--paper{--rd-paper: var(--paper-white-bg);--rd-ink: var(--paper-white-ink)}.rd-theme--cream{--rd-paper: var(--paper-cream-bg);--rd-ink: var(--paper-cream-ink)}.rd-theme--pink{--rd-paper: var(--paper-pink-bg);--rd-ink: var(--paper-pink-ink)}.rd-theme--green{--rd-paper: var(--paper-green-bg);--rd-ink: var(--paper-green-ink)}.rd-theme--ink{--rd-paper: var(--paper-ink-bg);--rd-ink: var(--paper-ink-ink)}.rd-theme{--bg: var(--rd-paper);--bg-elev: color-mix(in srgb, var(--rd-paper) 90%, #ffffff);--text: var(--rd-ink);--text-secondary: color-mix(in srgb, var(--rd-ink) 58%, var(--rd-paper));--text-tertiary: color-mix(in srgb, var(--rd-ink) 38%, var(--rd-paper));--card: color-mix(in srgb, var(--rd-paper) 92%, #ffffff);--card-2: color-mix(in srgb, var(--rd-ink) 8%, var(--rd-paper));--border: color-mix(in srgb, var(--rd-ink) 13%, transparent);--border-faint: color-mix(in srgb, var(--rd-ink) 6%, transparent)}.rd-topbar{position:absolute;top:0;left:0;right:0;z-index:20;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}.rd-chrome-hidden--top{transform:translateY(-105%);opacity:0;pointer-events:none}.rd-chrome-hidden--bottom{transform:translateY(105%);opacity:0;pointer-events:none}.rd-topmask{position:absolute;top:0;left:0;right:0;height:calc(var(--safe-top) + 28px);background:linear-gradient(to bottom,var(--bg) 45%,transparent);z-index:10;pointer-events:none}.rd-mini-top{position:absolute;top:calc(var(--safe-top) + 8px);left:calc(var(--page-pad) + 8px);right:calc(var(--page-pad) + 8px);z-index:11;font-size:calc(11px * var(--font-scale));color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:fadeIn var(--dur-base) var(--ease-out);pointer-events:none}.rd-mini-bottom{position:absolute;bottom:calc(var(--safe-bottom) + 8px);left:calc(var(--page-pad) + 8px);right:calc(var(--page-pad) + 8px);z-index:11;display:flex;justify-content:space-between;font-size:calc(11px * var(--font-scale));color:var(--text-tertiary);font-variant-numeric:tabular-nums;animation:fadeIn var(--dur-base) var(--ease-out);pointer-events:none}.rd-topbar-title{text-align:center;min-width:0}.rd-topbar-chapter{font-size:calc(16px * var(--font-scale));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-topbar-sub{font-size:calc(11px * var(--font-scale));color:var(--text-tertiary);margin-top:2px;font-variant-numeric:tabular-nums}.rd-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;z-index:300;pointer-events:none}.rd-tool-aa{font-size:calc(15px * var(--font-scale));font-weight:600;line-height:20px;height:20px}.rd-appear-row{display:flex;align-items:center;gap:10px}.rd-pill{flex:1;min-width:0;height:42px;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;font-size:calc(15px * var(--font-scale));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.rd-pill:active{background:var(--card-2)}.rd-pill--active{border:1.5px solid var(--text);font-weight:600}.rd-fontsize-num{font-size:calc(14px * var(--font-scale));color:var(--text-secondary);min-width:34px;text-align:center;font-variant-numeric:tabular-nums}.rd-theme-swatch{flex:1;min-width:0;height:42px;border-radius:999px;border:1.5px solid var(--border);cursor:pointer;padding:0;transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.rd-theme-swatch--follow{background:linear-gradient(135deg,var(--paper-white-bg) 50%,var(--paper-ink-bg) 50%)}.rd-theme-swatch--paper{background:var(--paper-white-bg)}.rd-theme-swatch--cream{background:var(--paper-cream-bg)}.rd-theme-swatch--pink{background:var(--paper-pink-bg)}.rd-theme-swatch--green{background:var(--paper-green-bg)}.rd-theme-swatch--ink{background:var(--paper-ink-bg)}.rd-theme-swatch--active{border-color:var(--text);box-shadow:0 0 0 1px var(--text) inset;transform:scale(1.03)}.rd-scrim--clear{background:transparent}.rd-brightness-row{display:flex;align-items:center;gap:14px;color:var(--text-secondary);padding:4px 2px}.rd-brightness-dim{opacity:.55}.rd-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.rd-text{font-family:"Noto Serif SC",Songti SC,Georgia,Times New Roman,serif;line-height:2.05;color:var(--text);padding:calc(var(--safe-top) + 52px) calc(var(--page-pad) + 8px) calc(var(--safe-bottom) + 110px);text-align:justify;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rd-chapter-heading{font-size:1.25em;font-weight:700;margin:14px 0 22px;line-height:1.5}.rd-para{margin:0 0 var(--rd-para-gap, 1.35em);text-indent:2em}.rd-hl{border-radius:3px;padding:1px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.rd-hl--yellow{background:var(--hl-yellow-bg);box-shadow:0 1.5px 0 var(--hl-yellow)}.rd-hl--red{background:var(--hl-red-bg);box-shadow:0 1.5px 0 var(--hl-red)}.rd-hl--green{background:var(--hl-green-bg);box-shadow:0 1.5px 0 var(--hl-green)}.rd-hl--blue{background:var(--hl-blue-bg);box-shadow:0 1.5px 0 var(--hl-blue)}.rd-hl--pending{background:var(--accent-soft);box-shadow:0 1.5px 0 var(--accent)}.rd-chapter-end{text-align:center;padding:24px 0 40px;color:var(--text-tertiary);font-size:calc(13px * var(--font-scale));font-family:var(--font)}.rd-chapter-end .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-bottombar{position:absolute;bottom:0;left:0;right:0;z-index:20;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--border);padding:8px var(--page-pad) calc(var(--safe-bottom) + 8px)}.rd-progress-row{display:flex;align-items:center;gap:12px;padding:4px 2px 2px}.rd-nav-text{border:none;background:none;color:var(--text);font-size:calc(14px * var(--font-scale));padding:6px 2px;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.rd-nav-text:disabled{color:var(--text-tertiary);cursor:default}.rd-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;background:transparent;min-width:0}.rd-slider::-webkit-slider-runnable-track{height:12px;border-radius:6px;background:var(--card-2)}.rd-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-elev);margin-top:-6px}.rd-slider::-moz-range-track{height:12px;border-radius:6px;background:var(--card-2)}.rd-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-elev)}.rd-tools-row{display:flex;align-items:stretch;padding:8px 6px 0}.rd-tool{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;border:none;background:none;color:var(--text-secondary);font-size:calc(11.5px * var(--font-scale));padding:4px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.rd-sel-toolbar{position:fixed;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-elev);padding:8px 14px;animation:fadeIn var(--dur-fast) var(--ease-out)}.rd-sel-divider{width:1px;height:16px;background:var(--border)}.rd-sel-write{border:none;background:none;color:var(--text);font-size:calc(13.5px * var(--font-scale));font-weight:600;cursor:pointer;padding:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}.rd-color-dot{width:20px;height:20px;border-radius:50%;border:none;padding:0;cursor:pointer;flex-shrink:0;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.rd-color-dot--yellow{background:var(--hl-yellow)}.rd-color-dot--red{background:var(--hl-red)}.rd-color-dot--green{background:var(--hl-green)}.rd-color-dot--blue{background:var(--hl-blue)}.rd-color-dot--active{transform:scale(1.12);box-shadow:0 0 0 2px var(--bg-elev),0 0 0 3.5px var(--text)}.rd-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;display:flex;align-items:flex-end;animation:fadeIn var(--dur-fast) var(--ease-out)}.rd-sheet{background:var(--bg-elev);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:18px var(--page-pad) calc(var(--safe-bottom) + 16px);width:100%;display:flex;flex-direction:column;gap:12px;animation:rdSheetUp var(--dur-slow) var(--ease-out);max-height:78%}@keyframes rdSheetUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.rd-sheet-title{font-size:calc(15px * var(--font-scale));font-weight:600;text-align:center;flex-shrink:0}.rd-sheet .hl-quote{max-height:120px;overflow-y:auto;flex-shrink:0;margin-bottom:0}.rd-sheet-actions{display:flex;gap:10px}.rd-sheet-actions .btn{flex:1}.rd-color-row{display:flex;gap:12px;align-items:center}.rd-composer-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:calc(15px * var(--font-scale));padding:10px 12px;outline:none;resize:none;line-height:1.6}.rd-note-meta{display:flex;align-items:center;gap:8px}.rd-note-kind{font-size:calc(12px * var(--font-scale));color:var(--text-secondary)}.rd-note-time{font-size:calc(11px * var(--font-scale));color:var(--text-tertiary);margin-left:auto}.rd-note-body{font-size:calc(15px * var(--font-scale));line-height:1.7;white-space:pre-wrap;overflow-y:auto}.rd-note-comments{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--border);padding-top:10px;overflow-y:auto}.rd-note-footer{display:flex;align-items:center;justify-content:space-between}.rd-note-delete{display:flex;align-items:center;gap:4px;border:none;background:none;color:var(--danger);font-size:calc(13px * var(--font-scale));cursor:pointer;padding:4px 0;-webkit-tap-highlight-color:transparent}.rd-reply-row{display:flex;gap:6px}.rd-reply-row input{flex:1;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:calc(14px * var(--font-scale));outline:none;min-width:0}.rd-toc-sheet{height:78%}.rd-toc-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.rd-toc-item{display:flex;align-items:center;gap:8px;border:none;background:none;text-align:left;padding:12px 4px;font-size:calc(14.5px * var(--font-scale));color:var(--text);border-bottom:1px solid var(--border-faint);cursor:pointer;-webkit-tap-highlight-color:transparent}.rd-toc-item--current{color:var(--accent);font-weight:600}.rd-toc-item-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-toc-read{color:var(--text-tertiary);flex-shrink:0}.rd-notes-empty{color:var(--text-tertiary);font-size:calc(13px * var(--font-scale));text-align:center;padding:28px 0}.rd-notes-item{padding:12px 0;border-bottom:1px solid var(--border-faint);cursor:pointer}.rd-notes-item .hl-quote{margin-bottom:8px;max-height:76px;overflow:hidden}.rd-notes-item-row{display:flex;align-items:center;gap:8px;min-width:0}.rd-notes-item-text{flex:1;min-width:0;font-size:calc(13.5px * var(--font-scale));color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-notes-item-count{font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);flex-shrink:0}.mood-content{padding:8px var(--page-pad) 24px}.mood-section{margin-bottom:26px}.mood-section-title{font-size:calc(14px * var(--font-scale));font-weight:600;color:var(--text-secondary);margin-bottom:10px}.mood-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.mood-row-label{width:28px;font-size:calc(13px * var(--font-scale));color:var(--text-secondary);padding-top:8px;flex-shrink:0}.mood-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1}.mood-tag{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:var(--card);font-size:calc(13px * var(--font-scale));color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.mood-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary)}.mood-tag--primary{border-color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 16%,var(--card))}.mood-tag--primary .mood-dot{width:10px;height:10px;background:var(--tag-color)}.mood-tag--secondary{border-color:var(--tag-color)}.mood-tag--secondary .mood-dot{background:var(--tag-color)}.mood-hint{font-size:calc(11.5px * var(--font-scale));color:var(--text-secondary);margin-top:2px}.mood-stats-header{display:flex;align-items:center;justify-content:space-between}.mood-range-switch{display:flex;background:var(--card);border-radius:10px;padding:2px;gap:2px}.mood-range-btn{border:none;background:none;padding:5px 10px;border-radius:8px;font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);cursor:pointer}.mood-range-btn--active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow)}.mood-who-switch{display:flex;gap:8px;margin-top:10px}.mood-who-btn{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);font-size:calc(13px * var(--font-scale));padding:6px 14px;border-radius:16px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.mood-who-btn--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.mood-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;margin:12px 0 10px;background:var(--border)}.mood-bar-segment{height:100%}.mood-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.mood-legend-item{display:flex;align-items:center;gap:5px;font-size:calc(12px * var(--font-scale));color:var(--text-secondary)}.mood-legend-dot{width:7px;height:7px;border-radius:50%}.mood-trend-svg{width:100%;height:90px}.mood-trend-empty{font-size:calc(13px * var(--font-scale));color:var(--text-secondary);padding:20px 0;text-align:center}.whispers-content{padding:10px var(--page-pad) 8px;display:flex;flex-direction:column}.whispers-list{display:flex;flex-direction:column;gap:10px}.whisper-row{display:flex}.whisper-row--user{justify-content:flex-end}.whisper-row--claude{justify-content:flex-start}.whisper-card{max-width:82%;border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.whisper-card--revealed{background:var(--card)}.whisper-row--user .whisper-card--revealed{background:var(--bubble-user)}.whisper-text{font-size:calc(15px * var(--font-scale));line-height:1.6;white-space:pre-wrap;word-break:break-word}.whisper-meta{margin-top:6px;font-size:calc(11.5px * var(--font-scale));color:var(--text-tertiary);display:flex;align-items:center;gap:8px}.whisper-card--locked{background:var(--card-2);display:flex;align-items:center;gap:10px;border:1px dashed var(--border)}.whisper-locked-icon{color:var(--text-secondary);flex-shrink:0;opacity:.8}.whisper-locked-body{min-width:0}.whisper-locked-title{font-size:calc(14.5px * var(--font-scale));color:var(--text)}.whisper-locked-sub{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-top:2px}.whisper-card--locked-self{background:var(--accent-soft);border:1px solid transparent}.whisper-locked-head{display:flex;align-items:center;gap:6px;font-size:calc(12.5px * var(--font-scale));color:var(--accent);margin-bottom:6px}.whisper-locked-text{font-size:calc(15px * var(--font-scale));line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--text)}.whispers-custom-row{display:flex;align-items:center;gap:8px;margin-top:8px}.whispers-custom-input{width:64px;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);font-size:calc(13px * var(--font-scale));color:var(--text);outline:none}.whispers-custom-hint{font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary)}html[data-kb] .whispers-composer{padding-bottom:10px}.whispers-composer{flex-shrink:0;padding:10px var(--page-pad) calc(var(--safe-bottom) + 12px);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top:1px solid var(--border)}.whispers-input{width:100%;resize:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);padding:10px 12px;font-size:calc(14.5px * var(--font-scale));line-height:1.5;outline:none;font-family:var(--font)}.whispers-reveal-row{display:flex;gap:6px;overflow-x:auto;margin-top:8px;scrollbar-width:none}.whispers-reveal-row::-webkit-scrollbar{display:none}.whispers-reveal-pill{flex-shrink:0;padding:6px 12px;border-radius:16px;border:1px solid var(--border);background:var(--card);font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.whispers-reveal-pill--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.whispers-send-btn{width:100%;margin-top:10px}.whispers-send-btn:disabled{opacity:.5;cursor:default}.whispers-send-btn--muted{opacity:.5}.whispers-custom-row .segmented{background:var(--card-2);border:1px solid var(--border)}.whispers-custom-row .segmented-btn--active{background:var(--card)}.favorites-filters{padding:0 var(--page-pad) 10px;flex-shrink:0}.favorites-search{width:100%;padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);font-size:calc(14.5px * var(--font-scale));outline:none;margin-bottom:10px}.favorites-kinds{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.favorites-kinds::-webkit-scrollbar{display:none}.favorites-kind-btn{flex-shrink:0;padding:6px 14px;border-radius:16px;border:none;background:var(--card-2);font-size:calc(13px * var(--font-scale));color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.favorites-kind-btn--active{background:var(--text);color:var(--bg)}.favorites-list{padding:0 var(--page-pad)}.swipe-delete-row{margin-bottom:12px}.favorite-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;position:relative;display:flex;flex-direction:column;gap:10px}.favorite-card--highlight{animation:favoriteHighlightPulse 1.8s var(--ease-out)}@keyframes favoriteHighlightPulse{0%{background-color:var(--accent-soft)}to{background-color:var(--card)}}.favorite-content{font-size:calc(15px * var(--font-scale));line-height:1.65;white-space:pre-wrap;word-break:break-word}.favorite-card-footer{display:flex;align-items:center;gap:8px;font-size:calc(12px * var(--font-scale));color:var(--text-tertiary)}.favorite-star-icon{color:var(--accent);flex-shrink:0}.favorite-source{color:var(--text-secondary);font-weight:500}.favorite-time{color:var(--text-tertiary)}.favorite-tags{display:flex;gap:6px;flex-wrap:wrap}.favorite-tag{font-size:calc(11.5px * var(--font-scale));color:var(--text-secondary)}.favorites-spacer{flex:1}.favorite-images--single{border-radius:var(--radius-sm);overflow:hidden}.favorite-images--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;border-radius:var(--radius-sm);overflow:hidden}.favorite-image-btn{display:block;border:none;padding:0;background:none;cursor:pointer;line-height:0}.favorite-images--single .favorite-image-btn img{width:100%;max-height:280px;object-fit:cover;border-radius:var(--radius-sm)}.favorite-images--grid .favorite-image-btn img{width:100%;aspect-ratio:1;object-fit:cover}.search-input-wrap{padding:0 var(--page-pad) 10px;flex-shrink:0}.search-input-pill{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;background:var(--card-2);color:var(--text-tertiary)}.search-input-icon{flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:calc(15px * var(--font-scale));outline:none}.search-results{padding:0 var(--page-pad)}.search-group{margin-bottom:18px}.search-group-title{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-bottom:8px;padding:0 2px}.search-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:10px;cursor:pointer;font-size:calc(14px * var(--font-scale));line-height:1.6}.search-item-meta{font-size:calc(12px * var(--font-scale));color:var(--text-tertiary);margin-bottom:6px}.search-item mark{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:0 2px}.img-pos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:110;display:flex;align-items:center;justify-content:center;padding:var(--page-pad)}.img-pos-sheet{width:min(320px,100%);background:var(--bg-elev);border-radius:var(--radius-lg);padding:18px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-elev)}.img-pos-title{font-size:calc(14px * var(--font-scale));color:var(--text-secondary);text-align:center}.img-pos-frame{align-self:center;width:220px;height:220px;overflow:hidden;background:var(--card-2);cursor:grab;touch-action:none}.img-pos-frame:active{cursor:grabbing}.img-pos-frame--circle{border-radius:50%}.img-pos-frame--rect{width:260px;height:160px;border-radius:var(--radius)}.img-pos-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.img-pos-actions{display:flex;gap:10px}.img-pos-actions .btn{flex:1}.settings-content{padding:6px var(--page-pad) 24px}.settings-section{margin-bottom:20px}.settings-section-title{font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);margin-bottom:6px;padding-left:4px}.settings-section-body{padding:4px var(--page-pad)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);font-size:calc(14.5px * var(--font-scale))}.setting-row:last-child{border-bottom:none}.setting-input{border:none;background:transparent;text-align:right;font-size:calc(14.5px * var(--font-scale));color:var(--text);outline:none;flex:1;max-width:60%}.setting-placeholder{color:var(--text-secondary);font-size:calc(13px * var(--font-scale))}.segmented{display:flex;background:var(--bg);border-radius:10px;padding:2px;gap:2px}.segmented-btn{border:none;background:none;padding:6px 10px;border-radius:8px;font-size:calc(12.5px * var(--font-scale));color:var(--text-secondary);cursor:pointer;white-space:nowrap}.segmented-btn--active{background:var(--bg-elev);color:var(--text);box-shadow:var(--shadow)}.toggle{width:44px;height:26px;border-radius:13px;border:none;background:var(--border);position:relative;cursor:pointer;transition:background var(--dur-base) var(--ease-out);flex-shrink:0}.toggle--on{background:var(--accent)}.toggle-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--shadow);transition:transform var(--dur-base) var(--ease-out)}.toggle--on .toggle-knob{transform:translate(18px)}.theme-list{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0}.theme-chip-wrap{position:relative;display:flex;align-items:center}.theme-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:16px;border:1px solid var(--border);background:var(--bg);font-size:calc(13px * var(--font-scale));color:var(--text);cursor:pointer}.theme-chip--active{background:var(--bubble-user);font-weight:600}.theme-chip-dot{width:8px;height:8px;border-radius:50%}.theme-chip-remove{border:none;background:none;color:var(--text-secondary);font-size:calc(11px * var(--font-scale));cursor:pointer;margin-left:-4px;padding:4px}.theme-create{display:flex;gap:8px;align-items:center;padding:10px 0}.theme-create .setting-input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;text-align:left;max-width:none}.color-input{width:36px;height:36px;border:none;background:none;padding:0;cursor:pointer;flex-shrink:0}.avatar-preview-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--card-2);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0;padding:0}.avatar-preview-btn--rect{width:64px;height:40px;border-radius:var(--radius-sm)}.avatar-preview-img{width:100%;height:100%;object-fit:cover}.settings-logout{padding:4px 0 20px}.settings-logout .btn{width:100%;text-align:center;color:var(--danger)}:root{--bg: #faf9f7;--bg-elev: #ffffff;--text: #2a2621;--text-secondary: #8a8580;--text-tertiary: #b6b0a7;--accent: #d97757;--accent-soft: rgba(217, 119, 87, .12);--accent-contrast: #ffffff;--bubble-user: #efeae3;--bubble-ai: #ffffff;--card: #ffffff;--card-2: #f2efea;--border: rgba(42, 38, 33, .08);--glass: rgba(250, 249, 247, .82);--glass-thin: rgba(250, 249, 247, .2);--border-faint: rgba(42, 38, 33, .05);--glass-elev: rgba(255, 255, 255, .85);--glass-btn: rgba(255, 255, 255, .6);--glass-hilite: rgba(255, 255, 255, .75);--glass-rim: rgba(255, 255, 255, .55);--glass-lowlite: rgba(42, 38, 33, .08);--pb-tint-1: rgba(255, 255, 255, .88);--pb-tint-2: rgba(255, 255, 255, .72);--pb-tint-3: rgba(255, 255, 255, .45);--pb-filter: blur(1px) saturate(1.4) brightness(1.05);--online: #7ba05b;--offline: #b6b0a7;--shadow: 0 1px 2px rgba(42, 38, 33, .05), 0 6px 24px rgba(42, 38, 33, .07);--shadow-elev: 0 4px 16px rgba(0, 0, 0, .1);--radius: 14px;--radius-bubble: 18px;--radius-sm: 10px;--radius-lg: 20px;--page-pad: 16px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", sans-serif;--font-size-base: 16px;--font-scale: 1;--line-height-base: 1.6;--ease-out: ease-out;--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s;--danger: #c0564a;--success: #6a9a6a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--mood-warm: #c49a4a;--mood-sweet: #d98a8a;--mood-calm: #8aa5b3;--mood-excited: #a58bb8;--mood-happy: #d9c766;--mood-restless: #b0b0b0;--mood-tender: #8ad9c7;--mood-sad: #8a93b3;--cover-1-bg: #2b3040;--cover-1-ink: #c8d2e8;--cover-2-bg: #9a4a35;--cover-2-ink: #f3e2cd;--cover-3-bg: #32423a;--cover-3-ink: #cfe0d2;--cover-4-bg: #453c50;--cover-4-ink: #d9d0e8;--cover-5-bg: #4a3b2e;--cover-5-ink: #e8d9c4;--paper-white-bg: #f7f4ee;--paper-white-ink: #2b2723;--paper-cream-bg: #f0e6d2;--paper-cream-ink: #3b3222;--paper-pink-bg: #f3e2df;--paper-pink-ink: #3d2e2c;--paper-green-bg: #c8d1b9;--paper-green-ink: #333a2c;--paper-ink-bg: #191817;--paper-ink-ink: #cfcac1;--hl-yellow-bg: rgba(224, 185, 74, .28);--hl-yellow: #c9a13a;--hl-red-bg: rgba(217, 122, 122, .24);--hl-red: #cc7a74;--hl-green-bg: rgba(122, 176, 122, .24);--hl-green: #6f9d6f;--hl-blue-bg: rgba(122, 152, 190, .24);--hl-blue: #7590b5}[data-theme=dark]{--bg: #1a1915;--bg-elev: #242220;--text: #ece9e4;--text-secondary: #9a958d;--text-tertiary: #6b665e;--accent: #e08b6d;--accent-soft: rgba(224, 139, 109, .16);--bubble-user: #2e2b26;--bubble-ai: #24221d;--card: #24221d;--card-2: #2a2822;--border: rgba(255, 255, 255, .08);--glass: rgba(26, 25, 21, .82);--glass-thin: rgba(26, 25, 21, .24);--border-faint: rgba(255, 255, 255, .05);--glass-elev: rgba(42, 40, 36, .92);--glass-btn: rgba(42, 40, 36, .55);--glass-hilite: rgba(255, 255, 255, .28);--glass-rim: rgba(255, 255, 255, .14);--glass-lowlite: rgba(0, 0, 0, .35);--pb-tint-1: rgba(0, 0, 0, .88);--pb-tint-2: rgba(0, 0, 0, .72);--pb-tint-3: rgba(0, 0, 0, .45);--pb-filter: blur(1px) saturate(1.3) brightness(.96);--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 24px rgba(0, 0, 0, .35);--shadow-elev: 0 4px 20px rgba(0, 0, 0, .4);--hl-yellow-bg: rgba(224, 185, 74, .22);--hl-yellow: #d8b453;--hl-red-bg: rgba(217, 122, 122, .2);--hl-red: #d98f89;--hl-green-bg: rgba(122, 176, 122, .2);--hl-green: #8db98d;--hl-blue-bg: rgba(122, 152, 190, .2);--hl-blue: #8fa8c9}html[data-font-size=small]{--font-size-base: 14px;--font-scale: .875}html[data-font-size=large]{--font-size-base: 18px;--font-scale: 1.125}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;overscroll-behavior:none}@media (display-mode: standalone){html,body{height:var(--vvh, 100vh)}}#root{height:100%;width:100%}button,input,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}a{color:var(--accent)}.app-shell{height:100%;width:100vw;overflow:hidden;position:relative;background:var(--bg)}.page{height:100%;display:flex;flex-direction:column;background:var(--bg);position:relative}.page-topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:calc(var(--safe-top) + 14px) var(--page-pad) 8px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);flex-shrink:0}.page-topbar .title{font-size:calc(17px * var(--font-scale));font-weight:600;text-align:center}.page-topbar .topbar-right{display:flex;justify-content:flex-end}.icon-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;font-size:calc(18px * var(--font-scale));color:var(--text);transition:background var(--dur-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.page-topbar .icon-btn{margin:0 auto}.page-topbar .topbar-right .icon-btn{margin:0 0 0 auto}.icon-btn:active{background:var(--border)}.page-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--safe-bottom) + 16px)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:40px 24px;gap:8px}.empty-state .empty-icon{color:var(--text-secondary);opacity:.55;margin-bottom:10px}.fade-in{animation:fadeIn var(--dur-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:calc(var(--safe-bottom) + 90px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:9999}.toast{background:#000000c7;color:#fff;padding:9px 16px;border-radius:20px;font-size:calc(13.5px * var(--font-scale));box-shadow:var(--shadow-elev);animation:fadeIn var(--dur-base) var(--ease-out)}.btn{border:none;border-radius:var(--radius-sm);padding:10px 16px;font-size:calc(15px * var(--font-scale));cursor:pointer;background:var(--card);color:var(--text);border:1px solid var(--border);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}