/* Reference is 804×1748 at 2x; layout below uses 402×874 CSS pixels. */
body[data-page=home]{--home-ink:var(--ink);--home-muted:var(--ink-secondary);--home-bg:#f7f7f7;--home-line:var(--line)}
body[data-page=home] .topbar{height:48px;min-height:48px;padding:0 var(--space-2);border:0;background:var(--home-bg)}
body[data-page=home] #mobile-title{font-size:var(--text-heading);line-height:24px;font-weight:600}
body[data-page=home] .preview-status{display:none!important}
body[data-page=home] #scroll-area{background:var(--home-bg);scrollbar-width:none}
body[data-page=home] #view{padding:var(--space-2) var(--space-4) var(--space-4)}
.home-v3{padding:0 0 var(--space-4)}.home-day-divider{text-align:center;font-size:var(--text-caption);line-height:20px;color:var(--home-muted);margin:0 0 var(--space-3)}
.home-v3 .result-identity{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-heading);line-height:24px;font-weight:600;margin:0 0 var(--space-3)}
.home-v3 .role-badge{width:30px;height:30px;border-radius:var(--radius-xs);flex-shrink:0}.home-v3 .role-badge svg{width:18px;height:18px}
.home-v3 .role-main{background:#bce9a8;color:var(--ink)}
.reminder-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4)}
.reminder-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:44px}
.reminder-heading>div{min-width:0;flex:1}.reminder-heading h2{font-size:var(--text-heading);line-height:24px;font-weight:600;margin:0;overflow-wrap:anywhere}
.reminder-fold{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--ink);display:grid;place-items:center;padding:0}.reminder-fold svg{width:20px;height:20px}
.reminder-summary{margin:0;font-size:var(--text-caption);line-height:20px;color:var(--home-muted);overflow-wrap:anywhere}
.reminder-body{margin-top:var(--space-4)}.reminder-group+ .reminder-group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--home-line)}
.reminder-group h3{font-size:var(--text-caption);line-height:20px;color:var(--home-muted);font-weight:400;margin:0 0 var(--space-1)}
.reminder-row{display:flex;align-items:center;min-height:44px;gap:0}.reminder-check{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center;position:relative;background:none;color:var(--inverse)}
.reminder-check:before{content:'';position:absolute;width:22px;height:22px;border:1.5px solid var(--line-strong);border-radius:50%;left:1px;top:11px;box-sizing:border-box}.reminder-check[aria-checked=true]:before{background:var(--ink);border-color:var(--ink)}.reminder-check svg{width:16px;height:16px;position:absolute;left:4px;top:14px}
.reminder-record{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);justify-content:space-between;min-height:44px;background:none;padding:var(--space-2) 0;text-align:left;font-size:var(--text-body);line-height:24px;color:var(--ink)}.reminder-record>span{overflow-wrap:anywhere;min-width:0}.reminder-record time{color:var(--ink-secondary);font-size:var(--text-caption);line-height:20px;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.reminder-row.is-complete .reminder-record>span{text-decoration:line-through;color:var(--ink-secondary)}
.reminder-empty{font-size:var(--text-caption);line-height:20px;color:var(--ink-secondary);margin:var(--space-4) 0 0}
.home-send-time{text-align:center;color:var(--ink-secondary);font-size:var(--text-caption);line-height:20px;margin:var(--space-4) 0 var(--space-3)}.home-v3 .conversation-turn{margin:0 0 var(--space-6)}.home-v3 .conversation-user{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--surface-sunken);border-radius:var(--radius-lg)}.home-v3 .conversation-user>p{font-size:var(--text-body);line-height:24px}.home-v3 .assistant-result{padding:var(--space-4);border-radius:var(--radius-md)}.result-subject{font-size:var(--text-heading);line-height:24px;font-weight:600;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.home-v3 .record-meta{font-size:var(--text-body);line-height:24px;margin-top:var(--space-1);color:var(--ink-secondary)}
.home-v3 .result-footer{margin-top:var(--space-4);padding-top:var(--space-3)}.result-quick-undo{height:44px;min-width:44px;background:none;color:var(--ink-secondary);font-size:var(--text-caption);padding:0 var(--space-2)}.result-more[hidden]{display:none!important}
body[data-page=home] .bottom-area{border:0;background:var(--canvas);padding:var(--space-2) var(--space-4) var(--space-3)}.bottom-inner{min-width:0}
body[data-page=home] #type-nav{display:flex!important;align-items:center;gap:var(--space-2);min-height:44px;margin:0 0 var(--space-2);padding:0;overflow:visible}
#type-nav [data-home-purpose]{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-left:0;padding:0 var(--space-3);height:34px;min-height:34px;position:relative;min-width:72px;background:var(--surface);color:var(--ink-secondary);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-caption);line-height:20px;font-weight:400;white-space:nowrap}
#type-nav [data-home-purpose]:before{content:'';position:absolute;inset:-5px 0}#type-nav [data-home-purpose][aria-pressed=true]{border:1.5px solid var(--ink);color:var(--ink);font-weight:600}#type-nav [data-home-purpose] svg{width:15px;height:15px;flex-shrink:0}.home-mode-status{margin-left:auto;color:var(--ink-secondary);font-size:var(--text-micro);line-height:16px;white-space:nowrap}
body[data-page=home] #composer{padding:0;gap:var(--space-2);min-height:48px;background:transparent;border:0;box-shadow:none;border-radius:0;display:flex;align-items:center}
body[data-page=home] #composer #message{flex:1;min-width:0;width:0;min-height:48px;max-height:130px;padding:var(--space-3) var(--space-5)!important;background:var(--surface);border-radius:var(--radius-lg);border:0!important;font-size:var(--text-input);line-height:24px!important;scrollbar-width:none;resize:none}
body[data-page=home] #message::placeholder{color:var(--ink-secondary);opacity:1}
#composer #home-voice,#composer #attach,#composer #send{width:44px;height:44px;min-height:44px;flex:0 0 44px;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
#composer #home-voice svg,#composer #attach svg,#composer #send svg{width:22px;height:22px}#composer #send{background:var(--ink);color:var(--inverse)}#composer #send:disabled{opacity:.4}#composer #attach[hidden]{display:none!important}
body[data-page=home] .composer-bottom{gap:0!important;flex:0 0 44px;min-height:44px!important}.composer-bottom>span,body[data-page=home] .composer-caption{display:none!important}
#home-ai-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-sunken);color:var(--ink-secondary);border-radius:var(--radius-sm);font-size:var(--text-caption);line-height:20px;margin:0 0 var(--space-2)}#home-ai-notice[hidden]{display:none}#home-ai-notice svg{width:16px;height:16px;flex-shrink:0}
.home-examples{margin-top:var(--space-6)}.home-examples>p{font-size:var(--text-caption);color:var(--ink-secondary);margin:0 0 var(--space-2)}.home-examples button{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;background:var(--surface);border-radius:var(--radius-sm);font-size:var(--text-caption);text-align:left;color:var(--ink)}.home-examples svg{width:16px;height:16px;flex-shrink:0}.home-action-error{font-size:var(--text-caption);line-height:20px;color:#a13629;margin-top:var(--space-4)}
body[data-page=home] .quick-nav{height:calc(65px + max(12px,env(safe-area-inset-bottom)));padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:var(--surface)}
body[data-page=home] .quick-nav .nav-button{font-size:var(--text-micro);color:var(--ink-secondary)}body[data-page=home] .quick-nav .nav-icon{width:36px;height:28px;border-radius:var(--radius-sm)}body[data-page=home] .quick-nav .nav-icon svg{width:20px;height:20px}
.home-v3 button:focus-visible,#type-nav button:focus-visible,#home-voice:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:350px){body[data-page=home] #type-nav{gap:var(--space-1)}#type-nav [data-home-purpose]{min-width:72px;padding:0 var(--space-2);gap:var(--space-1)}.home-mode-status{font-size:var(--text-micro)}.reminder-card,.home-v3 .assistant-result{padding:var(--space-3)}.reminder-heading h2{font-size:var(--text-heading)}.reminder-summary{font-size:var(--text-caption)}}