.on-app{--on-control-height:44px;--on-control-gap:8px;--on-pane-header-height:72px;color:var(--foreground);text-wrap:pretty}.on-app *,.on-app :after,.on-app :before{box-sizing:border-box}.on-app button,.on-app input,.on-app select,.on-app textarea{font:inherit}.on-app button{cursor:pointer}.on-app button:disabled{cursor:not-allowed;opacity:.55}.on-app a,.on-app button{transition:background-color .14s ease-out,color .14s ease-out}.on-app ::selection{background:var(--highlight);color:var(--foreground)}.on-app :focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.on-app input,.on-app select,.on-app textarea{background:var(--card);color:var(--foreground);border:1px solid var(--workspace-outline);border-radius:var(--radius);padding:10px 12px;width:100%;min-width:0;caret-color:var(--foreground)}.on-app input::placeholder,.on-app textarea::placeholder{color:var(--secondary-foreground)}.on-app input[type=checkbox]{width:18px;height:18px;accent-color:var(--foreground);flex-shrink:0}.on-app h1,.on-app h2{font-family:var(--font-serif),Georgia,serif;text-wrap:balance}.on-app h1{font-size:clamp(30px,4vw,46px);line-height:1.15}.on-app h2{font-size:24px;line-height:1.3}.on-app p{line-height:1.65}.on-app .on-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--on-control-height);padding:9px 12px;font-size:14px;line-height:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);font-weight:500;text-decoration:none}.on-btn:hover:not(:disabled){background:var(--muted)}.on-btn.primary{background:var(--brand-yellow);border-color:var(--brand-yellow);color:var(--primary-foreground)}.on-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.on-btn.danger{background:var(--destructive);color:var(--destructive-foreground);border-color:var(--destructive)}.on-btn.danger:hover:not(:disabled){background:var(--destructive);filter:brightness(.92)}.on-muted{color:var(--secondary-foreground)}.on-small{font-size:13px;line-height:1.55}.on-error{color:var(--workspace-error-text);border:1px solid var(--border);background:var(--muted);padding:12px;border-radius:var(--radius)}.on-notice{padding:10px 16px;background:var(--secondary);color:var(--foreground)}.on-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.on-stack{gap:16px}.on-label,.on-stack{display:flex;flex-direction:column}.on-label{gap:6px;font-size:14px;font-weight:500}body:has(.on-home){background:var(--background);color:var(--foreground)}.on-home{max-width:1040px;margin:0 auto;padding:48px clamp(20px,4vw,48px) 80px}.on-home-head{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}.on-home-actions{flex-shrink:0}.on-app .on-mobile-only{display:none}.on-companion-icon{display:inline-flex;width:26px;height:26px;flex-shrink:0}.on-companion-icon>svg{width:100%;height:100%}.on-home-head p{margin-top:16px;max-width:58ch}.on-new{background:var(--card);padding:24px;border:1px solid var(--border);margin:24px 0}.on-book-list{margin-top:20px;border-top:1px solid var(--border)}.on-book{padding:22px 4px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border-bottom:1px solid var(--border);text-decoration:none}.on-book:hover{background:var(--muted)}.on-book h3{font-size:19px;font-weight:500;margin-bottom:7px}.on-book p{max-width:66ch;overflow-wrap:anywhere}.on-empty{margin:32px 0;padding:40px 24px;border:1px dashed var(--border);background:var(--card)}.on-empty p{margin:12px 0 22px;max-width:60ch}.on-start{padding:24px;background:var(--card);border:1px solid var(--border)}.on-independent>p,.on-start>p{margin-top:8px}.on-independent{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.on-workspace{display:flex;flex-direction:column;height:100dvh;min-height:600px;background:var(--background)}.on-work-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.on-work-head h1{font-size:22px;margin-top:4px}.on-work-head select{width:auto}.on-workspace~footer{display:none}.on-work-head a{text-decoration:none}.on-grid{display:grid;grid-template-columns:288px minmax(0,1fr);flex:1;min-height:0}.on-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--card)}.on-sources{border-right:1px solid var(--border)}.on-pane-head{min-height:var(--on-pane-header-height);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.on-pane-head h2{font-size:19px}.on-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--border) var(--card);scrollbar-width:thin;min-height:0;flex:1;padding:16px}.on-source{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border);padding:14px 0}.on-source label{padding:4px 0;min-height:44px;min-width:30px}.on-source .on-btn{flex:0 0 auto}.on-source button{text-align:left;flex:1;min-width:0;background:none;border:0;padding:4px;overflow-wrap:anywhere;line-height:1.5}.on-source[data-active=true]{background:var(--secondary)}.on-source button:hover{text-decoration:underline}.on-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--border)}.on-draft-actions{position:relative}.on-draft-actions summary{list-style:none}.on-draft-actions summary::-webkit-details-marker{display:none}.on-draft-actions-list{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;gap:6px;min-width:190px;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.on-draft-actions-list .on-btn{justify-content:flex-start}.on-answer ol,.on-draft-preview ol{list-style:decimal}.on-answer ul,.on-draft-preview ul{list-style:disc}.on-editor{display:flex;flex-direction:column;flex:1;min-height:0;padding:24px clamp(18px,3vw,44px)}.on-editor .on-title-input{font-size:24px;font-weight:500;border:0;padding:6px 0;margin-bottom:12px}.on-editor textarea{flex:1;resize:none;border:0;padding:12px 0;line-height:1.85;font-size:16px;min-height:240px}.on-reading{max-width:74ch;margin:0 auto;width:100%;padding:24px clamp(18px,3vw,44px);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.on-reading h2{margin-bottom:16px;white-space:normal}.on-chat-form{border-top:1px solid var(--border);padding:16px;background:var(--card)}.on-chat-form textarea{min-height:110px;resize:vertical}.on-quick .on-text-action{padding:0;font-size:13px}.on-quick .on-text-action[aria-pressed=true]{font-weight:600;text-decoration:underline;text-underline-offset:4px}.on-answer{margin:18px 0 28px;overflow-wrap:anywhere}.on-answer ol,.on-answer p,.on-answer ul{margin:12px 0}.on-answer ol,.on-answer ul{padding-left:20px}.on-answer h2,.on-answer h3{font-size:18px;font-family:inherit;font-weight:600;margin:18px 0 8px}.on-answer table{display:block;max-width:100%;overflow-x:auto}.on-answer td,.on-answer th{border:1px solid var(--border);padding:8px}.on-answer pre{white-space:pre-wrap}.on-add{max-width:1000px;margin:0 auto;padding:28px;width:100%;overflow-y:auto;flex:1}.on-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0 28px}.on-tabs button[aria-pressed=true]{border-color:var(--foreground);background:var(--secondary)}.on-preview{border-top:1px solid var(--border);margin:20px 0}.on-email-organization{border:0;padding:0;min-width:0}.on-email-organization legend{font-weight:600;margin-bottom:8px}.on-email-choice{display:flex;align-items:flex-start;gap:12px;padding:12px 0;cursor:pointer}.on-email-choice input{flex-shrink:0;margin-top:4px;width:18px;height:18px;padding:0;accent-color:var(--foreground)}.on-email-choice>span{min-width:0}.on-email-choice span span{display:block;margin-top:4px}.on-preview-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.on-preview-item details{margin-top:10px}.on-preview-item pre{white-space:pre-wrap;max-height:230px;overflow:auto;font:inherit;font-size:14px;overflow-wrap:anywhere;margin-top:10px}.on-preview-item summary{cursor:pointer;padding:6px 0}.on-mobile-tabs{display:none}.on-connection{padding:20px 0;border-bottom:1px solid var(--border)}.on-data-use{max-width:70ch}.on-data-use h2{margin:30px 0 12px}.on-data-use a{text-decoration:underline}@media (max-width:900px){.on-workspace{height:100dvh;min-height:0}.on-grid,.on-grid[data-sources]{display:flex}.on-grid>.on-pane{flex:1;min-height:0}.on-pane[data-mobile-hidden=true]{display:none}.on-scroll{max-height:none}.on-editor{min-height:0;overflow-y:auto}.on-mobile-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--card);padding:8px 16px;gap:8px}.on-mobile-tabs button{flex:1}.on-mobile-tabs button[aria-pressed=true]{background:var(--secondary);border-color:var(--foreground)}.on-app .on-desktop-only{display:none}.on-work-head{padding:12px 16px;flex-wrap:wrap}.on-work-head h1{font-size:20px}}@media (max-width:600px){.on-draft-toolbar{padding-inline:16px}.on-draft-toolbar>.on-btn svg{display:none}.on-home-head{flex-direction:column}.on-book{grid-template-columns:1fr}.on-home{padding-top:32px}.on-add{padding:20px}}@media (prefers-reduced-motion:reduce){.on-app *,.on-app :after,.on-app :before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.on-draft-preview{white-space:normal}.on-draft-preview ol,.on-draft-preview p,.on-draft-preview ul{margin:16px 0}.on-draft-preview ol,.on-draft-preview ul{padding-left:24px}.on-draft-preview h3{font-size:19px;font-weight:600}.on-draft-preview a{text-decoration:underline}.on-create{container-type:inline-size;container-name:notebook-create;display:flex;flex-direction:column;flex:1;min-height:0}.on-create-content{width:100%;max-width:880px;margin:0 auto}.on-create-scroll{padding:32px clamp(20px,4vw,56px)}.on-create-content>h2{margin-bottom:16px;font-size:30px}.on-create-content>p{max-width:72ch}.on-create .on-answer{max-width:72ch;line-height:1.8}.on-answer h1{font:600 24px/1.35 var(--font-sans),sans-serif;margin:20px 0 12px}.on-answer h2{font-size:20px;line-height:1.4}.on-answer-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.on-answer-actions .on-btn{flex-shrink:0}.on-answer-request{min-width:0;font-size:13px}.on-answer-request summary{min-height:44px;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.on-answer-request p{line-height:1.6}.on-create .on-chat-form{flex-shrink:0;padding:20px clamp(20px,4vw,56px)}.on-create .on-chat-form textarea{min-height:112px;max-height:25dvh}.on-create-submit{justify-content:space-between}.on-create-submit p{flex:1;min-width:190px}.on-create-submit button{flex-shrink:0}.on-create[data-has-answers=false]{overflow-y:auto}.on-create[data-has-answers=false] .on-create-scroll{flex:none;overflow:visible;padding-top:24px;padding-bottom:0}.on-create[data-has-answers=false] .on-chat-form{border-top:0;padding-top:16px}.on-create[data-has-answers=false] .on-chat-form textarea{min-height:88px}.on-context-summary{min-width:0;overflow-wrap:anywhere}.on-context-summary>span{margin-right:8px}.on-context-summary p{display:inline;font-weight:500}.on-create .on-source-start{margin-top:20px}.on-source-start>p{margin-bottom:12px}.on-source-choice{padding-block:12px;border-bottom:1px solid var(--border)}.on-source-choice>span{min-width:0}.on-choice-detail{display:block;margin-top:4px;color:var(--secondary-foreground);font-size:13px}.on-source-choices{min-width:0}.on-saved-status{gap:6px;padding-block:10px}.on-answer-actions{flex-wrap:wrap;align-items:center}.on-answer-request{margin-left:auto}.on-draft-status{padding:8px 20px}.on-book-action{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:14px}@media (max-width:480px){.on-source-context{flex-wrap:wrap}.on-book-action{font-size:13px;gap:6px}.on-answer-actions{gap:8px 16px}}.on-library-tabs button[aria-pressed=true],.on-view-tabs button[aria-pressed=true]{background:var(--secondary);border-color:var(--foreground)}.on-continue{margin-bottom:36px}.on-thinker-input{position:relative}.on-thinker-input input{padding-right:48px}.on-thinker-input button{position:absolute;right:1px;top:1px;bottom:1px;width:44px;display:grid;place-items:center;background:transparent;border:0}.on-thinker-positioner{z-index:50;width:var(--anchor-width);max-width:calc(100vw - 32px)}.on-thinker-popup{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.on-thinker-list{max-height:min(320px,var(--available-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) var(--card);padding:4px}.on-thinker-option{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 8px;cursor:pointer;overflow-wrap:anywhere}.on-thinker-option[data-highlighted]{background:var(--secondary);outline:1px solid var(--foreground);outline-offset:-1px}.on-thinker-option[data-selected]{font-weight:600}.on-thinker-check{width:16px;flex-shrink:0}.on-thinker-option small{display:block;font-weight:400}.on-thinker-empty{padding:14px;font-size:14px}.on-thinker-empty:empty{display:none}@media (max-width:900px){.on-app .on-mobile-only{display:inline-flex}.assistant-root[data-notebook-home=true] .assistant-panel{bottom:12px;max-height:calc(100dvh - 24px)}.on-home-head{flex-direction:column;gap:16px;margin-bottom:20px}.on-home-head p{margin-top:12px}.on-home-actions{gap:8px}.on-home-actions .on-btn{padding-inline:10px;font-size:13px}.on-home{padding-top:20px}.on-start{padding:16px}.on-start .on-stack{gap:12px;margin-top:12px}.on-start h2{font-size:22px}.on-work-head{gap:8px;padding:10px 16px}.on-work-head h1{font-size:19px}.on-work-context{gap:8px;margin-top:4px}.on-work-actions{gap:8px}.on-notice.on-row{flex-wrap:nowrap;gap:8px;padding:4px 16px;font-size:13px}.on-notice.on-row>span{flex:1;min-width:0}.on-notice.on-row>button{min-width:44px;min-height:44px;flex-shrink:0;display:grid;place-items:center}.on-toolbar{padding:8px 16px}.on-create-content>h2{font-size:24px}.on-create-scroll{padding:20px 16px}.on-create .on-chat-form{padding:12px 16px}.on-create .on-chat-form textarea{min-height:88px}.on-create .on-stack{gap:10px}.on-create .on-quick button{min-height:44px}.on-create-submit{gap:8px}.on-create-submit p{min-width:0;font-size:12px}.on-create-submit button{padding-inline:10px;font-size:13px}.on-continue .on-book{padding-block:16px}.on-reading{padding-top:18px}}.on-new-badge{display:inline-block;width:fit-content;background:var(--brand-yellow);color:var(--primary-foreground);border-radius:var(--radius);padding:2px 6px;margin-right:6px;font-size:12px;font-weight:600;line-height:1.5}.on-material-update{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:4px 24px;background:var(--secondary);border-bottom:1px solid var(--border);flex-shrink:0}.on-material-update strong{font-size:14px}.on-material-update .on-btn{padding:8px 12px;font-size:13px}.on-material-update .on-text-action{font-size:13px}.on-import-result{border-top:2px solid var(--brand-yellow);padding-top:24px}.on-imported-list,.on-selected-materials ul{list-style:disc;padding-left:22px;overflow-wrap:anywhere}.on-imported-list li{padding-block:8px}.on-selected-materials{font-size:13px}.on-selected-materials summary{cursor:pointer;min-height:var(--on-control-height);padding-block:12px;line-height:20px}@media (max-width:767px){.on-material-update{padding:8px 16px}.on-material-update .on-btn{min-height:44px}}.on-btn .on-companion-icon{width:22px;height:22px}.on-app .on-icon-btn{width:var(--on-control-height);padding:0;flex:0 0 auto}.on-work-actions{flex-wrap:nowrap;gap:var(--on-control-gap);flex-shrink:0}.on-work-actions select{height:var(--on-control-height);font-size:14px;line-height:20px;padding-block:9px}.on-mode-toolbar{min-height:var(--on-pane-header-height);flex-wrap:nowrap;gap:16px}.on-view-tabs{display:flex;gap:4px;min-width:0}.on-view-tabs .on-btn{min-width:76px;white-space:nowrap}.on-library-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--on-control-gap)}.on-library-tabs .on-btn{font-size:13px;gap:6px;padding-inline:8px;min-width:0;white-space:nowrap}.on-tab-count{font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;color:var(--secondary-foreground)}.on-source-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-block:12px;border-block:1px solid var(--border)}.on-source-context>.on-btn{flex-shrink:0}.on-add-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.on-add-head>.on-btn{width:var(--on-control-height);padding:0}.on-import-result>.on-row{gap:var(--on-control-gap)}@media (min-width:901px) and (max-width:1150px){.on-work-head{flex-wrap:wrap;gap:16px}.on-work-actions{margin-left:auto}}@media (max-width:900px){.on-mode-toolbar{display:none}.on-work-actions{margin-left:0}.on-source-context{gap:12px;margin-top:20px}.on-library-tabs .on-btn{font-size:14px}}.on-app .on-check{display:flex;align-items:flex-start;gap:12px;line-height:1.55;overflow-wrap:anywhere}.on-app .on-check>input[type=checkbox]{margin-top:3px;padding:0}.on-name-row,.on-settings-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.on-name-row{align-items:end}.on-settings-section{padding:28px 0;border-bottom:1px solid var(--border)}.on-settings-section:last-child{border-bottom:0}.on-settings-section>.on-stack{margin-top:0}.on-language-field{max-width:240px}.on-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:var(--card);border-color:var(--border)}.on-dialog,.on-dialog>h2{color:var(--foreground)}@media (max-width:600px){.on-name-row,.on-settings-head{grid-template-columns:minmax(0,1fr)}.on-name-row>.on-btn,.on-settings-head>.on-btn{justify-self:start}}.on-text-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;color:var(--foreground);background:transparent;border:0;cursor:pointer}.on-text-action:hover{text-decoration:underline;text-underline-offset:4px}.on-text-action:disabled{opacity:.5;cursor:not-allowed}.on-work-head .on-context-link{text-decoration:underline;text-underline-offset:3px}.on-work-context .on-text-action{color:var(--secondary-foreground)}.on-work-head .on-work-context{margin-top:0;gap:8px}.on-context-count{margin-left:8px}@media (max-width:900px){.on-context-count{flex-basis:100%;margin-left:0}}.on-gmail-source-entry{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.on-gmail-source-entry .on-btn{justify-content:flex-start}.on-gmail-source-entry p{line-height:1.55}@media (max-width:600px){.on-work-head{align-items:flex-start}.on-work-actions{flex-direction:column}.on-work-actions .on-btn{min-width:44px}.on-material-update{gap:0 12px}.on-work-head{display:grid;grid-template-columns:minmax(0,1fr) auto}.on-work-actions{align-self:start}.on-material-update>.on-row{gap:8px}}@media (max-width:360px){.on-work-head{grid-template-columns:minmax(0,1fr) 44px}}.on-home{max-width:1240px;padding-top:clamp(34px,5vw,56px)}.on-home-head{align-items:flex-start;margin-bottom:32px}.on-home-head p{margin-top:14px}.on-home-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);grid-template-areas:"start accounts";gap:24px 36px;align-items:start}.on-home-layout[data-resume=true]{grid-template-areas:"resume start" "resume accounts"}.on-home-layout>*{min-width:0}.on-home-layout .on-continue{grid-area:resume;margin:0}.on-home-start-area{grid-area:start}.on-home-gmail{grid-area:accounts;padding:0 4px}.on-home-notices:empty{display:none}.on-home-notices>*{margin-bottom:24px}.on-home-loading{grid-column:1/-1}.on-home-layout h2{font-size:23px}.on-home-layout .on-continue>.on-row{gap:8px 16px}.on-home-layout .on-book-list{margin-top:16px;background:var(--card);border:1px solid var(--border)}.on-home-layout .on-book{padding:20px;gap:12px}.on-home-layout .on-book:last-child{border-bottom:0}.on-home-layout .on-book h3{font-size:18px;line-height:1.4;margin-bottom:8px}.on-home-layout .on-book:hover{background:var(--secondary)}.on-book-updates{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px}.on-book-updates .on-new-badge{margin:0}.on-home-layout .on-book-action{font-size:13px}.on-home-layout .on-start{border-bottom:0;padding-bottom:20px}.on-start-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 12px;margin-top:20px}.on-start-form>p{grid-column:1/-1}.on-home-layout .on-independent{margin:0;padding:20px 24px 16px;border:1px solid var(--border);background:var(--card)}.on-independent h3{font-size:15px;font-weight:500}.on-independent-action{gap:8px;padding:0;margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:4px;justify-content:flex-start;text-align:left}.on-home-layout:empty{display:none}.on-home-gmail h2{font-size:19px}.on-home-gmail>p{margin-block:8px 12px}.on-home-data-use{margin-top:32px}.on-home-connections{position:relative;max-width:640px}.on-home-connections>h2{padding-right:48px}.on-home-connections-close{position:absolute;top:16px;right:16px}@media (min-width:901px) and (max-width:1100px){.on-home-layout{gap:24px;grid-template-columns:minmax(0,1fr) 340px}.on-start-form{grid-template-columns:1fr}}@media (max-width:900px){.on-home{padding-top:24px}.on-home-head{flex-direction:row;align-items:start;gap:16px}.on-home-head p{font-size:14px}.on-home-head .on-home-actions{flex-shrink:1}.on-home-layout{display:flex;flex-direction:column;gap:28px}.on-home-layout>*{width:100%}.on-continue,.on-home-alert,.on-home-loading{order:0}.on-home-start-area{order:2}.on-home-gmail{order:3}.on-home-layout .on-independent{padding:20px 16px 16px}.on-home-layout .on-book{grid-template-columns:minmax(0,1fr) auto;padding:16px}}@media (max-width:520px){.on-home-head{flex-direction:column;gap:12px}.on-home-layout .on-book{grid-template-columns:minmax(0,1fr);gap:4px}.on-book-action{min-height:32px;justify-content:flex-end}.on-start-form{grid-template-columns:1fr}.on-home-layout h2{font-size:22px}}.on-home{position:relative}.on-home-hero{margin-bottom:40px}.on-home-layout+.on-home-hero{margin-top:56px}.on-home-learn{display:flex;flex-direction:column;gap:64px;margin-top:64px}.assistant-root[data-notebook-home=true] .assistant-pet,.assistant-root[data-notebook-home=true] .assistant-pet-rest{display:none}.on-source-tile{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--muted);color:var(--foreground);transition:background-color .16s ease-out}.on-cite,.on-source-tile[data-active=true]{background:var(--secondary)}.on-cite{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;color:var(--foreground);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.on-sources .on-source{position:relative;display:flex;align-items:center;gap:4px;padding:0;margin-top:6px;border:1px solid transparent;border-radius:10px;background:transparent;transition:background-color .14s ease-out,border-color .14s ease-out,box-shadow .14s ease-out}.on-sources .on-source:hover{background:var(--card);border-color:var(--border)}.on-sources .on-source[data-active=true]{background:var(--card);border-color:color-mix(in srgb,var(--brand-yellow) 70%,var(--border));box-shadow:0 6px 16px -12px color-mix(in srgb,var(--foreground) 45%,transparent)}.on-sources .on-source>button:not(.on-btn){display:flex;flex:1;min-width:0;align-items:center;gap:10px;padding:8px 10px;text-align:left;text-decoration:none;background:transparent;border:0}.on-sources .on-source>button:not(.on-btn):hover{background:transparent}.on-source-text{min-width:0;flex-direction:column;gap:2px}.on-source-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.35;color:var(--foreground)}.on-source-meta{font-size:11px;line-height:1.3;color:var(--secondary-foreground)}.on-source-text .on-new-badge{align-self:flex-start;margin:0 0 2px}.on-source-check{display:flex;align-items:center;padding-right:10px}.on-source-check input{appearance:none;width:20px;height:20px;margin:0;border:1.5px solid color-mix(in srgb,var(--foreground) 28%,transparent);border-radius:999px;background:var(--card);display:grid;place-content:center;cursor:pointer;transition:background-color .14s ease-out,border-color .14s ease-out}.on-source-check input:after{content:"";width:9px;height:5px;margin-top:-2px;border:solid var(--background);border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);transition:transform .14s ease-out}.on-source-check input:checked{background:var(--foreground);border-color:var(--foreground)}.on-source-check input:checked:after{transform:rotate(-45deg) scale(1)}.on-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 8px;padding:10px 12px;font-size:13px;font-weight:500;border-radius:10px;background:var(--card);border:1px solid var(--border);cursor:pointer;flex-direction:row-reverse}.on-switch input{appearance:none;position:relative;flex-shrink:0;width:36px;height:20px;margin:0;border-radius:999px;background:color-mix(in srgb,var(--foreground) 18%,transparent);cursor:pointer;transition:background-color .16s ease-out}.on-switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 30%,transparent);transition:transform .16s ease-out}.on-switch input:checked{background:var(--brand-yellow)}.on-switch input:checked:after{transform:translateX(16px)}.on-library-tabs{gap:4px;padding:4px;margin:12px 16px 0;border-radius:10px;background:var(--muted);border:1px solid var(--border)}.on-library-tabs .on-btn{flex:1;min-height:36px;border:0;border-radius:7px;background:transparent}.on-library-tabs .on-btn[aria-pressed=true]{background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 14%,transparent)}.on-gmail-source-entry{padding:12px;border-radius:10px;background:var(--card);border:1px solid var(--border)}.on-gmail-source-entry .on-btn{width:100%;justify-content:center}.on-gmail-source-entry p{margin-top:8px;font-size:12px;line-height:1.5}.on-sources input[placeholder],.on-view-tabs{border-radius:10px}.on-view-tabs{display:inline-flex;gap:2px;padding:4px;background:var(--muted);border:1px solid var(--border)}.on-view-tabs .on-btn{min-height:34px;border:0;border-radius:7px;background:transparent}.on-view-tabs .on-btn[aria-pressed=true]{background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 14%,transparent)}.on-thinker-chip{gap:6px;padding:2px 10px 2px 3px;background:var(--secondary);text-decoration:none!important;font-weight:500}.on-thinker-chip,.on-thinker-initial{display:inline-flex;align-items:center;border-radius:999px}.on-thinker-initial{justify-content:center;width:20px;height:20px;background:var(--brand-yellow);font-size:11px;font-weight:600}.on-material-update{border-radius:10px;margin:12px 16px 0;border:1px solid color-mix(in srgb,var(--brand-yellow) 55%,var(--border))}.on-composer{border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 10px 28px -22px color-mix(in srgb,var(--foreground) 50%,transparent);transition:border-color .16s ease-out,box-shadow .16s ease-out}.on-composer:focus-within{border-color:color-mix(in srgb,var(--foreground) 35%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-yellow) 35%,transparent)}.on-app .on-composer textarea{display:block;width:100%;min-height:96px;padding:14px 16px 4px;border:0;background:transparent;resize:none;box-shadow:none;outline:none}.on-app .on-composer textarea:focus-visible{outline:none}.on-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 16px}.on-composer-foot .on-btn.primary{border-radius:10px;gap:6px}.on-create .on-chat-form{border-top:0}.on-source-context{border:1px solid var(--border);border-radius:12px;background:var(--card);padding:8px 8px 8px 14px}.on-create .on-answer{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:20px 22px;box-shadow:0 10px 28px -24px color-mix(in srgb,var(--foreground) 50%,transparent)}.on-saved-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--secondary);color:var(--foreground);font-weight:500}.on-answer-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.on-cite-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:12px}.on-cite-chip>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.on-cite-chip:hover{border-color:color-mix(in srgb,var(--foreground) 30%,transparent)}.on-thinking{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:13px}.on-thinking-dots{display:inline-flex;gap:4px}.on-thinking-dots i{width:6px;height:6px;border-radius:999px;background:var(--brand-yellow);animation:on-dot 1s ease-in-out infinite}.on-thinking-dots i:nth-child(2){animation-delay:.15s}.on-thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes on-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.on-reader{max-width:820px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 64px}.on-reader-head{display:flex;align-items:flex-start;gap:14px}.on-reader-head .on-source-tile{width:44px;height:44px;border-radius:12px}.on-reader-head h2{font-size:26px;line-height:1.2}.on-reader-head p{margin-top:6px}.on-tools{margin-top:24px;padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:0 12px 32px -26px color-mix(in srgb,var(--foreground) 55%,transparent)}.on-tools h3{font-size:14px;font-weight:600}.on-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.on-tool{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);text-align:left;transition:border-color .14s ease-out,background-color .14s ease-out,transform .14s ease-out}.on-tool:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand-yellow) 80%,var(--border));background:color-mix(in srgb,var(--secondary) 45%,var(--card));transform:translateY(-1px)}.on-tool-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--secondary)}.on-tool strong{display:block;font-size:13px;font-weight:600;line-height:1.3}.on-tool strong+span{display:block;font-size:11.5px;line-height:1.3;color:var(--secondary-foreground)}.on-tool-ask{display:flex;align-items:center;gap:8px;margin:12px 0 10px;padding:4px 4px 4px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);transition:box-shadow .16s ease-out,border-color .16s ease-out}.on-tool-ask:focus-within{border-color:color-mix(in srgb,var(--foreground) 35%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-yellow) 35%,transparent)}.on-app .on-tool-ask input{flex:1;min-width:0;min-height:40px;border:0;padding:0;background:transparent;box-shadow:none;outline:none}.on-send{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--brand-yellow);color:var(--foreground)}.on-send:disabled{background:var(--muted)}.on-reader-text{position:relative;max-height:420px;overflow:hidden;margin-top:24px;padding:20px 22px;border-radius:14px;background:var(--card);border:1px solid var(--border);white-space:pre-wrap}.on-reader-text[data-expanded=true]{max-height:none}.on-reader-text[data-expanded=false]:after{content:"";position:absolute;inset:auto 0 0;height:96px;background:linear-gradient(to bottom,transparent,var(--card));pointer-events:none}.on-reader-text h3{margin-bottom:10px;font-family:var(--font-mono),monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--secondary-foreground);white-space:normal}.on-reader-more{margin-top:10px}.on-reader-secondary{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.on-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;padding:24px;border:1.5px dashed color-mix(in srgb,var(--foreground) 25%,transparent);border-radius:14px;background:var(--card);text-align:center;cursor:pointer;transition:border-color .14s ease-out,background-color .14s ease-out}.on-dropzone:hover,.on-dropzone[data-dragging=true]{border-color:var(--brand-yellow);background:color-mix(in srgb,var(--secondary) 55%,var(--card))}.on-dropzone[data-filled=true]{border-style:solid;border-color:color-mix(in srgb,var(--brand-yellow) 70%,var(--border))}.on-dropzone:focus-within{outline:2px solid var(--foreground);outline-offset:3px}.on-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:4px;border-radius:14px;background:var(--secondary)}.on-dropzone strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}@media (max-width:900px){.on-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.on-reader{padding-top:20px}}@media (max-width:420px){.on-tool-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.on-thinking-dots i{animation:none;opacity:.8}.on-tool:hover:not(:disabled){transform:none}}.on-create-tip{display:flex;align-items:center;gap:8px}.on-work-main:has(.on-draft-preview),.on-work-main:has(.on-editor){background:var(--muted)}.on-editor{width:min(820px,calc(100% - 32px));margin:20px auto 32px;padding:32px clamp(20px,4vw,56px);border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 16px 40px -30px color-mix(in srgb,var(--foreground) 55%,transparent)}.on-editor .on-title-input{font-family:var(--font-serif),Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;background:transparent}.on-editor textarea{background:transparent}.on-draft-preview{width:min(820px,calc(100% - 32px));margin:20px auto 32px;padding:32px clamp(20px,4vw,56px);border:1px solid var(--border);border-radius:14px;background:var(--card)}.on-draft-toolbar{gap:6px}.on-draft-toolbar .on-draft-actions>summary:hover,.on-draft-toolbar>.on-btn:not(.primary):hover:not(:disabled){background:var(--muted)}.on-draft-toolbar>.on-btn.primary{border-radius:8px}.on-draft-status{width:min(820px,calc(100% - 32px));margin:16px auto 0;padding:0}@media (max-width:900px){.on-mobile-tabs{gap:2px;padding:4px;margin:8px 12px;border-radius:12px;background:var(--muted);border:1px solid var(--border)}.on-mobile-tabs button{border:0!important;border-radius:9px;background:transparent;min-height:40px}.on-mobile-tabs button[aria-pressed=true]{background:var(--card)!important;box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 14%,transparent)}}.on-add .on-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--muted);border:1px solid var(--border);width:fit-content;max-width:100%}.on-add .on-tabs .on-btn{border:0;border-radius:9px;background:transparent}.on-add .on-tabs .on-btn[aria-pressed=true]{background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--foreground) 14%,transparent)}.on-add .on-btn.primary{border-radius:10px}@media (max-width:900px){.on-mobile-tabs .on-companion-icon{display:none}}.on-app{--on-paper:#fbf8f2;--on-linen:#f3ecdf;--on-hairline:#e7ddca;--on-ink:#221c10;--on-ink-soft:#5a4f3a;--on-sage:#e2ead6;--on-sage-ink:#45552f;--on-clay:#f4ddd0;--on-clay-ink:#86442a;--on-slate:#dbe5ee;--on-slate-ink:#34536d;--on-plum:#ebdfe9;--on-plum-ink:#673c60;--on-teal:#d5e9e5;--on-teal-ink:#255f58;--on-gold:#f8ebc4;--on-gold-ink:#6a4d08}.dark .on-app{--on-paper:#14120e;--on-linen:#1d1a14;--on-hairline:#332d22;--on-ink:#f5efdf;--on-ink-soft:#cbbfa6;--on-sage:#26301c;--on-sage-ink:#cfe0b8;--on-clay:#3a241a;--on-clay-ink:#f0c3aa;--on-slate:#1d2a36;--on-slate-ink:#bcd3e8;--on-plum:#31202e;--on-plum-ink:#e6c6df;--on-teal:#17302c;--on-teal-ink:#b4e0d8;--on-gold:#3a2f12;--on-gold-ink:#f3dc97}[data-tone=sage]{--tone:var(--on-sage);--tone-ink:var(--on-sage-ink)}[data-tone=clay]{--tone:var(--on-clay);--tone-ink:var(--on-clay-ink)}[data-tone=slate]{--tone:var(--on-slate);--tone-ink:var(--on-slate-ink)}[data-tone=plum]{--tone:var(--on-plum);--tone-ink:var(--on-plum-ink)}[data-tone=teal]{--tone:var(--on-teal);--tone-ink:var(--on-teal-ink)}[data-tone=gold]{--tone:var(--on-gold);--tone-ink:var(--on-gold-ink)}.on-workspace{--border:var(--on-hairline);background:var(--on-paper);color:var(--on-ink)}.on-work-head{background:var(--card);border-bottom:1px solid var(--on-hairline)}.on-sources{background:var(--on-linen);border-right-color:var(--on-hairline)}.on-sources .on-pane-head{background:transparent}.on-mode-toolbar,.on-work-main{background:var(--on-paper)}.on-mode-toolbar{border-bottom-color:var(--on-hairline)}.on-add .on-tabs,.on-library-tabs,.on-view-tabs{background:var(--on-linen);border-color:var(--on-hairline)}.on-work-main .on-view-tabs{background:var(--on-linen)}.on-source-tile[data-tone]{background:var(--tone);color:var(--tone-ink)}.on-source-tile[data-tone][data-active=true]{background:var(--tone-ink);color:var(--tone)}.on-tool[data-tone] .on-tool-icon{background:var(--tone);color:var(--tone-ink)}.on-tool[data-tone]:hover:not(:disabled){background:color-mix(in srgb,var(--tone) 45%,var(--card));border-color:color-mix(in srgb,var(--tone-ink) 35%,var(--on-hairline))}.on-sources .on-source:hover,.on-sources .on-source[data-active=true]{background:var(--card)}.on-sources .on-source[data-active=true]{border-color:var(--on-ink)}.on-source-meta{color:var(--on-ink-soft)}.on-gmail-source-entry,.on-switch{border-color:var(--on-hairline)}.on-create-content>h2,.on-editor .on-title-input,.on-reader-head h2{color:var(--on-ink)}.on-material-update,.on-thinker-chip{background:var(--on-gold);color:var(--on-gold-ink)}.on-material-update{border-color:color-mix(in srgb,var(--brand-yellow) 70%,var(--on-hairline))}.on-saved-status{background:var(--on-sage);color:var(--on-sage-ink)}.on-cite{background:var(--on-gold);color:var(--on-gold-ink)}.on-tools{background:linear-gradient(180deg,color-mix(in srgb,var(--on-gold) 38%,var(--card)) 0,var(--card) 120px);border-color:var(--on-hairline)}.on-send:disabled,.on-workspace .on-btn.primary:disabled{background:var(--on-linen);border-color:var(--on-hairline);color:color-mix(in srgb,var(--on-ink) 55%,transparent);opacity:1}.on-send:not(:disabled){background:var(--on-ink);color:var(--on-paper)}.on-composer,.on-create .on-answer,.on-draft-preview,.on-editor,.on-reader-text,.on-source-context,.on-tool-ask{border-color:var(--on-hairline)}.on-work-main:has(.on-draft-preview),.on-work-main:has(.on-editor){background:var(--on-linen)}.on-create,.on-create .on-chat-form,.on-create-scroll{background:var(--on-paper)}.on-workspace .on-btn:not(.primary):not(.danger):not([aria-pressed]){border-radius:10px;border-color:var(--on-hairline);background:var(--card)}.on-workspace .on-btn:not(.primary):not(.danger):not([aria-pressed]):hover:not(:disabled){background:var(--on-linen)}.on-workspace .on-btn.primary{border-radius:10px}.on-workspace .on-library-tabs .on-btn,.on-workspace .on-view-tabs .on-btn{border-color:transparent;background:transparent}.on-workspace .on-library-tabs .on-btn[aria-pressed=true],.on-workspace .on-view-tabs .on-btn[aria-pressed=true]{background:var(--card)}.on-sources input[placeholder]{background:var(--card);border-color:var(--on-hairline)}.on-workspace .on-btn[aria-pressed=false]:not(.on-draft-toolbar>.on-btn){background:transparent;border-color:transparent}.on-workspace .on-btn[aria-pressed=true]{border-radius:8px}.on-rail-search{margin-bottom:4px}.on-rail-group{margin-top:18px}.on-rail-group[data-tone]{margin-top:12px;padding:8px 6px 6px;border-radius:12px;background:color-mix(in srgb,var(--tone) 70%,transparent);border:1px solid color-mix(in srgb,var(--tone-ink) 18%,transparent)}.on-rail-heading{display:flex;align-items:center;gap:8px;margin:0 4px 4px;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--on-ink)}.on-rail-group[data-tone] .on-rail-heading{color:var(--tone-ink)}.on-rail-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:999px;background:var(--card);border:1px solid var(--on-hairline);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--on-ink-soft)}.on-rail-selected{margin-left:auto;font-size:11px;font-weight:500;color:var(--on-ink-soft)}.on-rail-dismiss{margin-left:auto;font-size:12px}.on-rail-links{display:flex;gap:16px;margin:8px 4px 0;font-size:12px}.on-rail-links .on-text-action{padding:0;min-height:28px;color:var(--on-ink-soft)}.on-rail-group .on-switch{margin:6px 0 4px;padding:8px 10px;font-size:12.5px}.on-source-text{display:flex;flex-flow:row wrap;align-items:center;column-gap:6px;row-gap:2px}.on-source-text>.on-source-title{order:0;flex-basis:100%}.on-source-text>.on-source-meta{order:1}.on-source-text>.on-new-badge{order:2;align-self:center;margin:0;padding:0 6px;font-size:10px;line-height:16px;border-radius:999px}.on-rail-group[data-tone] .on-source{background:var(--card);border-color:color-mix(in srgb,var(--tone-ink) 12%,transparent);margin-top:4px}.on-icon-dismiss{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:6px;border-radius:8px;color:var(--on-ink-soft)}.on-icon-dismiss:hover{background:var(--on-linen)}.on-rail-group .on-gmail-source-entry{display:grid;gap:4px;margin-top:10px;padding:10px;background:transparent;border:1px dashed var(--on-hairline)}.on-rail-group .on-gmail-source-entry .on-btn{min-height:36px}.on-rail-group .on-gmail-source-entry p{margin:0;font-size:11px;line-height:1.45;text-align:center}.on-rail-group[data-tone] .on-new-badge{display:none}.on-source-text>.on-source-meta{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.on-rail-group[data-tone]{padding:8px 4px 4px}.on-rail-group[data-tone] .on-source>button:not(.on-btn){padding:8px;gap:8px}.on-rail-group[data-tone] .on-source-check{padding-right:8px}.on-rail-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.on-rail-filter{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border:1px solid var(--on-hairline);border-radius:999px;background:var(--card);font-size:12px;font-weight:500;color:var(--on-ink)}.on-rail-filter span{font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--on-ink-soft)}.on-rail-filter:hover{border-color:color-mix(in srgb,var(--on-ink) 30%,transparent)}.on-rail-filter[aria-pressed=true]{background:var(--on-ink);border-color:var(--on-ink);color:var(--on-paper)}.on-rail-filter[aria-pressed=true] span{color:color-mix(in srgb,var(--on-paper) 75%,transparent)}.on-rail-heading{justify-content:space-between;margin:0 2px 4px}.on-rail-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 4px;border-radius:6px;font-size:12px;font-weight:600;color:inherit}.on-rail-toggle:hover{background:color-mix(in srgb,var(--on-ink) 6%,transparent)}.on-rail-toggle svg{transition:transform .16s ease-out}.on-rail-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.on-switch-compact{margin:0!important;padding:2px 4px!important;gap:6px;border:0;background:transparent;font-size:11px;font-weight:600;color:var(--on-ink-soft)}.on-switch-compact input{width:30px;height:17px}.on-switch-compact input:after{width:13px;height:13px}.on-switch-compact input:checked:after{transform:translateX(13px)}.on-rail-toggle{flex:1;min-width:0;justify-content:flex-start;text-align:left}.on-rail-toggle>span:first-of-type{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.on-rail-toggle>.on-rail-count,.on-rail-toggle>svg{flex-shrink:0}.on-grid{position:relative;grid-template-columns:var(--on-rail-width,clamp(320px,33vw,560px)) minmax(0,1fr)}.on-grid[data-sources=false]{grid-template-columns:minmax(0,1fr)}.on-rail-resizer{position:absolute;top:0;bottom:0;left:calc(var(--on-rail-width, clamp(320px, 33vw, 560px)) - 4px);z-index:5;width:8px;cursor:col-resize;touch-action:none}.on-rail-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background-color .14s ease-out}.on-rail-resizer:focus-visible:after,.on-rail-resizer:hover:after{background:var(--brand-yellow)}.on-rail-resizer:focus-visible{outline:none}.on-create-content{max-width:min(100%,clamp(640px,64%,1080px))}.on-create .on-answer{max-width:none}.on-create .on-answer>*{max-width:78ch}.on-reader{max-width:min(100%,clamp(680px,70%,1040px))}.on-tool-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.on-draft-preview,.on-draft-status,.on-editor{width:min(clamp(680px,72%,1000px),calc(100% - 32px))}.on-sources .on-scroll{padding:12px 14px 32px}.on-rail-heading{margin:0 0 4px}.on-rail-toggle{padding:0 8px 0 10px;margin-left:-2px}.on-rail-group[data-tone]{padding:6px}.on-rail-group[data-tone] .on-rail-heading{margin:0 0 2px}.on-rail-links{margin:8px 10px 0}.on-sources .on-source{margin-top:4px}@media (max-width:900px){.on-rail-resizer{display:none}.on-create-content,.on-reader{max-width:100%}.on-draft-preview,.on-draft-status,.on-editor{width:calc(100% - 24px)}}.on-reader-text{max-width:none;width:100%;margin-left:0;margin-right:0}.on-reader{max-width:min(100%,clamp(680px,78%,1040px))}.on-create-content{max-width:min(100%,clamp(640px,72%,1080px))}.on-app .on-switch input[type=checkbox]{appearance:none;box-sizing:border-box;position:relative;flex-shrink:0;width:36px;min-width:36px;height:20px;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--on-ink) 20%,transparent);accent-color:auto;cursor:pointer}.on-app .on-switch input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--on-ink) 30%,transparent);transition:transform .16s ease-out}.on-app .on-switch input[type=checkbox]:checked{background:var(--brand-yellow)}.on-app .on-switch input[type=checkbox]:checked:after{transform:translateX(16px)}.on-app .on-switch input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.on-app .on-switch-compact input[type=checkbox]{width:30px;min-width:30px;height:18px}.on-app .on-switch-compact input[type=checkbox]:after{width:14px;height:14px}.on-app .on-switch-compact input[type=checkbox]:checked:after{transform:translateX(12px)}.on-app .on-source-check input[type=checkbox]{appearance:none;box-sizing:border-box;display:grid;place-content:center;flex-shrink:0;width:20px;min-width:20px;height:20px;margin:0;padding:0;border:1.5px solid color-mix(in srgb,var(--on-ink) 30%,transparent);border-radius:999px;background:var(--card);cursor:pointer}.on-app .on-source-check input[type=checkbox]:checked{background:var(--on-ink);border-color:var(--on-ink)}.on-app .on-source-check input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}.on-switch-compact{display:inline-flex;flex-direction:row-reverse;align-items:center}.on-work-head>div>a.on-row{min-height:32px}.on-app .on-settings a.underline{display:inline-flex;align-items:center;min-height:32px}.on-source-check{align-self:stretch;min-width:36px;justify-content:center;padding:0 8px;cursor:pointer}.on-switch-compact{min-height:32px;padding:0 6px!important;cursor:pointer}.on-start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:4px 0 16px}.on-start-grid .on-tool[aria-pressed=true]{border-color:color-mix(in srgb,var(--tone-ink) 45%,var(--on-hairline));background:color-mix(in srgb,var(--tone) 40%,var(--card));box-shadow:0 0 0 1px color-mix(in srgb,var(--tone-ink) 25%,transparent)}.on-create-content>.on-source-context{margin-bottom:0}.on-create-content,.on-tools{container-type:inline-size}.on-start-grid,.on-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width: 820px){.on-start-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width: 600px){.on-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 420px){.on-start-grid,.on-tool-grid{grid-template-columns:1fr}}.on-mode-toolbar{gap:12px}.on-crumbs{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.on-crumb{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 8px;border-radius:10px;font-size:14px;font-weight:600;color:var(--on-ink)}.on-crumb:hover{background:var(--on-linen)}.on-crumb[aria-current=page]{background:var(--card);box-shadow:0 1px 3px color-mix(in srgb,var(--on-ink) 14%,transparent)}.on-crumb-sep{flex-shrink:0;color:var(--on-ink-soft)}.on-crumb-here{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;color:var(--on-ink)}.on-crumb-action{flex-shrink:0;gap:6px}.on-unsaved-dot{width:7px;height:7px;border-radius:999px;background:var(--brand-yellow);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-yellow) 30%,transparent)}.on-tools-lead{margin-top:4px}.on-tools-or{margin:16px 0 0;font-size:12px;font-weight:600;color:var(--on-ink-soft)}.on-tools-or+.on-tool-ask{margin-top:6px}@media (max-width:900px){.on-mode-toolbar{padding:8px 12px;min-height:0;gap:8px;display:flex}.on-mode-toolbar[data-creating=true]{display:none}.on-crumb{min-height:32px;font-size:13px}.on-crumb .on-companion-icon{display:none}.on-crumb-here{font-size:13px}.on-crumb-action{display:none}}.on-draft-toolbar{flex-wrap:wrap;align-items:center;gap:8px}.on-workspace .on-draft-actions>summary,.on-workspace .on-draft-toolbar>.on-btn:not(.primary){gap:6px;border:1px solid var(--on-hairline);border-radius:10px;background:var(--card)}.on-workspace .on-draft-toolbar>.on-btn[aria-pressed=true]{background:var(--on-linen)}.on-workspace .on-draft-actions>summary{display:inline-flex;align-items:center;min-height:var(--on-control-height);padding:0 14px;cursor:pointer;list-style:none}.on-draft-toolbar>.on-draft-status{width:auto;margin:0 0 0 auto;padding:0 4px}.on-answer-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.on-answer-foot .on-btn{gap:6px;text-decoration:none}.on-app .on-editor .on-title-input,.on-app .on-editor textarea{border:0;box-shadow:none}.on-app .on-editor .on-title-input:focus-visible,.on-app .on-editor textarea:focus-visible{outline:none}.on-editor:focus-within{border-color:color-mix(in srgb,var(--brand-yellow) 70%,var(--on-hairline));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-yellow) 22%,transparent),0 16px 40px -30px color-mix(in srgb,var(--on-ink) 55%,transparent)}.on-rail-empty{margin:16px 4px;padding:16px;border:1px dashed var(--on-hairline);border-radius:12px;text-align:center;font-size:13px;color:var(--on-ink-soft)}.on-rail-empty .on-text-action{margin-top:4px}.on-recent{margin:4px 0 20px}.on-recent h3{margin-bottom:8px;font-size:13px;font-weight:600;color:var(--on-ink-soft)}.on-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.on-recent-card{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1px solid var(--on-hairline);border-radius:12px;background:var(--card);text-align:left;transition:border-color .14s ease-out,transform .14s ease-out}.on-recent-card:hover{border-color:color-mix(in srgb,var(--on-ink) 30%,transparent);transform:translateY(-1px)}.on-recent-card strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600}.on-recent-card strong+span{display:block;font-size:11.5px;color:var(--on-ink-soft)}.on-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.on-preview-head h2{margin:0}.on-preview-head .on-btn{flex-shrink:0;gap:6px}.on-conflict{width:min(clamp(680px,72%,1000px),calc(100% - 32px));margin:16px auto 0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--brand-yellow) 70%,var(--on-hairline));border-radius:12px;background:var(--on-gold);color:var(--on-gold-ink)}.on-conflict p{margin-bottom:10px;font-size:13.5px}@media (prefers-reduced-motion:reduce){.on-recent-card:hover{transform:none}}.on-recent-list{grid-template-columns:1fr}@container (min-width: 640px){.on-recent-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.on-home-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);grid-template-areas:"start";gap:24px 32px}.on-home-layout[data-resume=true]{grid-template-areas:"resume start"}.on-home-layout[data-resume=false]{grid-template-columns:minmax(0,640px)}.on-home-layout .on-continue>.on-row{align-items:baseline}.on-archive-toggle{padding:0;min-height:28px;font-size:13px;color:var(--on-ink-soft)}.on-home-layout .on-book-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;background:transparent;border:0}.on-home-layout .on-book{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding:16px 18px;border:1px solid var(--on-hairline);border-radius:14px;background:var(--card);box-shadow:0 10px 26px -24px color-mix(in srgb,var(--on-ink) 55%,transparent);transition:border-color .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out}.on-home-layout .on-book:last-child{border-bottom:1px solid var(--on-hairline)}.on-home-layout .on-book:hover{background:var(--card);border-color:color-mix(in srgb,var(--on-ink) 28%,transparent);transform:translateY(-1px);box-shadow:0 14px 30px -22px color-mix(in srgb,var(--on-ink) 55%,transparent)}.on-home-layout .on-book h3{margin-bottom:4px;font-size:16.5px;font-weight:600;color:var(--on-ink)}.on-home-layout .on-book p{color:var(--on-ink-soft)}.on-book-tile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--on-gold);color:var(--on-gold-ink);font-family:var(--font-serif),Georgia,serif;font-size:20px}.on-home-layout .on-book-updates{margin-top:8px}.on-home-layout .on-book-updates:empty{display:none}.on-home-layout .on-new-badge{padding:1px 8px;border-radius:999px;font-size:11.5px}.on-home-layout .on-book-action{gap:6px;padding:6px 12px;border:1px solid var(--on-hairline);border-radius:999px;font-size:12.5px;font-weight:500;color:var(--on-ink);background:var(--on-paper)}.on-home-layout .on-book:hover .on-book-action{background:var(--brand-yellow);border-color:var(--brand-yellow)}.on-home-start-area{overflow:hidden;border:1px solid var(--on-hairline);border-radius:16px;background:var(--card);box-shadow:0 16px 36px -30px color-mix(in srgb,var(--on-ink) 60%,transparent)}.on-home-layout .on-home-gmail,.on-home-layout .on-independent,.on-home-layout .on-start{margin:0;padding:20px 22px;border:0;background:transparent}.on-home-layout .on-home-gmail,.on-home-layout .on-independent{border-top:1px solid var(--on-hairline)}.on-home-layout .on-start h2{font-size:20px}.on-start-form{gap:10px;margin-top:14px}.on-start-form .on-label{font-size:13px}.on-app .on-thinker-input input{border-radius:10px;border-color:var(--on-hairline);background:var(--on-paper);min-height:44px}.on-start-form .on-btn.primary{min-height:44px;border-radius:10px}.on-start-form .on-btn.primary:disabled{background:var(--on-linen);border-color:var(--on-hairline);color:color-mix(in srgb,var(--on-ink) 50%,transparent);opacity:1}.on-home-gmail h3,.on-independent h3{font-size:14.5px;font-weight:600;color:var(--on-ink)}.on-independent-action{text-decoration:none;font-weight:600;color:var(--on-ink)}.on-independent-action:hover{text-decoration:underline}.on-home-layout .on-home-gmail{display:flex;align-items:center;justify-content:space-between;gap:16px;grid-area:auto}.on-home-gmail>.min-w-0 p{margin-top:4px}.on-home-gmail .on-btn{flex-shrink:0;border-radius:10px}.on-home-head .on-home-actions .on-btn{border-radius:999px;border-color:var(--on-hairline);background:color-mix(in srgb,var(--card) 80%,transparent)}@media (max-width:900px){.on-home-layout,.on-home-layout[data-resume=false],.on-home-layout[data-resume=true]{display:flex;flex-direction:column}.on-home-layout .on-home-gmail{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.on-home-layout .on-book:hover{transform:none}}@media (max-width:520px){.on-home-layout .on-book{grid-template-columns:auto minmax(0,1fr);padding:14px}.on-home-layout .on-book-action{display:none}.on-book-tile{width:40px;height:40px;font-size:18px}}.on-book-avatar{border-radius:12px;box-shadow:0 0 0 1px var(--on-hairline)}.on-reader-scroll{container:reader/inline-size}.on-reader{max-width:min(100%,1240px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "side" "body";column-gap:28px}.on-reader-head{grid-area:head}.on-reader-side{grid-area:side;min-width:0}.on-reader-body{grid-area:body;min-width:0}.on-reader-side .on-reader-secondary{margin-top:16px;padding-top:0;border-top:0}@container reader (min-width: 900px){.on-reader{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"head head" "body side"}.on-reader-side{position:sticky;top:16px;align-self:start}.on-reader-side .on-tools{margin-top:24px}.on-reader-text{max-height:none}.on-reader-more,.on-reader-text[data-expanded=false]:after{display:none}.on-reader-side .on-tools{padding:16px}.on-reader-side .on-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.on-reader-side .on-tool{flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:10px}.on-reader-side .on-tool-icon{width:28px;height:28px;border-radius:8px}.on-reader-side .on-tool strong+span{font-size:11px}}.on-exchange{display:flex;flex-direction:column;gap:10px}.on-question-bubble{align-self:flex-end;max-width:85%;margin:0;padding:9px 14px;border-radius:16px 16px 4px 16px;background:var(--brand-yellow);color:var(--on-ink);font-size:14px;line-height:1.45;overflow-wrap:anywhere}.on-create .on-exchange+.on-exchange{margin-top:20px}.on-reader-side .on-tools{border-color:color-mix(in srgb,var(--brand-yellow) 60%,var(--on-hairline));background:linear-gradient(180deg,color-mix(in srgb,var(--on-gold) 70%,var(--card)) 0,var(--card) 180px);box-shadow:0 18px 44px -30px color-mix(in srgb,var(--on-ink) 65%,transparent)}.on-reader-side .on-tools h3{font-family:var(--font-serif),Georgia,serif;font-size:21px;font-weight:400;color:var(--on-ink)}.on-reader-thread{display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--on-hairline)}.on-reader-thread .on-answer{padding:14px 16px;font-size:14px;line-height:1.65;box-shadow:none}.on-reader-thread .on-answer-foot .on-btn{min-height:34px;padding:0 10px;font-size:12.5px}@container reader (min-width: 900px){.on-reader{grid-template-columns:minmax(0,1fr) minmax(400px,1.05fr);column-gap:32px}.on-reader-side .on-tools{display:flex;flex-direction:column;overflow:hidden}.on-reader-side .on-reader-thread{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:4px}.on-reader-text{margin-top:24px;padding:4px 0 0;border:0;background:transparent;color:var(--on-ink-soft);font-size:15px}.on-reader-text h3{margin-bottom:12px}.on-reader{grid-template-areas:"head side" "body side"}.on-reader-side{grid-row:1/span 2}.on-reader-side .on-tools{margin-top:0;max-height:calc(100dvh - 250px)}}.on-tools[data-has-thread=true] .on-tools-lead{display:none}.on-tools[data-has-thread=true] .on-tool-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.on-tools[data-has-thread=true] .on-tool{flex-direction:row;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 4px;border-radius:999px}.on-tools[data-has-thread=true] .on-tool-icon{width:24px;height:24px;border-radius:999px}.on-tools[data-has-thread=true] .on-tool-icon svg{width:13px;height:13px}.on-tools[data-has-thread=true] .on-tool strong{font-size:12px}.on-tools[data-has-thread=true] .on-tool strong+span{display:none}.on-tools[data-has-thread=true] .on-reader-thread{min-height:160px}.on-reader-thread .on-exchange{gap:6px}.on-reader-thread .on-answer{padding:12px 14px}.on-reader-thread .on-answer-actions{min-height:0;margin:0 0 6px;padding:0;border:0}.on-reader-thread .on-answer-sources{margin-top:10px;padding-top:10px}.on-reader-thread .on-answer-foot{margin-top:10px}@container reader (min-width: 900px){.on-reader-side .on-tools{max-height:calc(100dvh - 270px)}}.on-home-layout[data-resume=false]{display:block}.on-home-layout[data-resume=false] .on-home-start-area{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.on-home-layout[data-resume=false] .on-home-start-area>section{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:24px}.on-home-layout[data-resume=false] .on-home-start-area>section+section{border-top:0;border-left:1px solid var(--on-hairline)}.on-home-layout[data-resume=false] .on-home-gmail h3,.on-home-layout[data-resume=false] .on-independent h3,.on-home-layout[data-resume=false] .on-start h2{margin:0;font-family:inherit;font-size:16px;line-height:1.4;font-weight:600;color:var(--on-ink)}.on-home-layout[data-resume=false] .on-home-start-area p{margin-top:6px}.on-home-layout[data-resume=false] .on-home-start-area>section>:last-child{margin-top:18px;padding-top:0}.on-home-layout[data-resume=false] .on-start-form{margin-top:0}.on-home-layout[data-resume=false] .on-home-gmail .on-btn,.on-home-layout[data-resume=false] .on-independent-action{align-self:flex-start}.on-home-layout[data-resume=false] .on-independent-action{min-height:44px;padding:0 16px;border:1px solid var(--on-hairline);border-radius:10px;background:var(--card);font-size:14px}.on-start-create{align-self:flex-start;border-radius:10px}.on-home-layout:empty+.on-home-hero{margin-top:0}@media (max-width:900px){.on-home-layout[data-resume=false] .on-home-start-area{grid-template-columns:minmax(0,1fr)}.on-home-layout[data-resume=false] .on-home-start-area>section+section{border-left:0;border-top:1px solid var(--on-hairline)}}.on-cloud-list{list-style:none;margin:0;padding:0;border:1px solid var(--on-hairline);border-radius:10px;max-height:360px;overflow-y:auto;background:#fff}.on-cloud-list:empty{display:none}.on-cloud-list>li+li{border-top:1px solid var(--on-hairline)}.on-cloud-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:8px 12px;text-align:left;background:none;border:0;cursor:pointer;font:inherit;color:inherit}.on-cloud-item:hover{background:var(--on-linen)}.on-cloud-item>span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-cloud-item>input[type=checkbox]{width:18px;height:18px;flex:none}.on-cloud-search{display:flex;gap:8px;align-items:stretch}.on-cloud-search>input{flex:1;min-width:0}.on-cloud-path{display:flex;flex-wrap:wrap;align-items:center;gap:2px;font-size:14px}.on-cloud-path>span{display:inline-flex;align-items:center;gap:2px}.on-cloud-path button{background:none;border:0;padding:4px 6px;border-radius:6px;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.on-cloud-path button:hover:not(:disabled){background:var(--on-linen)}.on-cloud-path button:disabled{cursor:default;text-decoration:none;font-weight:600;opacity:1}.on-cloud-on{background:color-mix(in srgb,var(--on-linen) 70%,#f6c95a 30%)}.on-cloud-off{cursor:default;color:color-mix(in srgb,var(--on-ink) 50%,transparent)}.on-cloud-off:hover{background:none}.on-cloud-accounts{display:flex;flex-wrap:wrap;gap:8px}.on-cloud-accounts>button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border:1px solid var(--on-hairline);border-radius:10px;background:#fff;font:inherit;font-size:13px;color:inherit;cursor:pointer;text-align:left}.on-cloud-accounts>button>span{opacity:.7}.on-cloud-accounts>button[aria-pressed=true]{border-color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--on-ink)}.on-cloud-accounts>button:hover:not(:disabled){background:var(--on-linen)}