.mode-page{max-width:920px;margin:auto;padding:28px 24px 60px}.mode-brand{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:45px}.mode-home{font-size:.8rem;color:var(--muted);text-decoration:none}.mode-heading h1{font-size:2rem;line-height:1.4;margin:12px 0}.mode-heading p{color:var(--muted)}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:30px 0}.mode-choice{position:relative;display:block;text-align:left;padding:24px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--text);width:100%;min-height:165px}.mode-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.mode-choice h2{font-size:1.3rem;display:flex;gap:13px;align-items:center}.mode-choice p{font-size:.9rem;color:var(--muted);margin-top:12px}.mode-tag{background:var(--accent);padding:3px 9px;border-radius:6px;font-size:.7rem;font-weight:600;color:var(--ink)}.mode-radio{position:absolute;right:22px;top:27px;border:1px solid var(--subtle);border-radius:50%;width:18px;height:18px}.mode-choice[aria-pressed=true] .mode-radio{border:5px solid var(--accent);background:var(--accent-soft)}.mode-notice{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:26px}.mode-notice h2{font-size:1.1rem}.usage-list{padding-left:20px;margin:20px 0;font-size:.9rem;color:var(--muted)}.usage-list li{padding-left:3px;margin:15px 0;line-height:1.85}.usage-list strong{color:var(--text);font-weight:500}.notice-foot,.notice-policy{font-size:.8rem;line-height:1.9;color:var(--muted)}.mode-ack{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;margin:24px 0 18px}.mode-ack input{width:20px;height:20px;flex:none;margin-top:2px}.mode-continue{width:100%;min-height:52px}.mode-bottom{color:var(--muted);font-size:.8rem;margin-top:18px;text-align:center}.mode-success{padding:13px;background:#1a352c;color:#c7ebdb;border-radius:8px;font-size:.85rem;margin:18px 0}.offline-banner{padding:10px 20px;border-bottom:1px solid var(--line);font-size:.8rem;display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.offline-banner a{color:var(--blue)}.offline-preparation{padding:12px 16px;border:1px solid var(--line);border-radius:10px;font-size:.8rem;color:var(--muted);margin:15px 0}.offline-guide{margin-top:15px}.offline-guide summary{cursor:pointer;color:var(--blue)}.entry-more{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.entry-more summary{color:var(--link);cursor:pointer;font-size:.9rem}.account-line{display:flex;justify-content:space-between;gap:15px;align-items:center}.account-line a{font-size:.85rem}.account-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.account-links a{color:var(--blue);font-size:.85rem}@media(max-width:780px){.mode-page{padding:22px 20px 35px}.mode-brand{margin-bottom:30px}.mode-heading h1{font-size:1.7rem}.mode-heading p{font-size:.875rem}.mode-choices{grid-template-columns:1fr;margin:24px 0;gap:12px}.mode-choice{padding:20px;min-height:116px}.mode-choice h2{font-size:1.1rem}.mode-choice p{margin-top:7px;font-size:.82rem;max-width:85%}.mode-radio{right:20px;top:25px}.mode-notice{padding:21px}.usage-list{font-size:.82rem;margin:16px 0}.usage-list li{margin:13px 0}.mode-ack{font-size:.82rem}.workspace .sidebar{padding:16px 20px;border-bottom:1px solid var(--line)}.workspace .sidebar>.brand{margin-bottom:0}.workspace .sidebar nav{position:fixed;left:0;right:0;bottom:0;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#151512f5;border-top:1px solid var(--line);z-index:35;display:flex;gap:8px;backdrop-filter:blur(12px)}.workspace .sidebar nav .nav-item{min-height:48px;border-radius:10px;font-size:.82rem;padding:10px 8px}.workspace .sidebar-bottom{top:12px;right:20px}.workspace .topbar{display:none}.workspace .page-body{padding:24px 20px calc(90px + env(safe-area-inset-bottom))}.workspace .page-heading h1{font-size:1.6rem}.workspace .page-heading .eyebrow{display:none}.workspace .page-heading{gap:18px}.workspace .page-heading>.button{width:100%;min-height:46px;justify-content:center}.workspace .decision-aside{display:none}.workspace .question-card{padding:18px}.workspace .question-card label{margin-top:2px}.workspace .question-footer .button{min-height:50px}.workspace .question-card textarea{min-height:180px}.workspace .result-placeholder{padding:32px 12px}.workspace .settings-card{padding:21px}.workspace .sidebar .brand strong{font-size:.85rem}.workspace .sidebar .brand span{font-size:.65rem}.workspace .sidebar .brand-mark{width:36px;height:36px}.dialog-footer{position:sticky;bottom:0;background:var(--panel);padding-bottom:max(15px,env(safe-area-inset-bottom))}.dialog-footer>div{width:100%;flex-wrap:wrap}.dialog-footer button[type=submit]{flex:1;min-height:48px}.gate .gate-grid{padding:24px 0;gap:20px}.gate .gate-intro{display:none}.gate .vault-card{padding:22px}.offline-banner{font-size:.75rem}.workspace .sidebar-note{display:none}}
.button[hidden]{display:none}.mode-choice h2{padding-right:25px}
@media(max-width:780px){.workspace .sidebar{position:relative}.workspace .sidebar-bottom{max-width:112px}.workspace .storage-status{font-size:.65rem}}
.publisher-options{max-height:300px;overflow:auto;margin-top:20px}.publisher-dialog{width:760px}.publisher-dialog .dialog-body>p{margin-top:20px}.publisher-dialog .dialog-footer>div{flex-wrap:wrap}.publisher-dialog details summary{cursor:pointer}

/* Keep acknowledgement and the next action visible before the full notice. */
.mode-confirm{margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.mode-confirm .mode-ack{margin:0 0 18px}

/* Original supplied brand artwork, shown without cropping. */
.brand .brand-mark.brand-logo,.workspace .sidebar .brand-mark.brand-logo{width:72px;height:46px;flex:0 0 72px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.brand-mark.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.mode-brand .brand{min-width:0}.mode-home{flex-shrink:0}.workspace .sidebar>.brand{padding-right:0}
@media(max-width:780px){.workspace .sidebar .brand-mark.brand-logo{width:60px;height:40px;flex-basis:60px}.workspace .sidebar .brand{gap:11px}}
@media(max-width:380px){.mode-brand{gap:8px}.mode-brand .brand{gap:10px}.mode-brand .brand-mark.brand-logo{width:58px;height:40px;flex-basis:58px}.mode-brand .brand strong{font-size:.86rem}.mode-brand .brand span{font-size:.64rem}.mode-home{font-size:.72rem}}

.mode-choice[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:linear-gradient(120deg,#302d18,#22221a)}
.mode-choice:hover:not([aria-pressed=true]){border-color:var(--line-strong);background:var(--panel2)}

/* A clear invitation to the online community, with a quieter local option. */
.mode-choices{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:16px}
.mode-choice{padding:28px;cursor:pointer;transition:border-color .18s,background .18s;min-width:0}
.mode-choice:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.mode-choice-label{display:flex;align-items:center;gap:10px;padding-right:26px;color:var(--muted);font-size:.8rem;line-height:1.7;letter-spacing:.03em}
.mode-choice[aria-pressed=true] .mode-choice-label{color:#e9d778}
.mode-choice h2{display:block;margin:15px 0 8px;padding:0;font-size:1.5rem;line-height:1.4;letter-spacing:.015em}
.mode-choice p.mode-choice-intro{margin:0;max-width:none;font-size:.9rem;line-height:1.8;color:var(--text)}
.mode-benefits{display:grid;gap:15px;margin:23px 0}
.mode-benefits>span{display:block;padding-left:14px;border-left:2px solid #6d6230}
.mode-benefits strong{display:block;font-size:.85rem;line-height:1.7;font-weight:600;color:#e7dca7}
.mode-benefits>span>span{display:block;margin-top:3px;color:var(--muted);font-size:.8rem;line-height:1.85}
.mode-choice-note{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:22px;font-size:.72rem;line-height:1.85;color:var(--muted)}
.mode-choice p.mode-offline-detail{font-size:.85rem;max-width:none;margin:23px 0;line-height:1.95}
.mode-choice-offline{display:flex;flex-direction:column;align-items:stretch}
.mode-choice-offline .mode-choice-note{margin-top:auto}
@media(max-width:780px){.mode-choices{grid-template-columns:1fr;gap:15px}.mode-choice{padding:23px 22px}.mode-choice h2{font-size:1.4rem;margin-top:11px}.mode-choice-label{font-size:.78rem}.mode-choice p.mode-choice-intro{font-size:.86rem}.mode-benefits{gap:13px;margin:19px 0}.mode-benefits strong{font-size:.83rem}.mode-benefits>span>span{font-size:.78rem}.mode-choice-note{margin-top:18px;padding-top:13px}.mode-choice-offline .mode-choice-note{margin-top:4px}.mode-choice p.mode-offline-detail{margin:17px 0;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.mode-choice{transition:none}}

.mode-choice-online h2{flex-wrap:wrap;column-gap:0;row-gap:2px}.mode-community-hint{font-size:.65em;font-weight:500;color:var(--muted)}
@media(max-width:780px){.workspace .sidebar nav{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:24px;padding:9px 8px;box-shadow:0 8px 30px #0005}.workspace .sidebar nav .nav-item{border-radius:16px}.workspace .page-body{padding-bottom:calc(130px + env(safe-area-inset-bottom))}}

.mode-choices{align-items:start;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.mode-choice-offline{padding:20px;min-height:0;align-self:start}.mode-choice-offline h2{font-size:1.1rem;margin:8px 0}.mode-choice-offline p.mode-choice-intro{font-size:.8rem;margin:5px 0}.mode-choice-offline p.mode-offline-detail{font-size:.75rem;line-height:1.7;margin:12px 0}.mode-choice-offline .mode-choice-note{padding-top:9px;margin-top:2px}.mode-choice-offline .mode-choice-label{font-size:.72rem}@media(max-width:780px){.mode-choices{grid-template-columns:1fr}.mode-choice-offline{padding:16px 20px}.mode-choice-offline h2{font-size:1.08rem}.mode-choice-offline .mode-radio{top:20px}.mode-choice-online h2{font-size:1.35rem}}

.mode-heading h1{margin:0;line-height:1.35}.mode-next-bar{display:none}.mode-confirm{scroll-margin-top:24px}@media(max-width:780px){.mode-page{padding-top:18px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.mode-brand{margin-bottom:22px}.mode-heading h1{font-size:clamp(1.3rem,5.3vw,1.65rem);margin:0}.mode-choices{margin-top:20px}.mode-next-bar{display:block;position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:50;padding:8px;border:1px solid var(--line);border-radius:18px;background:#151512f5;box-shadow:0 5px 24px #0005;backdrop-filter:blur(12px)}.mode-next-bar[hidden]{display:none}.mode-next-bar .button{width:100%;min-height:46px;border-radius:12px;font-size:.88rem}}

/* Terms are readable before the affirmative action; optional AI stays separate. */
.legal-intro{margin-bottom:24px;line-height:1.85}.legal-intro h2{font-size:1.28rem;line-height:1.5;margin:0 0 16px}.legal-intro p{margin:12px 0}.legal-intro a,.mode-ack a,.cloud-check a,.legal-footer a{text-decoration:underline;text-underline-offset:3px}.mode-decline{display:flex;justify-content:center;margin-top:12px;text-decoration:none}.mode-ai-choice{padding:0;border:0;border-radius:0}.legal-footer{line-height:1.8}.legal-footer p{margin:12px 0}.legal-footer a{overflow-wrap:anywhere}

.mode-online-entry .mode-confirm{border:0;padding:0;margin:0}.mode-online-entry .mode-continue{min-height:52px}

/* Usage choices live below appearance in My settings. */
.mode-settings .mode-page{padding:0;max-width:none;margin:0}
.mode-settings .mode-brand,.mode-settings .mode-next-bar{display:none!important}
.mode-settings .mode-heading h2{margin:0 0 8px;font-size:20px}
.mode-settings .mode-heading p{margin:0;font-size:14px;line-height:1.7}
.mode-settings .mode-choices{margin:20px 0;gap:14px;grid-template-columns:1fr 1fr}
.mode-settings .mode-choice{padding:22px;min-width:0}
.mode-settings .mode-choice h2{font-size:20px;margin:10px 0}
.mode-settings .mode-choice .mode-benefits{margin:16px 0}
.mode-settings .mode-confirm{margin:14px 0 0}
.mode-settings .mode-bottom{font-size:12px;line-height:1.7;margin:14px 0 0}
.mode-settings .mode-continue{width:100%}
@media(max-width:780px){.mode-settings .mode-choices{grid-template-columns:1fr}.mode-settings .mode-choice{padding:20px}.mode-settings .mode-choice h2{font-size:19px}}