.ai-nav-unread[data-v-555fb877]{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:12px;background:#ece7ff;color:#5944b5;font-size:12px}.topbar-main[data-v-555fb877],.topbar-right[data-v-555fb877]{min-width:0}.topbar-right .nav-links.nav-grid[data-v-555fb877]{min-width:0;max-width:100%}.mobile-nav-toggle[data-v-555fb877]{display:none}.visual-scene[data-v-c9985741]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;border-radius:inherit;background-image:var(--visual-texture, linear-gradient(transparent, transparent)),var(--visual-light, linear-gradient(transparent, transparent)),var(--create-render-image, var(--create-image));background-position:center,center,var(--create-image-position);background-size:auto,cover,cover;filter:brightness(var(--visual-brightness, 1)) saturate(var(--visual-saturation, 1))}@media (max-width: 760px){.visual-scene[data-v-c9985741]{background-position:center,center,var(--create-image-position-mobile, var(--create-image-position))}}.time-archive-mark[data-v-5fdd9eb8]{display:inline-block;position:relative;flex:0 0 42px;width:42px;height:42px;pointer-events:none}.time-archive-mark[data-v-5fdd9eb8]:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:radial-gradient(ellipse,var(--seal-icon-halo),transparent 70%);opacity:.65}.time-archive-mark img[data-v-5fdd9eb8]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:saturate(.72) contrast(.94);transition:opacity .28s ease,transform .28s ease}.archive-sealed[data-v-5fdd9eb8]{opacity:0;transform:translateY(2px) scale(.93)}.seal-button:active .archive-open[data-v-5fdd9eb8]{opacity:0;transform:translateY(3px) scale(.9)}.seal-button:active .archive-sealed[data-v-5fdd9eb8]{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.time-archive-mark img[data-v-5fdd9eb8]{transition:none}}.page-card.home-page-card{--create-render-image: var(--create-image);--text: var(--create-text);--text-soft: var(--create-muted);--accent: var(--create-accent);--accent-deep: var(--create-accent-strong);--line: var(--create-border);padding:0 0 120px;isolation:isolate;color:var(--create-text);background:var(--create-page-bg);border-color:var(--create-border);box-shadow:0 18px 50px var(--create-shadow)}.home-page-card .home-compose-hero{position:relative;isolation:isolate;max-width:none;min-height:360px;margin:0;padding:40px max(30px,calc((100% - 820px)/2)) 66px;border-radius:25px 25px 0 0;background:var(--create-hero-bg);gap:14px}.home-compose-hero:before,.home-compose-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none}.home-compose-hero:before{background:var(--create-hero-overlay)}.home-compose-hero:after{background:linear-gradient(180deg,transparent 56%,var(--create-page-bg))}.home-page-card .home-hero-title{margin:0;max-width:740px;font-family:var(--create-hero-font);color:var(--create-hero-ink);font-size:clamp(28px,3.6vw,42px);font-weight:600;line-height:1.5;letter-spacing:.025em;overflow-wrap:anywhere}.home-page-card .hero p{color:var(--create-hero-muted);font-size:14px;line-height:1.8;margin:0}.home-page-card .hero>.tag{justify-self:start;max-width:660px;padding:0 0 0 10px;border:0;border-left:2px solid var(--create-highlight);border-radius:0;color:var(--create-hero-muted);background:none;line-height:1.7;text-align:left}.home-page-card .home-focus-line{color:var(--create-hero-ink);font-size:16px;font-weight:500;margin-top:4px}.home-page-card .prompt-chip{color:var(--create-tag-text);background:var(--create-tag-bg);border-color:var(--create-border);box-shadow:0 2px 8px var(--create-shadow)}.home-page-card .home-form-grid{position:relative;max-width:900px;margin:-22px auto 0;padding:0 16px}.home-page-card .home-form-section{padding:26px 28px;gap:22px;background:var(--create-card);border:1px solid var(--create-border);border-radius:24px;box-shadow:0 8px 24px var(--create-shadow)}.home-page-card .section-copy .tag{padding:0;border:0;border-radius:0;background:none;color:var(--create-accent-strong);font-family:var(--create-display-font);font-size:19px;text-align:left;line-height:1.7}.home-page-card .field{gap:10px}.home-page-card .field label{color:var(--create-text);font-weight:600}.home-page-card .field input,.home-page-card .field textarea{color:var(--create-text);background:var(--create-input);border:1px solid var(--create-border);border-radius:15px;padding:14px 16px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;line-height:1.8}.home-page-card .field input::placeholder,.home-page-card .field textarea::placeholder{color:var(--create-muted);opacity:1}.home-page-card .field input:focus,.home-page-card .field textarea:focus{outline:2px solid var(--create-accent-soft);border-color:var(--create-accent);box-shadow:none}.home-page-card .prompt-refresh-chip{color:var(--create-accent-strong);background:var(--create-accent-soft);border-color:var(--create-border)}.home-page-card .prompt-refresh-chip:disabled{opacity:.6}.home-page-card .home-count{color:var(--create-muted)}.home-page-card .home-sticky-action{background:linear-gradient(180deg,transparent,var(--create-page-bg) 35%)}.home-page-card .home-stats-grid{padding:0 16px}.home-page-card .stat-card{color:var(--create-text);background:var(--create-card);border-color:var(--create-border);box-shadow:none}.home-page-card .stat-copy,.home-page-card .soft-text,.home-page-card .empty-text{color:var(--create-muted)}.home-page-card>.section{max-width:860px;margin:16px auto 0;padding:0 16px}.home-page-card .empty-card{background:transparent;border-color:var(--create-border)}@media (max-width: 760px){.page-card.home-page-card{--create-render-image: var(--create-image-mobile)}.home-page-card .home-compose-hero{padding:26px 20px 62px;min-height:330px;gap:12px}.home-compose-hero:before{background:var(--create-hero-overlay-mobile, var(--create-hero-overlay))}.home-compose-hero:after{background:linear-gradient(180deg,transparent var(--create-hero-fade-start-mobile, 56%),var(--create-page-bg))}.home-page-card .home-form-grid{margin-top:-18px;padding:0 10px}.home-page-card .home-form-section{padding:22px 16px;gap:20px}}@media (max-width: 480px){.home-page-card .home-hero-title{font-size:28px}.home-page-card .home-sticky-action{background:none}}@media (prefers-reduced-motion: reduce){.home-page-card button{transition:none}}.page-card.create-page{--create-render-image: var(--create-image);--text: var(--create-text);--text-soft: var(--create-muted);--accent: var(--create-accent);--accent-deep: var(--create-accent-strong);--line: var(--create-border);padding:0 0 18px;color:var(--create-text);background:var(--create-page-bg);border-color:var(--create-border);box-shadow:0 18px 50px var(--create-shadow);isolation:isolate}.create-page .hero{position:relative;isolation:isolate;min-height:330px;padding:30px 24px 58px;border-radius:25px 25px 0 0;background-color:var(--create-hero-bg);background-image:none;background-size:cover;background-position:center,var(--create-image-position);gap:12px}.create-page .hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--create-hero-overlay)}.create-page .hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 56%,var(--create-page-bg) 100%)}.create-page .hero h2{max-width:660px;margin:2px 0;color:var(--create-hero-ink);font-family:var(--create-hero-font);font-size:clamp(27px,3.5vw,40px);line-height:1.5;font-weight:600;letter-spacing:.035em;overflow-wrap:anywhere}.create-page .hero p{max-width:560px;color:var(--create-hero-muted);line-height:1.8;font-size:14px;margin:0}.create-page .hero>.tag{justify-self:start;max-width:620px;color:var(--create-hero-muted);background:transparent;padding:0 0 0 10px;border:0;border-left:2px solid var(--create-highlight);border-radius:0;line-height:1.7;font-size:12px}.create-page .prompt-chip{min-height:29px;border:1px solid var(--create-border);color:var(--create-tag-text);background:var(--create-tag-bg);box-shadow:0 2px 8px var(--create-shadow);font-size:12px}.create-page .prompt-refresh-chip{min-height:36px;padding:6px 14px;border:1px solid var(--create-border);border-radius:20px;color:var(--create-accent-strong);background:var(--create-accent-soft);font-size:13px}.create-page .form-grid{position:relative;max-width:900px;margin:-14px auto 0;padding:0 16px;gap:20px}.create-page .form-section{padding:24px 22px;gap:22px;background:var(--create-card);border:1px solid var(--create-border);border-radius:24px;box-shadow:0 8px 24px var(--create-shadow)}.create-page .section-copy .tag{padding:0;border:0;border-radius:0;background:none;color:var(--create-accent-strong);font-family:var(--create-display-font);font-size:19px;line-height:1.6}.create-page .field{min-width:0;gap:10px}.create-page .field label{color:var(--create-text);line-height:1.5}.create-page .field input,.create-page .field textarea,.create-page .field select{min-width:0;color:var(--create-text);background:var(--create-input);border:1px solid var(--create-border);border-radius:12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:16px;line-height:1.7}.create-page .field textarea{min-height:190px}.create-page .field input::placeholder,.create-page .field textarea::placeholder{color:var(--create-muted);opacity:.85}.create-page .field input:focus,.create-page .field textarea:focus,.create-page .field select:focus{border-color:var(--create-accent);outline:2px solid var(--create-glow);outline-offset:1px}.create-page .field-count{color:var(--create-muted);font-family:var(--create-number-font);font-size:12px;margin:0}.create-page .mode-tabs{gap:8px}.create-page .mode-tabs .ghost-button{color:var(--create-muted);background:var(--create-input);border:1px solid var(--create-border);border-radius:12px;min-height:40px;padding:7px 14px;font-size:13px}.create-page .mode-tabs .ghost-button.active{color:var(--create-accent-strong);background:var(--create-accent-soft);border-color:var(--create-accent);box-shadow:0 3px 10px var(--create-shadow)}.create-page .plan-card{min-width:0;padding:18px;border:1px solid var(--create-border);border-radius:18px;background-color:var(--create-input);background-image:linear-gradient(90deg,var(--create-input) 30%,transparent 100%);box-shadow:0 6px 18px var(--create-shadow)}.create-page .plan-card .section-head{font-size:14px}.create-page .node-plan-list{position:relative;gap:16px;padding-left:22px}.create-page .node-plan-list:before{content:"";position:absolute;pointer-events:none;left:5px;top:29px;bottom:28px;border-left:1px dashed var(--create-border)}.create-page .node-plan-list .plan-card{position:relative}.create-page .node-plan-list .plan-card:before{content:"";position:absolute;pointer-events:none;left:-23px;top:23px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--create-highlight),var(--create-accent));box-shadow:0 0 0 3px var(--create-card),0 0 0 4px var(--create-border)}.create-page .time-sentence-row{padding:0;border:none;background:none;color:var(--create-muted);font-size:14px;gap:9px}.create-page .time-sentence-row select,.create-page .form-row select,.create-page .form-row input{width:auto;min-width:66px;max-width:110px;padding:8px 10px;border-radius:10px;background:var(--create-accent-soft);text-align:center}.create-page .form-row{align-items:center}.create-page .soft-reminder-box,.create-page .soft-reminder-box.active{padding:13px 0 0;background:none;border:none;border-top:1px solid var(--create-border);border-radius:0;color:var(--create-muted)}.create-page .reminder-empty-row,.create-page .reminder-soft-head{flex-wrap:wrap;font-size:12px}.create-page .reminder-channel-chip.soft{padding:6px 12px;font-size:12px;font-weight:400;background:var(--create-input);border-color:var(--create-border);color:var(--create-muted)}.create-page .reminder-channel-chip.soft.active{color:var(--create-accent-strong);border-color:var(--create-accent);background:var(--create-accent-soft)}.create-page .reminder-channel-chip:focus-within{outline:2px solid var(--create-accent);outline-offset:2px}.create-page .text-button{color:var(--create-accent-strong)}.create-page .secondary-button,.create-page .reminder-add-button{border:1px solid var(--create-border);color:var(--create-accent-strong);background:var(--create-accent-soft)}.create-page .secondary-button{justify-self:start}.create-page button:disabled{opacity:.6;cursor:not-allowed}.create-page .hint{margin:0 6px;line-height:1.7;color:var(--create-muted)}.create-page .sticky-action{margin:0;background:linear-gradient(180deg,transparent,var(--create-page-bg) 35%)}@media (min-width: 880px){.create-page .hero{padding:46px max(42px,calc((100% - 850px)/2)) 80px;min-height:360px}.create-page .form-grid{margin-top:-22px;padding:0 24px}.create-page .form-section{padding:28px 30px}.create-page .field textarea{min-height:220px}}@media (max-width: 480px){.create-page .hero{padding:24px 18px 54px}.create-page .hero h2{font-size:27px}.create-page .form-grid{padding:0 10px;gap:16px}.create-page .form-section{padding:20px 15px}.create-page .plan-card{padding:14px 12px}.create-page .time-sentence-row{gap:7px}.create-page .mode-tabs .ghost-button{padding:7px 11px}.create-page .section-copy .tag{font-size:18px}}@media (prefers-reduced-motion: reduce){.create-page button{transition:none}}@media (max-width: 760px){.page-card.create-page{--create-render-image: var(--create-image-mobile)}.create-page .hero:before{background:var(--create-hero-overlay-mobile, var(--create-hero-overlay))}.create-page .hero:after{background:linear-gradient(180deg,transparent var(--create-hero-fade-start-mobile, 56%),var(--create-page-bg) 100%)}}html .page-card.create-page .seal-scene-fragment{background-size:108% auto;background-position:76% 70%;opacity:.3;filter:saturate(.85) brightness(1.08)}html .page-card.create-page .seal-family-glaze{background:linear-gradient(105deg,color-mix(in srgb,var(--button-primary-start) 22%,transparent),color-mix(in srgb,var(--button-primary-start) 42%,transparent) 24%,color-mix(in srgb,var(--button-primary-end) 64%,transparent) 44%,color-mix(in srgb,var(--button-primary-end) 64%,transparent) 59%,color-mix(in srgb,var(--button-primary-start) 32%,transparent) 81%,color-mix(in srgb,var(--button-primary-start) 12%,transparent))}html .page-card.create-page .seal-bloom{background:radial-gradient(ellipse at 16% 15%,#ffffff38,transparent 24%),radial-gradient(ellipse at 92% 76%,var(--seal-light),transparent 24%),radial-gradient(circle at 9% 62%,#ffffff80 0 1px,transparent 2px),radial-gradient(circle at 88% 30%,#ffffff70 0 1px,transparent 2px);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff20}html .page-card.create-page .seal-bloom:before{background:radial-gradient(ellipse 116px 48px at 50% 54%,color-mix(in srgb,var(--create-text) 60%,transparent) 0% 48%,color-mix(in srgb,var(--create-text) 20%,transparent) 74%,transparent 100%)}html .page-card.create-page .time-archive-mark img{top:3px;right:3px;bottom:3px;left:3px;width:36px;height:36px;filter:saturate(.62) contrast(.9) brightness(.95)}html .page-card.create-page .time-archive-mark:before{top:-3px;right:-3px;bottom:-3px;left:-3px;background:radial-gradient(ellipse,color-mix(in srgb,var(--create-highlight) 18%,transparent),color-mix(in srgb,var(--create-accent) 16%,transparent) 38%,transparent 74%);opacity:.55}html .app-shell.app-shell:has(.create-page) .brand-mark{position:relative;isolation:isolate;filter:drop-shadow(0 2px 4px color-mix(in srgb,var(--create-accent) 16%,transparent))}html .app-shell.app-shell:has(.create-page) .brand-mark:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--create-highlight) 10%,transparent) 0%,color-mix(in srgb,var(--create-accent) 15%,transparent) 32%,transparent 72%);filter:blur(3px)}html .page-card.create-page .form-grid{isolation:isolate}html .page-card.create-page .form-grid:before{content:"";position:absolute;top:-38px;left:0;right:0;height:168px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 8%,color-mix(in srgb,var(--create-hero-bg) 22%,transparent),transparent 66%);opacity:.45;filter:blur(18px)}@media (max-width: 760px){html .page-card.create-page .seal-scene-fragment{background-size:110% auto;background-position:80% 77%}html .page-card.create-page .time-archive-mark img{top:4px;right:4px;bottom:4px;left:4px;width:34px;height:34px}}.future-hint-consent-notice[data-v-ca7e55d3]{font-size:14px;line-height:1.8;color:var(--create-text, #343044)}.future-hint-consent-notice p[data-v-ca7e55d3]{margin:10px 0}.future-hint-consent-notice summary[data-v-ca7e55d3]{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.full-notice[data-v-ca7e55d3]{white-space:pre-wrap}.ai-companion-entry[data-v-58f4c30f]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ai-detail-entry[data-v-7e80713f]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--bg-soft)}.ai-detail-entry p[data-v-7e80713f]{margin:4px 0}:root{color-scheme:light;--bg: #f7f0e8;--bg-soft: #fbf7f2;--paper: rgba(255, 250, 245, .88);--paper-strong: rgba(255, 251, 247, .96);--line: rgba(126, 92, 72, .12);--line-strong: rgba(126, 92, 72, .16);--text: #5a4032;--text-soft: #8a6d5d;--text-faint: #a48b7d;--accent: #c7785c;--accent-deep: #9c5b46;--sage: #9aa58f;--shadow: 0 14px 34px rgba(124, 86, 57, .09);--shadow-soft: 0 8px 18px rgba(124, 86, 57, .06);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(255,236,209,.54),transparent 34%),linear-gradient(160deg,#f4efe3,#eee6d9 52%,#f3efe5)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.5),transparent 28%),radial-gradient(circle at 85% 18%,rgba(227,203,184,.35),transparent 22%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;padding:20px 16px 36px}.topbar,.page-card,.capsule-card,.modal-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar{position:sticky;top:12px;z-index:10;display:grid;gap:14px;max-width:1120px;margin:0 auto 20px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-xl);background:#fff9f3d6;box-shadow:var(--shadow)}.topbar-home{position:static;margin-bottom:6px;padding:10px 12px;background:#fff9f38f;box-shadow:var(--shadow-soft)}.topbar-main{display:grid;gap:14px}.brand{display:flex;align-items:center;gap:12px}.brand strong,.section-title,.hero h1,.capsule-card h3,.detail-title{font-family:STSong,Songti SC,"Noto Serif SC",serif}.section-title{margin-top:8px;font-size:24px;line-height:1.4;font-weight:600;color:#5c4033}.capsule-body .section-title,.capsule-nodes .section-title,.history-section .section-title{font-size:18px;line-height:1.5;font-weight:600}.brand strong{display:block;margin-bottom:4px;font-size:20px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#e6a789,#c7785c);color:#fffaf6;font-size:19px;font-weight:700;box-shadow:0 10px 18px #c7785c2e}.brand p,.meta-row,.soft-text,.empty-text{margin:0;color:var(--text-soft)}.nav-links{display:flex;flex-wrap:wrap;gap:8px}.nav-links a,.ghost-button,.weak-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.nav-links a,.ghost-button{border:1px solid rgba(126,92,72,.1);background:#ffffff94;color:var(--text)}.ghost-bub{flex:1;height:42px;border-radius:999px;border:1px solid #e9d8cd;background:#fffaf6;color:#8a6d5d;font-size:15px;font-weight:500;transition:all .2s ease}.nav-links a:hover,.ghost-button:hover,.weak-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.ghost-button.active,.nav-links .router-link-active{background:#c7785c1a;border-color:#c7785c2e;color:var(--accent-deep)}.user-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid rgba(126,92,72,.08)}.user-greeting{font-size:14px;color:var(--text-soft)}.weak-button{border:1px solid transparent;background:transparent;color:var(--text-faint)}.page-shell{max-width:1120px;margin:0 auto}.page-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow);padding:20px}.home-page-card{padding-bottom:120px}.hero{display:grid;gap:14px;padding:14px 8px 8px}.hero h1{margin:0;font-size:clamp(34px,6vw,58px);line-height:1.08;letter-spacing:.04em}.hero h2{margin-bottom:10px}.hero p{margin:0;max-width:620px;font-size:16px;line-height:1.75;color:var(--text-soft)}.hero p{margin:0 0 12px;line-height:1.8}.home-compose-hero{max-width:860px;margin:0 auto;padding:12px 4px 10px}.home-hero-title{margin:0;font-size:clamp(30px,5vw,48px);line-height:1.12;letter-spacing:.02em}.home-form-grid{max-width:860px;margin:0 auto}.home-form-section{gap:12px;padding:20px;border-radius:24px;background:#fffaf5c7;box-shadow:0 18px 46px #5b44330f}.home-form-section .field{gap:8px}.home-form-section input,.home-form-section textarea{border-color:#c7785c2e;background:#ffffffbd}.home-form-section textarea{min-height:156px}.home-focus-line{color:#1f2a3b;font-size:clamp(16px,2.6vw,19px);font-weight:800}.prompt-chip-row{display:flex;flex-wrap:wrap;gap:6px}.prompt-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(199,120,92,.16);border-radius:999px;background:#ffffff94;color:var(--accent-deep);font-size:13px}.home-count{justify-self:end;margin:-2px 4px 0 0;color:#9aa1ac;font-size:15px}.home-entry-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 0 2px;border-top:1px solid rgba(126,92,72,.08)}.hero-actions,.card-badges,.status-row,.action-row,.form-row,.capsule-card-topline,.capsule-card-footer{display:flex;flex-wrap:wrap;gap:10px}.primary-button,.secondary-button{min-height:46px;padding:0 18px;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.primary-button{border:none;background:linear-gradient(135deg,var(--accent),#e29c73);color:#fffaf6;box-shadow:0 14px 24px #c7785c33}.secondary-button{border:1px solid rgba(126,92,72,.08);background:#9aa58f29;color:var(--text)}.sticky-action{position:sticky;bottom:12px;z-index:8;padding:10px 0;background:linear-gradient(180deg,#f9f2e800,#f9f2e8eb 32%)}.sticky-action .primary-button{flex:1}.stats-grid,.list-grid,.path-grid{display:grid;gap:14px}.node-list,.node-plan-list,.history-list{display:grid;gap:12px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:18px 0 8px}.stat-card,.capsule-card,.empty-card,.detail-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-strong);padding:16px}.stat-number{display:block;margin-top:8px;font-family:STSong,Songti SC,serif;font-size:34px}.stat-copy{margin:8px 0 0;color:var(--text-soft);font-size:15px;line-height:1.7}.section{display:grid;gap:14px;margin-top:20px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-title{margin:0;font-size:28px}.list-page-head{align-items:end;padding-bottom:4px}.list-page-copy{margin-top:6px;max-width:520px}.mailbox-hero{display:grid;gap:16px}.list-page{padding:16px}.compact-mailbox-hero{gap:4px}.compact-mailbox-hero .section-title{font-size:20px;line-height:1.2}.compact-mailbox-hero .list-page-copy{margin-top:0;font-size:13px;line-height:1.45}.due-spotlight-section{display:grid;gap:12px;margin-top:14px}.due-spotlight-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px}.compact-due-head{align-items:flex-start;gap:8px}.due-spotlight-eyebrow{margin:0 0 4px;font-size:13px;color:#c6785c}.due-spotlight-title{margin-bottom:4px;font-size:24px;line-height:1.2}.due-spotlight-copy{margin:0;max-width:34rem;font-size:13px;line-height:1.45}.due-count-badge{min-height:28px;padding:0 10px;background:#db957324;color:#b46a4d;font-size:12px;white-space:nowrap}.current-answer-panel{display:grid;justify-items:center;gap:10px;padding:22px 16px;border-radius:var(--radius-lg);background:#fffaf5ad;text-align:center}.current-answer-panel h2{margin:0;font-size:20px}.current-answer-panel .primary-button{min-width:184px}.mailbox-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.node-list-card{cursor:pointer}.due-card-grid{gap:12px}.due-node-card{gap:9px;padding:12px 14px;border-color:#d58c6d3d;background:linear-gradient(180deg,#fff8f3f5,#fffcf9eb);box-shadow:0 16px 30px #c489681a}.due-node-card:hover{transform:translateY(-1px)}.due-node-prompt{margin:0;color:#a85d43;font-size:13px;font-weight:700}.due-node-textarea{min-height:96px;padding:12px 14px;background:#ffffffe6;line-height:1.55}.due-submit-button{width:100%;min-height:42px}.due-node-card .capsule-card-topline,.due-node-card .card-badges{gap:6px}.due-node-card .refined-tag{min-height:24px;padding:0 9px;font-size:12px}.due-node-phase,.due-node-card .capsule-card-time{font-size:12px}.due-node-card .capsule-card-title{font-size:19px;line-height:1.25}.due-node-card .capsule-card-summary{-webkit-line-clamp:1;line-height:1.55;font-size:14px}.due-card-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.due-card-actions .weak-button{min-height:42px;padding:0 12px;justify-self:end;font-size:12px;white-space:nowrap}.due-node-card .capsule-card-footer{display:none}.node-answer-preview{margin:0;padding:10px 12px;border-radius:14px;background:#9aa58f1a;color:var(--text-soft);line-height:1.7}.unfold-button{justify-self:start;min-height:30px;padding:0 10px;border:1px solid rgba(199,120,92,.12);border-radius:999px;background:#ffffff75;font-size:13px}.count-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(126,92,72,.08);border-radius:999px;background:#ffffff94;color:var(--text-soft);font-size:13px}.capsule-card{display:grid;gap:10px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.refined-card{padding:15px 16px;box-shadow:var(--shadow-soft)}.capsule-card:hover{transform:translateY(-2px);box-shadow:0 18px 28px #7c56391c;border-color:#7e5c4824}.card-button{border:1px solid var(--line);text-align:left}.capsule-card h3,.detail-title{margin:0;font-size:23px}.capsule-card p,.detail-content,.answer-text{margin:0;line-height:1.8;white-space:pre-wrap}.capsule-card-topline{align-items:center;justify-content:space-between}.capsule-card-time{font-size:13px;color:var(--text-soft)}.capsule-card-title{font-size:22px;line-height:1.35}.capsule-card-summary{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.72;color:#6f5648}.capsule-card-footer{flex-direction:column;gap:4px;font-size:13px;color:var(--text-faint)}.inline-answer-textarea{min-height:132px;padding:14px 16px;border:1px solid rgba(126,92,72,.14);border-radius:var(--radius-md);background:#ffffffd1;color:var(--text);resize:vertical}.tag{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:6px 10px;border-radius:999px;font-size:14px;background:#9aa58f1f;color:var(--text);border:1px solid transparent}.refined-tag{padding:5px 9px;border-color:#7e5c4814}.tag.pending{background:#9aa58f1f}.tag.due{background:#c7785c1a;color:var(--accent-deep)}.tag.answered{background:#6b8f791c;color:#4f6857}.tag.public{background:#748d9c1c;color:#586d7f}.form-grid{display:grid;gap:18px}.form-section{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffaf5b8}.section-copy{display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;gap:10px}.field label{font-weight:600}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1px solid rgba(126,92,72,.16);border-radius:18px;background:#ffffffb8;color:var(--text)}.field textarea{min-height:160px;resize:vertical}.email-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.email-suggestion-chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffffad;color:var(--text-soft)}.theme-picker{display:grid;gap:12px;max-height:420px;overflow:auto;padding-right:2px}.theme-category{display:grid;gap:10px;padding:12px;border:1px solid rgba(126,92,72,.1);border-radius:var(--radius-md);background:#ffffff75}.theme-category-head{display:grid;gap:4px}.theme-topic-list,.topic-tag-list,.ai-tag-list{display:flex;flex-wrap:wrap;gap:8px}.theme-chip{min-height:34px;padding:0 12px;border:1px solid rgba(126,92,72,.1);border-radius:999px;background:#fffaf5db;color:var(--text-soft);transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.theme-chip:hover{transform:translateY(-1px)}.theme-chip.active{border-color:#c7785c47;background:#c7785c1f;color:var(--accent-deep)}.mode-tabs{display:flex;flex-wrap:wrap;gap:10px}.modal-mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modal-mode-tabs .ghost-button{min-width:0;min-height:36px;padding:0 10px;font-size:13px;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.plan-card,.node-item,.history-item{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff94;padding:16px}.plan-card{display:grid;gap:12px}.node-item{display:grid;gap:10px;text-align:left}.history-item{display:grid;gap:10px}.node-item.active{border-color:#c7785c52;box-shadow:0 12px 24px #c7785c1a}.section-head.compact{align-items:center}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:16px;height:16px}.reminder-channel-list{display:flex;flex-wrap:wrap;gap:8px}.reminder-channel-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid rgba(126,92,72,.1);border-radius:999px;background:#ffffff94;color:var(--text-soft);font-size:13px}.reminder-channel-chip input{width:14px;height:14px}.time-sentence-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(126,92,72,.1);border-radius:18px;background:#fffaf5ad;color:var(--text-soft)}.time-sentence-row input,.time-sentence-row select{width:auto;min-width:74px;padding:9px 10px;border-color:#c7785c29;border-radius:13px;background:#ffffffb8;color:var(--text)}.time-sentence-row input{max-width:86px;text-align:center}.soft-reminder-box{display:grid;gap:10px;padding:12px 14px;border:1px solid rgba(126,92,72,.08);border-radius:18px;background:#9aa58f14;color:var(--text-soft)}.soft-reminder-box.active{border-color:#c7785c24;background:radial-gradient(circle at 12% 0%,rgba(232,167,137,.16),transparent 34%),#fffaf5b8}.reminder-empty-row,.reminder-soft-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.reminder-add-button{flex:0 0 auto;min-height:30px;padding:0 12px;border:1px solid rgba(199,120,92,.14);border-radius:999px;background:#ffffff80}.reminder-channel-list.soft{gap:10px}.reminder-channel-chip.soft{min-height:34px;padding:0 14px;border-color:#7e5c4814;background:#ffffff80}.reminder-channel-chip.soft.active{border-color:#c7785c38;background:#c7785c1f;color:var(--accent-deep)}.reminder-channel-chip.soft input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.reminder-status-list{display:grid;gap:8px}.reminder-status-list.compact{align-items:start}.reminder-status-chip{justify-content:flex-start;gap:8px;width:fit-content;max-width:100%;padding:8px 10px;white-space:normal;line-height:1.5}.reminder-inline-action{flex:0 0 auto;min-height:32px;padding:0 12px;border:1px solid rgba(199,120,92,.28);border-radius:999px;background:linear-gradient(135deg,#fffaf5f0,#f4dccfd1);color:var(--accent-deep);font-size:13px;font-weight:700;box-shadow:0 8px 14px #c7785c1c}.reminder-inline-action:hover{background:linear-gradient(135deg,#fff7ef,#e8bea8e6)}.reminder-inline-action:disabled{opacity:.62;cursor:not-allowed;box-shadow:none}.node-inline-answer{display:grid;gap:8px;padding:12px;border:1px solid rgba(107,143,121,.14);border-radius:16px;background:#9aa58f17}.node-inline-answer .tag{justify-self:start}.reminder-status-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(126,92,72,.08);border-radius:16px;background:#fffaf594}.reminder-status-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.email-bind-panel{display:grid;gap:10px;margin-top:8px;padding:12px;border:1px solid rgba(199,120,92,.12);border-radius:18px;background:#fffaf5b8}.email-bind-panel input{width:100%;padding:11px 12px;border:1px solid rgba(126,92,72,.14);border-radius:14px;background:#ffffffb8;color:var(--text)}.soft-action-button{min-height:40px}.switch-field{grid-template-columns:1fr auto;align-items:center;gap:16px}.switch{position:relative;display:inline-flex;width:58px;height:34px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#7e5c482e;transition:.2s ease}.switch-slider:before{content:"";position:absolute;width:26px;height:26px;left:4px;top:4px;border-radius:50%;background:#fffaf5;box-shadow:0 8px 18px #5a40322e;transition:.2s ease}.switch input:checked+.switch-slider{background:#c7785cb8}.switch input:checked+.switch-slider:before{transform:translate(24px)}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(199,120,92,.16);border-color:#c7785c47}.hint{font-size:13px;color:var(--text-soft)}.merge-confirm-card{padding:14px;border:1px solid rgba(212,145,114,.22);border-radius:18px;background:#fff8f3eb}.merge-confirm-title{margin:0 0 8px;color:var(--text-strong);font-size:14px;font-weight:700}.empty-card{text-align:center;padding:26px 18px}.path-card,.public-answer-item{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffaf5eb;padding:18px}.path-card{display:grid;gap:14px}.path-card.accent{background:linear-gradient(160deg,#f6eae0fa,#f3f5f0f2)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#48342a5c}.modal-panel{width:min(460px,100%);padding:22px;border:1px solid rgba(255,255,255,.36);border-radius:var(--radius-xl);background:#fffaf5f2;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:10px}.topbar{padding:16px 18px;border-radius:22px}.text-button,.close-button{border:none;background:transparent;color:var(--accent-deep)}.icon-close-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:999px;font-size:24px;line-height:1;color:#9b735f;flex-shrink:0}.icon-close-button:hover{background:#d491721a}.detail-layout{display:grid;gap:18px}.detail-block{display:grid;gap:14px}.detail-layout.single-column{grid-template-columns:minmax(0,1fr)}.public-answer-list{display:grid;gap:12px}.meta-split{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.status-banner{padding:12px 14px;border-radius:var(--radius-md);background:#c7785c1f;color:var(--accent-deep);margin:8px}.status-banner.pending{background:#9aa58f29;color:var(--text)}.status-banner.answered{background:#6b8f792e;color:#4f6857}.error-text{color:#b55344;font-size:14px}.success-text{color:#5e7a63;font-size:14px}.danger-block{border-color:#b5534438;background:#fff6f4eb}.danger-button{color:#b55344;border-color:#b5534438}@media (min-width: 880px){.topbar-main{grid-template-columns:auto 1fr;align-items:center}.nav-links,.user-strip{justify-content:flex-end}.list-grid,.path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);align-items:start}}@media (max-width: 620px){.app-shell{padding:12px 12px 26px}.page-card{padding:14px}.topbar{gap:10px;padding:12px}.brand{gap:10px}.brand strong{font-size:18px}.brand p{font-size:13px}.hero h1{font-size:clamp(24px,10vw,40px);line-height:1.12}.hero p{font-size:14px;line-height:1.65}.home-compose-hero{gap:10px;padding:6px 0 4px}.home-hero-title{font-size:clamp(26px,9vw,36px)}.home-form-section{gap:10px;padding:16px 16px 14px;border-radius:22px}.home-form-section textarea{min-height:112px}.home-compose-toolbar{gap:8px}.home-page-card{padding-bottom:108px}.home-sticky-action{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:0;z-index:14;background:none}.home-sticky-action .primary-button{min-height:50px;font-size:17px}.modal-mode-tabs{gap:6px}.modal-mode-tabs .ghost-button{padding:0 8px;font-size:12px}}.due-page-head{align-items:end;padding-bottom:4px}.due-page-copy{margin-top:6px;max-width:520px}.due-grid{gap:16px}.due-card{gap:12px}.due-meta{font-size:13px;color:var(--text-soft)}.due-card-answer{display:grid;gap:10px;padding-top:4px}.inline-answer-prompt{margin:0;font-size:14px;color:var(--text-soft)}.inline-answer-textarea{min-height:132px;padding:14px 16px;border:1px solid rgba(126,92,72,.14);border-radius:var(--radius-md);background:#ffffffc7;color:var(--text);resize:vertical}.inline-answer-textarea:focus{outline:2px solid rgba(199,120,92,.16);border-color:#c7785c47}.due-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline-answer-success{margin:0;font-size:14px;color:#5e7a63}.answered-state{padding-top:2px}.due-section-note{margin-top:8px}.capsule-detail-page{padding:15px}.capsule-detail-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:20px;align-items:start}.capsule-main-card,.current-node-panel{min-width:0}.capsule-main-card,.current-node-card,.origin-content-card,.timeline-node-card,.history-item{background:#fffaf7;border:1px solid #eadfd8;border-radius:20px}.capsule-main-card{padding:24px}.current-node-panel{display:flex;flex-direction:column;gap:16px}.current-node-card{padding:18px}.capsule-head{margin-bottom:15px}.capsule-origin-section,.future-timeline-section,.future-add-section{margin-top:15px}.origin-content-card{padding:18px;background:#fffdfb}.future-timeline-list{display:flex;flex-direction:column;gap:12px}.timeline-node-card{padding:16px 18px;cursor:pointer;transition:all .2s ease;background:#fffdfb}.timeline-node-card:hover{border-color:#d9c7bd}.timeline-node-card.active{border-color:#d8b8ab;background:#fff8f4;box-shadow:0 0 0 2px #d8b8ab1f}.timeline-node-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.timeline-node-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timeline-node-title{margin:0;font-size:18px;font-weight:600;color:#6f5146}.timeline-node-current{font-size:12px;color:#b07d69;white-space:nowrap}.timeline-node-time{margin:8px 0 6px;color:#7d675d}.timeline-node-summary{margin:0;color:#a0887d;font-size:14px}.current-node-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.current-node-eyebrow{margin:0 0 6px;font-size:12px;color:#b09a90}.current-node-title{margin:0;font-size:28px;line-height:1.2;color:#6c4b3f}.current-node-meta-list{margin-top:12px;display:grid;gap:10px}.current-node-meta-item{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed #eee1db}.current-node-meta-item:last-child{border-bottom:none}.meta-label{color:#a18d84;flex-shrink:0}.meta-value{color:#6f5146;text-align:right}.status-detail-list{display:flex;flex-direction:column;gap:12px}.status-detail-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #efe3dc;border-radius:16px;background:#fffdfb}.status-detail-main{min-width:0;flex:1}.status-detail-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-detail-name{font-weight:600;color:#6f5146}.status-detail-message{margin:0;color:#8a746a;line-height:1.6}.status-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.status-dot.ready{background:#9eb39f}.status-dot.waiting{background:#d89d86}.status-dot.muted{background:#cfc6c1}.email-bind-panel{margin-top:10px;padding:162px;border-radius:16px;border:1px solid #efe3dc;background:#fffdfb}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{padding:16px;background:#fffdfb}@media (max-width: 980px){.capsule-detail-shell{grid-template-columns:1fr}.current-node-title{font-size:24px}}@media (max-width: 640px){.capsule-main-card,.current-node-card{padding:16px;border-radius:16px}.timeline-node-card,.history-item,.origin-content-card{border-radius:14px}.current-node-meta-item,.status-detail-item,.timeline-node-top{display:block}.meta-value{display:block;margin-top:6px;text-align:left}.status-detail-action{margin-top:10px}}.capsule-panel{display:flex;flex-direction:column;gap:20px}.capsule-shell{background:#f8f3ee;border:1px solid #eadfd6;border-radius:28px;padding:20px;box-shadow:inset 0 1px #ffffffa6}.capsule-header{margin-top:10px;padding:6px 4px 14px;border-bottom:1px solid #ece1d8}.capsule-title{margin:0;font-size:30px;line-height:1.35;font-weight:700;color:#5c4033}.capsule-time{margin-top:8px;font-size:14px;color:#9a8678}.capsule-body{padding-top:18px}.capsule-content-box{margin-top:8px;margin-bottom:5px;background:#fffaf6;border:1px solid #eadfd6;border-radius:20px;padding:18px}.capsule-content{margin:0;white-space:pre-wrap;word-break:break-word;font-size:18px;line-height:1.9;color:#5a4337}.capsule-nodes{margin-top:10px;padding-top:10px;border-top:1px solid #ece1d8}.node-list.under-capsule{margin-top:10px;display:flex;flex-direction:column;gap:14px}.node-item{background:#fffaf6;border:1px solid #eadfd6;border-radius:20px;padding:16px;transition:all .2s ease;cursor:pointer}.node-item.active{border-color:#d8b8a6;box-shadow:0 0 0 3px #d8b8a62e}.add-node-block{margin-top:0}.home-compose-toolbar{margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:12px}.home-count{margin:0;font-size:14px;line-height:1;color:#9f8d80;white-space:nowrap}.home-sticky-action{width:min(860px,calc(100% - 32px));margin:0 auto}.home-sticky-action .primary-button{width:100%;min-height:54px;border-radius:18px;font-size:19px;background:linear-gradient(135deg,#d87955,#a94f39);box-shadow:0 16px 28px #a94f3938}.home-stats-grid{max-width:860px;margin-left:auto;margin-right:auto}.topbar-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-inline{display:flex;align-items:center;gap:10px}.user-greeting{font-size:13px;color:#9a8678;white-space:nowrap}.brand p{margin:3px 0 0;font-size:14px;color:#9c8678}.nav-links.nav-grid{display:flex;flex-wrap:nowrap;gap:8px;width:auto;max-width:100%;overflow-x:auto;padding-bottom:2px}.nav-links.nav-grid a,.nav-links.nav-grid button,.nav-links.nav-grid .nav-logout,.nav-links.nav-grid .nav-ghost{height:40px;width:auto;min-width:fit-content;padding:0 12px;border-radius:999px;border:1px solid #ead8cd;background:#fcf8f4;color:#7c5f50;font-size:14px;line-height:38px;text-align:center;text-decoration:none;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:all .2s ease;box-sizing:border-box}.nav-links.nav-grid a:hover,.nav-links.nav-grid .nav-logout:hover,.nav-links.nav-grid .nav-ghost:hover{background:#fffdfb;border-color:#dcb8a4}.nav-links.nav-grid .is-primary{background:#fff1ea;border-color:#e8b9a3;color:#c06d4e}.nav-logout-wide{flex:0 0 auto}.nav-links.nav-grid .nav-logout{border-color:#eadfd6;background:#f6f1eb;color:#9b7f70}.nav-links.nav-grid .nav-logout:hover{background:#f3ece5;border-color:#d8c4b7}.nav-links.nav-grid::-webkit-scrollbar{display:none}.field-count{margin:7px 2px 0;text-align:right;font-size:13px;line-height:1;color:#9f8d80}.sticky-action{margin-top:12px}.sticky-action .primary-button{width:100%}.prompt-refresh-chip{flex-shrink:0;height:32px;padding:0 14px;border-radius:999px;border:1px solid #e8c9b8;background:#fff8f4;color:#c06d4e;font-size:14px;line-height:30px;white-space:nowrap}.prompt-chip-row{display:flex;flex-wrap:wrap;gap:8px;flex:1}.prompt-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;margin-bottom:14px}.theme-admin-page{display:grid;gap:18px}.theme-admin-head{align-items:end}.theme-admin-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}.theme-tree-panel,.theme-edit-panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffaf5b8;padding:16px}.theme-tree-tools{display:grid;gap:10px;margin-bottom:14px}.theme-search-input{width:100%;min-height:42px;padding:0 14px;border:1px solid rgba(126,92,72,.16);border-radius:16px;background:#ffffffc2;color:var(--text)}.theme-tree-actions,.theme-form-footer,.theme-inline-fields{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.theme-tree-list{display:grid;gap:12px;max-height:68vh;overflow:auto;padding-right:4px}.theme-tree-category,.theme-tree-topic{display:grid;gap:8px}.theme-tree-category{padding:12px;border:1px solid rgba(126,92,72,.1);border-radius:16px;background:#ffffff80}.theme-tree-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.theme-tree-main{display:grid;gap:3px;min-width:0;padding:10px 12px;border:1px solid rgba(126,92,72,.08);border-radius:14px;background:#fffaf5d1;color:var(--text);text-align:left}.theme-tree-main.topic{background:#ffffffa8}.theme-tree-main.active,.theme-keyword-pill.active{border-color:#c7785c4d;background:#c7785c1f;color:var(--accent-deep)}.theme-node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.theme-node-code,.theme-node-desc{color:var(--text-soft);font-size:12px}.theme-node-desc{margin:0 0 2px;line-height:1.6}.tree-mini-button{min-height:32px;padding:0 10px;border:1px solid rgba(199,120,92,.14);border-radius:999px;background:#ffffff94;color:var(--accent-deep);font-size:12px;white-space:nowrap}.theme-topic-branch{display:grid;gap:10px;padding-left:12px;border-left:1px dashed rgba(126,92,72,.16)}.theme-keyword-branch{display:flex;flex-wrap:wrap;gap:6px;padding-left:8px}.theme-keyword-pill{min-height:28px;padding:0 9px;border:1px solid rgba(126,92,72,.1);border-radius:999px;background:#fffaf5d6;color:var(--text-soft);font-size:12px}.theme-keyword-pill.disabled,.theme-tree-main:disabled,.ghost-button:disabled,.secondary-button:disabled{opacity:.48;cursor:not-allowed}.theme-edit-panel{display:grid;gap:16px;position:sticky;top:104px}.theme-form-head{align-items:start}.theme-form-head .section-title{font-size:22px}.theme-form-grid{display:grid;gap:14px}.theme-inline-fields .field{min-width:150px;flex:1}.theme-form-footer{padding-top:4px}.theme-tree-empty{padding:18px}@media (max-width: 900px){.theme-admin-layout{grid-template-columns:1fr}.theme-edit-panel{position:static}}.page-card .seal-button,.ai-page .ai-button{position:relative;isolation:isolate;border:1px solid var(--button-primary-edge);color:var(--button-primary-text);background-color:var(--button-primary-bg);background-image:radial-gradient(ellipse at 5% 0,#ffffff63,transparent 38%),linear-gradient(100deg,var(--button-primary-start),var(--button-primary-end) 42%,var(--button-primary-end) 65%,var(--button-primary-start));background-size:cover;background-position:center;box-shadow:inset 0 1px 2px #ffffffe6,inset 0 -1px 3px var(--button-primary-edge),0 8px 20px var(--button-primary-glow);text-shadow:0 1px 3px #1b284e45}.page-card .seal-button{display:flex;align-items:center;justify-content:center;min-height:66px;padding:7px 24px;border-radius:100px;gap:12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:18px;font-weight:600;letter-spacing:.08em}.page-card .seal-button:after{content:"";flex:0 0 42px;width:42px}.page-card .seal-button .seal-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.seal-atmosphere>span{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.seal-scene-fragment{background-image:var(--create-render-image, var(--create-image));background-size:cover;background-position:var(--create-image-position);opacity:.3;filter:saturate(.85) brightness(1.08)}.seal-family-glaze{background:var(--button-primary-glaze)}.seal-bloom{background:radial-gradient(ellipse at 17% 12%,#ffffff38,transparent 28%),radial-gradient(ellipse at 94% 80%,var(--seal-light),transparent 22%),radial-gradient(circle at 9% 62%,#ffffffad 0 1px,transparent 2px),radial-gradient(circle at 88% 30%,#ffffff96 0 1px,transparent 2px);box-shadow:inset 0 1px #ffffff70,inset 0 -1px #ffffff26}.seal-bloom:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 110px 48px at 50% 54%,color-mix(in srgb,var(--create-text) 46%,transparent) 0%,color-mix(in srgb,var(--create-text) 20%,transparent) 58%,transparent 100%)}.page-card .seal-button:focus-visible{outline:2px solid var(--button-soft-text);outline-offset:4px}html .page-card .prompt-refresh-chip,html .create-page .add-node-button,html .ai-page .ai-secondary{background:var(--button-soft-bg);color:var(--button-soft-text);border-color:var(--button-soft-border)}html .ai-page .ai-quiet{background:var(--button-neutral-bg);color:var(--button-neutral-text);border-color:var(--button-neutral-border)}html .app-shell.app-shell .topbar{padding:18px 26px;border:1px solid var(--surface-border);border-radius:24px;background:var(--surface-header);background-size:cover;background-position:center,right 42%;box-shadow:0 6px 24px var(--create-shadow),inset 0 1px #ffffffa8}html .app-shell.app-shell .brand{gap:14px}html .app-shell.app-shell .brand-mark{flex:0 0 44px;width:44px;height:44px;color:transparent;font-size:0;background:url(/cap/assets/future-letter-brand-COOZmTht.webp) center / contain no-repeat,radial-gradient(ellipse,var(--create-accent-soft),transparent 72%);box-shadow:none;filter:drop-shadow(0 3px 5px #59658e20)}html .app-shell.app-shell .brand-copy strong{font-family:STSong,Songti SC,SimSun,serif;color:var(--create-text);font-size:25px;font-weight:600;letter-spacing:.12em;margin-bottom:6px}html .app-shell.app-shell .brand-copy p{color:var(--create-muted);font-size:12px;letter-spacing:.08em}html .app-shell.app-shell .nav-links :is(a,button){color:var(--button-neutral-text);background:var(--surface-paper);border:1px solid var(--button-neutral-border);padding:9px 16px;border-radius:100px;box-shadow:inset 0 1px #fff}html .app-shell.app-shell .nav-links .is-primary{color:var(--button-soft-text);background:var(--button-soft-bg);border-color:var(--button-soft-border)}html .app-shell.app-shell .user-inline{gap:10px;font-size:12px}html .app-shell.app-shell .user-inline :is(.user-greeting,.weak-button){font-size:12px;font-weight:400;color:var(--create-muted)}html .app-shell.app-shell .user-inline .weak-button{background:transparent;box-shadow:none;border-color:transparent;padding:4px 2px}html .app-shell.app-shell .ai-nav-unread{background:var(--button-soft-bg);color:var(--button-soft-text)}@media (max-width: 760px){html .app-shell.app-shell .topbar{padding:14px 18px;border-radius:22px}html .app-shell.app-shell .topbar-main{gap:12px}html .app-shell.app-shell .brand-mark{flex-basis:40px;width:40px;height:40px}html .app-shell.app-shell .brand-copy strong{font-size:22px;margin-bottom:4px}html .app-shell.app-shell .nav-links :is(a,button){padding:7px 14px;font-size:12px}.page-card .seal-button{min-height:62px;padding:6px 18px;font-size:17px}.seal-scene-fragment{background-position:var(--create-image-position-mobile, var(--create-image-position))}}.nav-label-short{display:none}@media (max-width: 800px){html .app-shell.app-shell{padding:8px 10px 24px}html .app-shell.app-shell .topbar{position:sticky;top:8px;height:60px;padding:7px 12px;margin-bottom:10px;border-radius:18px}html .app-shell.app-shell .topbar-main{flex-direction:row;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:6px;min-width:0}html .app-shell.app-shell .brand{gap:4px;min-width:0;margin-right:auto}html .app-shell.app-shell .brand-mark{flex:0 0 24px;width:24px;height:24px}html .app-shell.app-shell .brand-copy strong{margin:0;font-size:17px;line-height:1.4;letter-spacing:0;white-space:nowrap}html .app-shell.app-shell .brand-copy p{display:none}html .app-shell.app-shell .mobile-nav-toggle{order:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--create-text);font-size:19px}html .app-shell.app-shell .topbar-right{display:contents}html .app-shell.app-shell .topbar-right .nav-links.nav-grid{order:1;display:flex;flex:0 0 auto;width:auto;overflow:visible;gap:3px;padding:0}html .app-shell.app-shell .nav-links :is(a,button){position:relative;min-width:30px;min-height:44px;height:auto;justify-content:center;text-align:center;line-height:1.5;padding:8px 7px;font-size:13px;border-radius:10px;border-color:transparent;box-shadow:none}html .app-shell.app-shell .nav-links [data-top-nav]:not(.is-primary) .nav-label-full{display:none}html .app-shell.app-shell .nav-links [data-top-nav]:not(.is-primary) .nav-label-short{display:inline}html .app-shell.app-shell .nav-links .is-primary{border-color:var(--button-soft-border)}html .app-shell.app-shell .user-inline{display:none;position:absolute;top:calc(100% + 6px);right:0;width:min(280px,100%);max-height:calc(100dvh - 90px);overflow-y:auto;padding:12px;background:var(--surface-paper, #fff);border:1px solid var(--surface-border);border-radius:16px;box-shadow:0 12px 28px var(--create-shadow);justify-content:space-between}html .app-shell.app-shell .topbar-right.is-open .user-inline{display:flex}html .app-shell.app-shell .user-inline .user-greeting{white-space:normal;overflow-wrap:anywhere;min-width:0}html .app-shell.app-shell .user-inline .weak-button{flex:0 0 auto;min-width:44px;min-height:44px}html .app-shell.app-shell .topbar :is(a,button):focus-visible{outline:2px solid var(--create-accent-strong);outline-offset:2px}html .app-shell.app-shell .ai-nav-unread{position:absolute;top:3px;right:2px;width:5px;height:5px;padding:0;margin:0;overflow:hidden;font-size:0;background:var(--create-accent-strong)}}@media (max-width: 359px){html .app-shell.app-shell .topbar{padding-inline:8px}html .app-shell.app-shell .brand-copy strong{font-size:16px}html .app-shell.app-shell .brand-mark{flex-basis:20px;width:20px;height:20px}}body{background:#f6f8ff}body:before{background:none}html .app-shell.app-shell{--text: var(--create-text);--text-soft: var(--create-muted);--text-faint: var(--create-muted);--accent: var(--create-accent);--accent-deep: var(--create-accent-strong);--line: var(--surface-border);--paper: var(--surface-paper);--paper-strong: var(--surface-input);--line-strong: var(--surface-border);--bg: var(--create-page-bg);--bg-soft: var(--create-accent-soft);color:var(--create-text);background:var(--surface-base)}html .page-card:is(.create-page,.home-page-card),html .ai-page{background:var(--surface-air),var(--create-page-bg);border-color:var(--surface-border)}html :is(.create-page,.home-page-card) .form-section,html .ai-page .ai-card{background:var(--surface-texture),var(--surface-air),linear-gradient(145deg,var(--surface-paper) 30%,var(--surface-paper-tint));border:1px solid var(--surface-border);box-shadow:inset 0 1px #ffffffa3,0 12px 32px var(--create-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html :is(.create-page,.home-page-card) .field :is(input,textarea,select),html .ai-page :is(input:not([type=checkbox]),textarea){color:var(--create-text);background:var(--surface-input);border-color:var(--surface-border)}html :is(.create-page,.home-page-card,.ai-page) :is(input,textarea)::placeholder{color:var(--surface-placeholder);opacity:1}html :is(.create-page,.home-page-card,.ai-page) :is(input,textarea,select):focus{border-color:var(--surface-focus);outline:2px solid var(--surface-focus-glow);outline-offset:1px}html :is(.create-page,.home-page-card) :is(.section-copy .tag,.section-title,.section-head strong),html .ai-page :is(.ai-card h2,.ai-card h3){color:var(--surface-heading)}html :is(.create-page,.home-page-card) .prompt-chip{background:var(--create-tag-bg);border-color:var(--create-tag-border);color:var(--create-tag-text)}html .create-page .plan-card{background:linear-gradient(120deg,var(--surface-input),var(--surface-paper-tint));border-color:var(--surface-border);box-shadow:0 5px 18px var(--create-shadow)}html .create-page .node-plan-list:before{border-color:var(--surface-border)}html .create-page .node-plan-list .plan-card:before{background:var(--create-accent);box-shadow:0 0 0 3px var(--create-page-bg),0 0 0 4px var(--surface-border)}html .create-page :is(.secondary-button,.reminder-add-button),html .create-page .mode-tabs .ghost-button.active{background:var(--button-soft-bg);color:var(--button-soft-text);border-color:var(--button-soft-border)}html .create-page .mode-tabs .ghost-button:not(.active){background:var(--surface-paper);color:var(--button-neutral-text);border-color:var(--button-neutral-border)}html :is(.create-page,.home-page-card) .hero .prompt-refresh-chip{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--create-hero-bg) 72%,transparent);color:var(--create-hero-ink);border-color:color-mix(in srgb,var(--create-hero-muted) 30%,transparent);box-shadow:inset 0 1px #ffffff35;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}html :is(.create-page,.home-page-card) .prompt-refresh-chip:before{content:"";width:15px;height:15px;flex:0 0 15px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.5 6.5A7 7 0 0 0 4 5M16.5 2.5v4h-4M3.5 13.5A7 7 0 0 0 16 15M3.5 17.5v-4h4' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}html .page-card .seal-button{background-image:none;background-color:color-mix(in srgb,var(--create-button-start) 24%,var(--create-page-bg));color:var(--button-seal-text);text-shadow:0 1px 3px color-mix(in srgb,var(--create-text) 36%,transparent);box-shadow:inset 0 1px #ffffff70,0 7px 22px var(--button-primary-glow);border-color:color-mix(in srgb,var(--button-primary-edge) 60%,transparent)}html :is(.create-page,.home-page-card,.ai-page) :is(.hero h2,.hero p,.ai-hero h1,.ai-subtitle){text-shadow:0 1px 10px color-mix(in srgb,var(--create-hero-bg) 70%,transparent)}html :is(.create-page,.home-page-card) .hero:after{background:linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--create-page-bg) 45%,transparent) 77%,var(--create-page-bg) 100%)}html .app-shell .page-card:not(.create-page):not(.home-page-card),html .app-shell .modal-panel{background:var(--surface-paper);color:var(--create-text);border-color:var(--surface-border);box-shadow:0 14px 36px var(--create-shadow)}html .app-shell :is(.detail-block,.capsule-card,.capsule-panel,.capsule-shell,.capsule-content-box,.history-item,.node-item,.empty-card,.current-answer-panel){background:linear-gradient(140deg,var(--surface-paper),var(--surface-paper-tint));border-color:var(--surface-border);color:var(--create-text);box-shadow:0 5px 20px var(--create-shadow)}html .app-shell :is(.section-title,.detail-title,.capsule-title,.capsule-card-title,.node-title){color:var(--surface-heading)}html .app-shell :is(.soft-text,.empty-text,.meta-row,.capsule-time,.capsule-card-time,.hint,.user-greeting){color:var(--create-muted)}html .app-shell :is(.capsule-content,.detail-content,.answer-text,.capsule-card-summary){color:var(--create-text)}html .app-shell :is(.field input,.field textarea,.field select,.inline-answer-textarea,.time-sentence-row select){background:var(--surface-input);border-color:var(--surface-border);color:var(--create-text)}html .app-shell :is(input,textarea)::placeholder{color:var(--surface-placeholder)}html .app-shell .primary-button:not(.seal-button){color:var(--button-primary-text);border-color:var(--button-primary-edge);background:linear-gradient(110deg,var(--button-primary-start),var(--button-primary-end));box-shadow:0 5px 16px var(--button-primary-glow)}html .app-shell :is(.secondary-button,.soft-action-button,.count-badge){color:var(--button-soft-text);background:var(--button-soft-bg);border-color:var(--button-soft-border)}html .app-shell :is(.ghost-button,.weak-button,.text-button,.close-button){color:var(--button-neutral-text)}html .app-shell :is(.mailbox-tabs,.modal-mode-tabs) .ghost-button{color:var(--button-neutral-text);background:var(--button-neutral-bg);border-color:var(--button-neutral-border)}html .app-shell :is(.mailbox-tabs,.modal-mode-tabs) .ghost-button.active{color:var(--button-soft-text);background:var(--button-soft-bg);border-color:var(--create-accent)}html .app-shell :is(.status-banner,.due-spotlight-section,.due-card-answer,.soft-reminder-box,.ai-detail-entry){background:var(--surface-paper-tint);border-color:var(--surface-border);color:var(--create-text)}html .app-shell :is(.capsule-header,.capsule-section,.email-bind-panel,.theme-tree-panel,.theme-edit-panel,.theme-tree-main,.theme-keyword-pill){background:var(--surface-paper);border-color:var(--surface-border);color:var(--create-text)}html .app-shell :is(.theme-tree-main.active,.theme-keyword-pill.active){background:var(--button-soft-bg);border-color:var(--create-accent);color:var(--button-soft-text)}html .app-shell .capsule-card-footer{color:var(--create-muted);border-color:var(--surface-border)}html .app-shell .due-node-prompt{color:var(--surface-heading);background:var(--surface-paper-tint);border-color:var(--surface-border)}@media (max-width: 760px){html :is(.create-page,.home-page-card) .hero:after{background:linear-gradient(180deg,transparent var(--create-hero-fade-start-mobile, 56%),var(--create-page-bg) 100%)}}html .app-shell:has(.home-page-card.is-visual-pending),html .home-page-card.is-visual-pending{--create-page-bg: #f6f8fc !important;--create-hero-bg: #f6f8fc !important;--create-text: #505968 !important;--create-muted: #7a8391 !important;--surface-base: linear-gradient(180deg, #fafbfe, #f6f8fc) !important;--surface-header: rgba(252,253,255,.92) !important;--surface-paper: rgba(252,253,255,.9) !important;--surface-paper-tint: rgba(252,253,255,.9) !important;--surface-border: rgba(100,116,138,.13) !important;--surface-heading: #505968 !important;--button-soft-bg: #f5f7fa !important;--button-soft-text: #697686 !important;--create-button-start: #a5b1c1 !important;--button-primary-glaze: linear-gradient(105deg, #a5b1c18c, #7d8ba1ad) !important}html .home-page-card.is-visual-pending :is(.visual-scene,.seal-scene-fragment){background-image:none;opacity:0}html .home-page-card.is-visual-pending .hero:before{background:none}html .home-page-card.is-visual-pending .hero :is(h2,p,.tag,.home-focus-line){color:transparent;text-shadow:none;border-color:transparent;background:linear-gradient(100deg,#e9edf3,#f0f3f8);border-radius:10px}html .home-page-card:not(.is-visual-pending) .visual-scene{animation:home-scene-reveal .22s ease-out both}@keyframes home-scene-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){html .home-page-card:not(.is-visual-pending) .visual-scene{animation:none}}html .app-shell .letter-page,html .app-shell .letter-login-panel{--letter-scene: var(--create-image);--letter-scene-position: var(--create-image-position);background:var(--surface-texture),var(--surface-paper);border-color:var(--surface-border);box-shadow:0 12px 36px var(--create-shadow),inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html .app-shell .letter-page{padding:32px}html .letter-page :is(.section-title,.capsule-title,.detail-title,.capsule-card-title){color:var(--surface-heading);letter-spacing:.025em}html .letter-page :is(.section-title,.capsule-body .section-title){font-size:22px;line-height:1.5}html .letter-page :is(.capsule-title,.detail-title,.mailbox-hero h1,.due-page-head h1){font-family:var(--create-display-font);font-size:clamp(27px,3vw,36px);font-weight:600;line-height:1.5}html .letter-page :is(.soft-text,.meta-row,.capsule-card-time,.capsule-time){line-height:1.75}html .letter-page .section{margin-top:28px;gap:18px}html .letter-page :is(.card-list-grid,.due-grid,.list-grid){grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}html .letter-page :is(.mailbox-hero,.due-page-head) h1.section-title{font-size:clamp(28px,3vw,36px)}html .letter-page :is(.mailbox-hero,.due-page-head),html .public-square-page>.hero{position:relative;isolation:isolate;min-height:146px;padding:24px 156px 28px 16px;margin-bottom:24px;gap:8px;border-bottom:1px solid var(--surface-border)}html .letter-page :is(.mailbox-hero,.due-page-head):before,html .public-square-page>.hero:before{content:"";position:absolute;z-index:-1;top:-32px;right:-32px;bottom:0;left:-32px;pointer-events:none;border-radius:24px 24px 0 0;background:radial-gradient(ellipse at 90% 15%,var(--seal-icon-halo),transparent 58%),radial-gradient(ellipse at 75% 0%,var(--seal-light),transparent 42%);opacity:.6}html .letter-page :is(.mailbox-hero,.due-page-head):after,html .public-square-page>.hero:after{content:"";position:absolute;width:114px;height:114px;top:8px;right:12px;pointer-events:none;background:url(/cap/assets/future-letter-brand-COOZmTht.webp) center / contain no-repeat;filter:saturate(.65) drop-shadow(0 6px 12px var(--seal-icon-halo));opacity:.85}html .letter-page .due-page-head{align-items:flex-start;flex-direction:column}html .public-square-page>.hero{min-height:210px}html .public-square-page .hero h1{font-size:clamp(28px,3.4vw,44px);line-height:1.5;color:var(--surface-heading)}html .public-square-page .hero p{font-size:15px;max-width:39em}html .public-square-page .hero>.tag{justify-self:start}html .app-shell.app-shell:has(.letter-page) .brand-mark,html .app-shell.app-shell:has(.letter-login-panel) .brand-mark{position:relative;isolation:isolate;filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--create-accent) 16%,transparent))}html .app-shell.app-shell:has(.letter-page) .brand-mark:after,html .app-shell.app-shell:has(.letter-login-panel) .brand-mark:after{content:"";position:absolute;z-index:-1;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--create-highlight) 10%,transparent),color-mix(in srgb,var(--create-accent) 15%,transparent) 40%,transparent 72%);filter:blur(3px)}html .app-shell .letter-page :is(.capsule-card,.detail-block,.capsule-content-box,.history-item,.node-item,.current-answer-panel,.empty-card){background:var(--surface-texture),var(--surface-paper);border:1px solid var(--surface-border);border-radius:20px;box-shadow:inset 0 1px #ffffffb0,0 8px 24px var(--create-shadow)}html .letter-page .capsule-card{padding:24px;gap:14px}html .letter-page .capsule-card:hover{border-color:var(--button-soft-border);box-shadow:0 12px 30px var(--create-shadow)}html .letter-page :is(.due-spotlight-section,.due-card-answer){background:transparent}html .letter-page :is(.capsule-card-title,.capsule-card h3){font-size:23px;line-height:1.5}html .letter-page .capsule-card-topline{flex-wrap:wrap;row-gap:8px}html .letter-page :is(.capsule-card-time,.capsule-card-footer){font-size:12px}html .letter-page :is(.due-node-prompt,.inline-answer-prompt){color:var(--create-muted);background:transparent;font-weight:400}html .letter-page :is(.detail-content,.capsule-content,.answer-text){font-size:16px;line-height:2;overflow-wrap:anywhere}html .letter-page :is(.inline-answer-textarea,.field textarea,.field input,.email-bind-panel input),html .letter-login-panel .field input{background:var(--surface-input);border:1px solid var(--surface-border);color:var(--create-text);border-radius:14px;box-shadow:inset 0 1px 3px var(--create-shadow)}html :is(.letter-page,.letter-login-panel) :is(input,textarea):focus{outline:2px solid var(--surface-focus-glow);outline-offset:1px;border-color:var(--surface-focus)}html .letter-page .inline-answer-textarea{min-height:120px}html .letter-page .tag.public{color:var(--button-neutral-text);border:1px solid var(--surface-border);background:var(--surface-paper)}html .letter-page .node-answer-preview{color:var(--create-muted);background:var(--surface-input)}html .letter-page .mailbox-tabs,html .letter-login-panel .modal-mode-tabs{gap:4px;padding:5px;border:1px solid var(--surface-border);border-radius:17px;background:color-mix(in srgb,var(--create-muted) 4%,var(--surface-paper))}html .letter-page .mailbox-tabs .ghost-button,html .letter-login-panel .modal-mode-tabs .ghost-button{min-height:44px;padding:8px 12px;border-color:transparent;border-radius:12px;background:transparent;color:var(--create-muted);font-size:13px;line-height:1.6}html .letter-page .mailbox-tabs .ghost-button.active,html .letter-login-panel .modal-mode-tabs .ghost-button.active{background:var(--surface-input);border-color:var(--button-soft-border);color:var(--create-text);box-shadow:0 2px 8px var(--create-shadow)}html .app-shell :is(.letter-page,.letter-login-panel) .primary-button:not(.soft-action-button){position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:11px 24px;border-radius:100px;background:color-mix(in srgb,var(--create-button-start) 24%,var(--create-page-bg));border-color:var(--button-primary-edge);color:#fff;text-shadow:0 1px 2px color-mix(in srgb,var(--create-text) 38%,transparent);box-shadow:inset 0 1px #ffffff80,0 6px 18px var(--create-shadow)}html :is(.letter-page,.letter-login-panel) .primary-button:not(.soft-action-button):before{content:"";position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--letter-scene) 78% 72% / cover no-repeat;opacity:.28;filter:saturate(.85) brightness(1.08)}html :is(.letter-page,.letter-login-panel) .primary-button:not(.soft-action-button):after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 160px 46px at 50% 54%,color-mix(in srgb,var(--create-text) 64%,transparent),color-mix(in srgb,var(--create-text) 30%,transparent) 72%,transparent),radial-gradient(ellipse at 12% 0%,#ffffff60,transparent 40%),linear-gradient(105deg,color-mix(in srgb,var(--button-primary-start) 26%,transparent),color-mix(in srgb,var(--button-primary-end) 60%,transparent) 44%,color-mix(in srgb,var(--button-primary-end) 60%,transparent) 60%,color-mix(in srgb,var(--button-primary-start) 20%,transparent))}html :is(.letter-page,.letter-login-panel) button:focus-visible,html .letter-page a:focus-visible{outline:2px solid var(--surface-focus);outline-offset:3px}html :is(.letter-page,.letter-login-panel) .primary-button:disabled{opacity:.58;cursor:wait}html .letter-page .due-card-actions{gap:12px}html .app-shell .letter-detail-page{padding:0;background:transparent;border-color:transparent;box-shadow:none}html .app-shell .letter-detail-page .capsule-panel{background:transparent;border:0;box-shadow:none}html .app-shell .letter-detail-page .capsule-shell{position:relative;isolation:isolate;overflow:hidden;padding:32px 40px;background:var(--surface-texture),var(--surface-paper);border-color:var(--surface-border);box-shadow:0 12px 32px var(--create-shadow)}html .letter-detail-page .capsule-shell:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;height:248px;pointer-events:none;background:var(--letter-scene) var(--letter-scene-position) / cover no-repeat;opacity:.34;-webkit-mask-image:linear-gradient(90deg,transparent 18%,#000 100%),linear-gradient(180deg,#000,transparent 100%);mask-image:linear-gradient(90deg,transparent 18%,#000 100%),linear-gradient(180deg,#000,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}html .letter-detail-page .status-banner{display:inline-block;padding:0;background:transparent;color:var(--create-muted);font-size:13px;letter-spacing:.08em}html .app-shell .letter-detail-page .capsule-header{padding:16px 0 24px;margin-top:0;background:transparent}html .letter-detail-page .capsule-title{max-width:24em}html .letter-detail-page .ai-detail-entry{background:var(--surface-paper);padding:18px 20px}html .letter-detail-page .capsule-body{padding-top:26px}html .letter-detail-page .capsule-content-box{padding:24px;margin-top:16px;background:var(--surface-input)}html .app-shell .letter-detail-page .capsule-section{margin-top:28px;background:transparent}html .letter-detail-page :is(.history-list,.node-list.under-capsule){position:relative;margin-top:16px;padding-left:22px;gap:16px}html .letter-detail-page :is(.history-list,.node-list.under-capsule):before{content:"";position:absolute;top:24px;bottom:24px;left:4px;width:1px;background:var(--surface-border);pointer-events:none}html .letter-detail-page :is(.history-item,.node-item){position:relative;padding:20px;cursor:default}html .letter-detail-page :is(.history-item,.node-item):before{content:"";position:absolute;top:26px;left:-23px;width:9px;height:9px;border-radius:50%;background:var(--surface-input);border:1px solid var(--create-accent);box-shadow:0 0 0 4px var(--create-page-bg)}html .public-letter-page .detail-block{padding:28px}html .public-letter-page .detail-block:first-child{position:relative;isolation:isolate;overflow:hidden}html .public-letter-page .detail-block:first-child:before{content:"";position:absolute;z-index:-1;width:120px;height:120px;top:-14px;right:-10px;pointer-events:none;background:url(/cap/assets/future-letter-brand-COOZmTht.webp) center / contain no-repeat;opacity:.12}html .public-letter-page .detail-content{padding-top:16px;border-top:1px solid var(--surface-border)}html .public-letter-page .detail-block>.tag{justify-self:start}html .letter-login-mask{background:color-mix(in srgb,var(--create-text) 24%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:24px}html .app-shell .letter-login-panel{width:min(480px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:28px;border-radius:26px;scrollbar-width:thin;scrollbar-color:var(--surface-border) transparent}html .letter-login-panel .modal-head{position:relative;padding:64px 0 18px;margin-bottom:18px;border-bottom:1px solid var(--surface-border)}html .letter-login-panel .modal-head:before{content:"";position:absolute;top:-5px;left:-5px;width:60px;height:60px;pointer-events:none;background:url(/cap/assets/future-letter-brand-COOZmTht.webp) center / contain no-repeat;filter:saturate(.7) drop-shadow(0 4px 9px var(--seal-icon-halo))}html .letter-login-panel .detail-title{font-size:26px;font-weight:600;line-height:1.5}html .letter-login-panel .modal-head .soft-text{font-size:13px;line-height:1.8;margin:8px 0 0}html .letter-login-panel .icon-close-button{position:absolute;right:-6px;top:-6px;color:var(--create-muted);background:var(--button-neutral-bg);border:1px solid var(--surface-border)}html .letter-login-panel .icon-close-button:hover{background:var(--button-soft-bg)}html .letter-login-panel .form-grid{gap:16px}html .letter-login-panel .field label{color:var(--surface-heading);font-size:14px}html .letter-login-panel .hint{line-height:1.75}html .letter-login-panel .email-suggestion-chip{color:var(--button-soft-text);background:var(--button-soft-bg);border-color:var(--button-soft-border)}html .letter-login-panel .email-suggestion-list{display:flex;flex-wrap:wrap;gap:6px}html .letter-login-panel .email-suggestion-chip{min-height:30px;padding:4px 9px;font-size:12px}@media (max-width: 760px){html .app-shell .letter-page,html .app-shell .letter-login-panel{--letter-scene: var(--create-image-mobile, var(--create-image));--letter-scene-position: var(--create-image-position-mobile, var(--create-image-position))}html .app-shell .letter-page{padding:20px 16px}html .letter-page :is(.mailbox-hero,.due-page-head),html .public-square-page>.hero{padding:10px 72px 24px 2px;margin-bottom:20px;min-height:118px}html .letter-page :is(.mailbox-hero,.due-page-head):before,html .public-square-page>.hero:before{top:-20px;right:-16px;bottom:0;left:-16px}html .letter-page :is(.mailbox-hero,.due-page-head):after,html .public-square-page>.hero:after{width:76px;height:76px;right:-6px;top:10px}html .public-square-page>.hero{padding-right:0;padding-top:82px}html .public-square-page>.hero:after{left:0;top:-5px}html .letter-page :is(.section-title,.capsule-body .section-title){font-size:20px}html .letter-page :is(.mailbox-hero h1,.due-page-head h1){font-size:28px}html .letter-page .capsule-card{padding:20px 16px}html .letter-page :is(.capsule-card-title,.capsule-card h3){font-size:21px}html .letter-page .due-card-actions{grid-template-columns:minmax(0,1fr);gap:4px}html .letter-page .due-card-actions .weak-button{justify-self:center}html .letter-page .mailbox-tabs .ghost-button{padding:8px 6px;font-size:12px}html .app-shell .letter-detail-page{padding:0}html .app-shell .letter-detail-page .capsule-shell{padding:24px 18px}html .letter-detail-page :is(.capsule-content-box,.history-item,.node-item){padding:18px 14px}html .letter-detail-page .ai-detail-entry{padding:16px}html .letter-detail-page .capsule-title,html .public-letter-page .detail-title{font-size:27px}html .public-letter-page .detail-block{padding:20px 16px}html .letter-login-mask{padding:12px}html .app-shell .letter-login-panel{padding:22px 20px;max-height:calc(100dvh - 24px)}html .letter-login-panel .modal-mode-tabs .ghost-button{padding:8px 2px;font-size:12px}html .letter-login-panel .form-row{gap:8px}html .letter-login-panel .form-row .secondary-button{padding:0 12px;font-size:12px}}@media (prefers-reduced-motion: reduce){html .letter-page .capsule-card{transition:none}html .letter-page .capsule-card:hover{transform:none}}