:root{color-scheme:light;--c-bg: #FFFFFF;--c-sidebar: #F6F7F7;--c-panel: #F8F9F9;--c-surface: #FFFFFF;--c-sunken: #F0F2F2;--c-border: #E4E7E8;--c-border-strong: #8C9599;--c-text: #16191B;--c-muted: #5C6468;--c-subtle: #6B7377;--c-primary: #16191B;--c-primary-hover: #2C3236;--c-on-primary: #FFFFFF;--c-on-primary-muted: #A7AFB3;--c-accent: #1F6F78;--c-accent-hover: #185A62;--c-accent-soft: #E4F1F2;--c-on-accent: #FFFFFF;--c-success: #2E7D4F;--c-success-soft: #E3F1E8;--c-success-ink: #1F5E3A;--c-warning: #B7791F;--c-warning-soft: #FBF0D9;--c-warning-ink: #8A5A12;--c-danger: #B42318;--c-danger-soft: #FBE5E2;--c-danger-ink: #B42318;--c-info: #2F6DB5;--c-info-soft: #E3EDF8;--c-info-ink: #245A96;--c-on-danger: #FFFFFF;--scrim: rgb(21 25 28 / .4);--bw: 1px;--border: var(--bw) solid var(--c-border-strong);--border-subtle: var(--bw) solid var(--c-border);--border-dashed: var(--bw) dashed var(--c-border-strong);--elev-1: 0 1px 2px rgb(22 25 27 / .05);--elev-composer: 0 1px 2px rgb(22 25 27 / .04), 0 6px 20px rgb(22 25 27 / .06);--elev-overlay: 0 8px 28px rgb(22 25 27 / .12);--focus-ring: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-accent);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--font-sans: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Thai", sans-serif;--font-serif: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;--fs-display: 1.75rem;--fs-heading: 1.125rem;--fs-body: 1rem;--fs-ui: .875rem;--fs-small: .75rem;--tracking-title: -.015em;--tracking-caps: .06em;--t-fast: .12s;--t-base: .2s;--t-slow: .28s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--sidebar-w: 264px;--sidebar-w-collapsed: 64px;--content-w: 720px;--header-h: 0px;--bottomnav-h: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}:root[data-theme=dark]{color-scheme:dark;--c-bg: #141617;--c-sidebar: #0F1112;--c-panel: #191C1D;--c-surface: #222628;--c-sunken: #1F2224;--c-border: #2B3033;--c-border-strong: #5E676B;--c-text: #E9ECED;--c-muted: #A7AFB3;--c-subtle: #8C9498;--c-primary: #E9ECED;--c-primary-hover: #FFFFFF;--c-on-primary: #141617;--c-on-primary-muted: #4A5155;--c-accent: #5FB8C0;--c-accent-hover: #7CC7CE;--c-accent-soft: #16353A;--c-on-accent: #0B1A1C;--c-success: #4CC38A;--c-success-soft: #133324;--c-success-ink: #7DDBA9;--c-warning: #E0A23B;--c-warning-soft: #3A2B10;--c-warning-ink: #F2C46D;--c-danger: #F07065;--c-danger-soft: #3D1A17;--c-danger-ink: #F59A91;--c-info: #6AA6E8;--c-info-soft: #172A42;--c-info-ink: #9CC4F0;--c-on-danger: #141617;--scrim: rgb(0 0 0 / .6);--elev-1: none;--elev-composer: 0 0 0 1px var(--c-border);--elev-overlay: 0 8px 28px rgb(0 0 0 / .45)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--c-bg: #141617;--c-sidebar: #0F1112;--c-panel: #191C1D;--c-surface: #222628;--c-sunken: #1F2224;--c-border: #2B3033;--c-border-strong: #5E676B;--c-text: #E9ECED;--c-muted: #A7AFB3;--c-subtle: #8C9498;--c-primary: #E9ECED;--c-primary-hover: #FFFFFF;--c-on-primary: #141617;--c-on-primary-muted: #4A5155;--c-accent: #5FB8C0;--c-accent-hover: #7CC7CE;--c-accent-soft: #16353A;--c-on-accent: #0B1A1C;--c-success: #4CC38A;--c-success-soft: #133324;--c-success-ink: #7DDBA9;--c-warning: #E0A23B;--c-warning-soft: #3A2B10;--c-warning-ink: #F2C46D;--c-danger: #F07065;--c-danger-soft: #3D1A17;--c-danger-ink: #F59A91;--c-info: #6AA6E8;--c-info-soft: #172A42;--c-info-ink: #9CC4F0;--c-on-danger: #141617;--scrim: rgb(0 0 0 / .6);--elev-1: none;--elev-composer: 0 0 0 1px var(--c-border);--elev-overlay: 0 8px 28px rgb(0 0 0 / .45)}}@media (max-width: 720px){:root{--header-h: 56px;--bottomnav-h: calc(64px + env(safe-area-inset-bottom, 0px)) }}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;accent-color:var(--c-accent)}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-sans);font-weight:600;line-height:1.3;color:var(--c-text);margin:0 0 var(--space-3);text-wrap:balance}h1{font-size:var(--fs-display);line-height:1.2;letter-spacing:var(--tracking-title)}h2,h3{font-size:var(--fs-heading);letter-spacing:-.005em}h4{font-size:var(--fs-ui);font-weight:600;line-height:1.4;margin:0 0 var(--space-2)}p{margin:0 0 var(--space-3)}a{color:var(--c-accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--c-accent-hover);text-decoration-thickness:2px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}::selection{background:var(--c-accent-soft);color:var(--c-text)}input,textarea{caret-color:var(--c-accent)}::placeholder{color:var(--c-subtle);opacity:1}time,.num{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-border);border:2px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--c-border-strong)}.muted{color:var(--c-muted)}.small{font-size:var(--fs-small)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{max-width:1040px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-8)}.eyebrow{font-family:var(--font-sans);font-weight:600;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--c-muted)}@media (max-width: 720px){.page{padding:var(--space-5) var(--space-4) var(--space-7)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-4);border:var(--bw) solid var(--c-primary);border-radius:var(--radius-md);background:var(--c-primary);color:var(--c-on-primary);font-family:var(--font-sans);font-size:var(--fs-ui);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.btn svg{flex-shrink:0}.btn:hover:not(:disabled),.btn:active:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover);color:var(--c-on-primary)}.btn--primary{background:var(--c-accent-soft);border-color:var(--c-accent-soft);color:var(--c-accent)}.btn--primary:hover:not(:disabled),.btn--primary:active:not(:disabled){background:var(--c-surface);border-color:var(--c-accent);color:var(--c-accent)}.btn--ghost{background:var(--c-surface);border-color:var(--c-border-strong);color:var(--c-text)}.btn--ghost:hover:not(:disabled),.btn--ghost:active:not(:disabled){background:var(--c-sunken);border-color:var(--c-border-strong);color:var(--c-text)}.btn--danger{background:var(--c-danger);border-color:var(--c-danger);color:var(--c-on-accent)}.btn--danger:hover:not(:disabled),.btn--danger:active:not(:disabled){background:color-mix(in srgb,var(--c-danger) 85%,var(--c-text));border-color:transparent;color:var(--c-on-accent)}.btn--lg{min-height:48px;padding:var(--space-3) var(--space-5);font-size:var(--fs-body)}.btn--block{width:100%}.btn:disabled{background:var(--c-sunken);border-color:var(--c-border);color:var(--c-muted);cursor:not-allowed}.btn[aria-busy=true]{cursor:progress}.badge{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap;padding:2px var(--space-2);border:var(--bw) solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-ui);font-weight:600;line-height:1.4}.badge--primary{background:var(--c-accent-soft);border-color:transparent;color:var(--c-accent)}.badge--success{background:var(--c-success-soft);border-color:transparent;color:var(--c-success-ink)}.badge--warning{background:var(--c-warning-soft);border-color:transparent;color:var(--c-warning-ink)}.badge--danger{background:var(--c-danger-soft);border-color:transparent;color:var(--c-danger-ink)}.badge--info{background:var(--c-info-soft);border-color:transparent;color:var(--c-info-ink)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);align-self:flex-start;padding:2px var(--space-3);margin-bottom:var(--space-3);border:var(--border-subtle);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-ui);font-weight:600}.pill--quiet{background:var(--c-sunken);margin:0}.alert{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:var(--bw) solid transparent;border-radius:var(--radius-sm);color:var(--c-text);font-size:var(--fs-body)}.alert svg{flex-shrink:0;margin-top:2px}.alert__title{display:block;font-weight:600}.conflict__text{margin:var(--space-1) 0 var(--space-3)}.conflict__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.alert--success{background:var(--c-success-soft);border-color:color-mix(in srgb,var(--c-success) 30%,transparent)}.alert--success svg{color:var(--c-success-ink)}.alert--warning{background:var(--c-warning-soft);border-color:color-mix(in srgb,var(--c-warning) 35%,transparent)}.alert--warning svg{color:var(--c-warning-ink)}.alert--danger{background:var(--c-danger-soft);border-color:color-mix(in srgb,var(--c-danger) 30%,transparent)}.alert--danger svg{color:var(--c-danger-ink)}.alert--info{background:var(--c-info-soft);border-color:color-mix(in srgb,var(--c-info) 30%,transparent)}.alert--info svg{color:var(--c-info-ink)}.card{background:var(--c-surface);border-radius:var(--radius-sm);box-shadow:var(--elev-1);padding:var(--space-5)}.card>h2{margin-bottom:var(--space-4)}.card--form{padding:var(--space-6)}.card--primary{background:var(--c-accent-soft);box-shadow:none}.card--dark{background:var(--c-primary);color:var(--c-on-primary);box-shadow:none}.card--dark h2{color:var(--c-on-primary)}.card__head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.card__head h2{margin:0}.icon-box{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--c-accent-soft);color:var(--c-accent);transition:background var(--t-fast) var(--ease-out)}.icon-box--sm{width:32px;height:32px}.icon-box--primary{background:var(--c-accent-soft);color:var(--c-accent)}.icon-box--success{background:var(--c-success-soft);color:var(--c-success-ink)}.icon-box--warning{background:var(--c-warning-soft);color:var(--c-warning-ink)}.icon-box--danger{background:var(--c-danger-soft);color:var(--c-danger-ink)}.icon-box--info{background:var(--c-info-soft);color:var(--c-info-ink)}.field{display:block;margin-bottom:var(--space-5)}.field:last-child{margin-bottom:0}.field__label{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--fs-ui);font-weight:600;color:var(--c-text)}.field__req{font-weight:400;color:var(--c-muted)}.input{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);outline:none;line-height:1.5;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.input::placeholder{color:var(--c-muted);opacity:1}.input:hover:not(:disabled):not(:focus){border-color:var(--c-text)}.input:focus{border-color:var(--c-accent);box-shadow:var(--focus-ring)}.input[aria-invalid=true]{border-color:var(--c-danger)}.input:disabled{background:var(--c-sunken);border-color:var(--c-border);color:var(--c-muted);cursor:not-allowed}textarea.input{resize:vertical;min-height:96px}select.input{cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chips--tags{margin-top:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:var(--space-1) var(--space-3);border:var(--border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-ui);font-weight:600;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.chip:hover:not(:disabled){background:var(--c-accent-soft)}.chip:disabled{background:var(--c-sunken);color:var(--c-subtle);cursor:not-allowed}.chip--on,.chip--on:hover{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-accent)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:0 var(--space-1) 0 var(--space-3);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-sunken);font-size:var(--fs-ui);font-weight:600}.tag__remove{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-muted)}.tag__remove:hover{background:var(--c-danger-soft);color:var(--c-danger-ink)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-7) var(--space-5);border:var(--border-dashed);border-radius:var(--radius-lg);background:var(--c-bg)}.empty__icon{color:var(--c-subtle);margin-bottom:var(--space-1)}.empty .btn{margin-top:var(--space-3)}.empty p{margin:0}.loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7);color:var(--c-muted)}.spinner{width:18px;height:18px;border:2px solid var(--c-border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onboarding{min-height:100vh;min-height:100dvh}.split{max-width:1200px;margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-8);display:grid;grid-template-columns:5fr 7fr;gap:var(--space-7);align-items:start}.split--profile{grid-template-columns:4fr 8fr;max-width:1120px}.split__intro{position:sticky;top:var(--space-6);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.split--profile .split__intro{top:calc(var(--header-h) + var(--space-5))}.split__intro h1{font-size:clamp(40px,5vw,64px)}.split__lead{font-size:19px;margin-bottom:var(--space-4)}.split__form{min-width:0}.onboarding .muted,.page-header .muted{color:var(--c-text)}.company-form{display:flex;flex-direction:column}.company-form .card--form{padding:var(--space-5) var(--space-6) var(--space-6)}.company-form .card__head{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-subtle)}.company-form .card__head h2{font-size:var(--fs-heading)}.section-label{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-7) 0 var(--space-1)}.section-label h2{margin:0}.section-label__hint{margin:0 0 var(--space-4);max-width:60ch;color:var(--c-muted);font-size:var(--fs-ui)}.details-group{display:flex;flex-direction:column;border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-surface);box-shadow:var(--elev-1);overflow:hidden}.details+.details{border-top:var(--border-subtle)}.details summary{list-style:none;display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-5);cursor:pointer;font-size:var(--fs-body);font-weight:600;transition:background var(--t-fast) var(--ease-out)}.details summary::-webkit-details-marker{display:none}.details summary:hover{background:var(--c-sunken)}.details summary:focus-visible{outline-offset:-2px}.details__meta{margin-left:auto;color:var(--c-subtle);font-size:var(--fs-small);font-weight:500}.details__chevron{flex-shrink:0;color:var(--c-muted);transition:transform var(--t-base) var(--ease-out)}.details[open] .details__chevron{transform:rotate(180deg)}.details[open] summary{border-bottom:var(--border-subtle)}.details__body{padding:var(--space-5)}.meter{display:flex;align-items:center;gap:var(--space-3)}.meter__label{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--c-muted);font-size:var(--fs-small);font-weight:600;white-space:nowrap}.meter__track{width:120px;height:6px;border-radius:var(--radius-pill);background:var(--c-sunken);overflow:hidden}.meter__fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--c-accent);transition:width var(--t-slow) var(--ease-out)}.meter--done .meter__label{color:var(--c-success-ink)}.meter--done .meter__fill{background:var(--c-success)}.form-submit{position:sticky;bottom:calc(var(--bottomnav-h) + var(--space-4));z-index:2;margin-top:var(--space-6);padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--elev-overlay)}.form-submit .alert{margin-bottom:var(--space-3)}.form-submit__hint{margin:var(--space-2) 0 0;color:var(--c-muted);font-size:var(--fs-ui);text-align:center}.page.profile{max-width:1040px;display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--space-6);align-items:start;padding-top:var(--space-5)}.profile__aside{position:sticky;top:calc(var(--header-h) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-4)}.profile__form{min-width:0}.summary__head{display:flex;align-items:center;gap:var(--space-3)}.summary__avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-text);font-size:var(--fs-heading);font-weight:600}.summary__who{min-width:0}.summary__name{margin:0;font-size:var(--fs-heading);overflow-wrap:anywhere}.summary__tagline{margin:2px 0 0;color:var(--c-muted);font-size:var(--fs-ui)}.summary__list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:var(--border-subtle)}.summary__list dt{margin-bottom:2px;color:var(--c-subtle);font-size:var(--fs-small);font-weight:500}.summary__list dd{margin:0;font-size:var(--fs-ui)}.summary__list .chips{gap:6px}.summary__updated{display:flex;align-items:center;gap:6px;color:var(--c-muted)}.account{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.account__title{margin:0;font-size:var(--fs-ui);color:var(--c-muted)}.account__email{margin:0 0 var(--space-2);font-size:var(--fs-ui);overflow-wrap:anywhere}.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-md);background:var(--c-sunken)}.segmented__btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:32px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-muted);font-size:var(--fs-ui);font-weight:500;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.segmented__btn:hover{color:var(--c-text)}.segmented__btn[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);font-weight:600;box-shadow:var(--elev-1),0 0 0 1px var(--c-border)}.segmented__count{min-width:20px;padding:0 6px;border-radius:var(--radius-pill);background:transparent;color:var(--c-subtle);font-size:var(--fs-small);line-height:18px;text-align:center;font-variant-numeric:tabular-nums}.segmented__btn[aria-pressed=true] .segmented__count{background:var(--c-sunken);color:var(--c-muted)}.boot{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);background:var(--c-sunken)}.boot__box{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:left}.boot__box .brand--lg{margin-bottom:var(--space-2)}.boot__box .loading{padding:var(--space-4)}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.checklist__item{display:flex;gap:var(--space-2);align-items:flex-start;padding:8px 10px;border:var(--border-dashed);border-radius:var(--radius-md);font-size:14px}.checklist__item svg{flex-shrink:0;margin-top:1px}.checklist__item--done{border:var(--border);background:var(--c-success-soft);font-weight:600}@media (max-width: 960px){.page.profile{grid-template-columns:1fr}.profile__aside{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.split,.split--profile{grid-template-columns:1fr;gap:var(--space-6)}.split__intro{position:static}}@media (max-width: 720px){.page{padding:var(--space-5) var(--space-4) var(--space-7)}.split{padding:var(--space-6) var(--space-4) var(--space-7)}.card,.card--form,.company-form .card--form,.details__body{padding:var(--space-4)}.details summary{padding:var(--space-3) var(--space-4)}.page.profile{grid-template-columns:1fr;gap:var(--space-5)}.profile__aside{position:static;grid-template-columns:1fr}.company-form .card__head{flex-direction:column;align-items:flex-start}.page-header__aside,.segmented{width:100%}.segmented__btn{flex:1;justify-content:center;padding:10px 8px}}.datetime{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--space-2)}.shell{display:flex;min-height:100vh;min-height:100dvh}.main{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:var(--bottomnav-h)}.topbar{position:sticky;top:0;z-index:20;flex-shrink:0;width:var(--sidebar-w);height:100vh;height:100dvh;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-4);background:var(--c-sidebar);color:var(--c-text);border-right:var(--border-subtle);transition:width var(--t-base) var(--ease-out)}.topbar__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:40px;padding-left:var(--space-3);margin-bottom:var(--space-4)}.topbar__brand{color:inherit;text-decoration:none;border-radius:var(--radius-sm)}.topbar__brand:hover{color:inherit}.topbar__toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--c-muted);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.topbar__toggle:hover{background:var(--c-sunken);color:var(--c-text)}.topbar__new,.nav__link,.topbar .bell__btn,.topbar .icon-btn{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-3);width:100%;height:36px;min-width:0;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;box-shadow:none;color:var(--c-muted);font-size:var(--fs-ui);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.topbar__new svg,.nav__link svg,.topbar .bell__btn svg,.topbar .icon-btn svg{flex-shrink:0}.nav__link:hover,.topbar .bell__btn:hover,.topbar .bell__btn[aria-expanded=true],.topbar .icon-btn:hover:not(:disabled){background:var(--c-sunken);color:var(--c-text)}.topbar .icon-btn:disabled{background:transparent;color:var(--c-subtle)}.topbar__new{margin-bottom:var(--space-3);border:var(--border-subtle);background:var(--c-surface);color:var(--c-text);font-weight:600;box-shadow:var(--elev-1)}.topbar__new:hover{background:var(--c-sunken);color:var(--c-text)}.nav{display:flex;flex-direction:column;gap:2px}.nav__link.active{background:var(--c-sunken);color:var(--c-text);font-weight:600}.nav__link.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:var(--radius-pill);background:var(--c-accent)}.topbar__actions{margin-top:auto;display:flex;flex-direction:column;gap:2px;padding-top:var(--space-3);border-top:var(--border-subtle)}.topbar .bell__btn:after{content:"Reminders"}.topbar .icon-btn:not(.icon-btn--label):after{content:"Sign out"}.topbar .bell__count{position:static;order:2;margin-left:auto}.bell{position:relative}.bell__btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:var(--border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text)}.bell__count{position:absolute;top:3px;right:3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--c-danger);color:var(--c-on-danger);font-size:var(--fs-small);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.bell__panel{position:absolute;left:calc(100% + var(--space-2));bottom:0;z-index:30;width:min(380px,calc(100vw - var(--sidebar-w) - var(--space-6)));padding:var(--space-3);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);box-shadow:var(--elev-overlay)}.brand{display:inline-flex;align-items:center;font-family:var(--font-serif);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;line-height:1;color:inherit}.brand--lg{font-size:var(--fs-display);margin-bottom:var(--space-5);color:var(--c-text)}.brand__word{display:inline-block;padding-bottom:5px;border-bottom:2px solid currentColor}.brand__mark{display:none;place-items:center;width:32px;height:32px;border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-surface);font-size:var(--fs-heading)}.page-header__inner{max-width:1040px;margin:0 auto;padding:var(--space-7) var(--space-6) var(--space-2);display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-5)}.page-header h1{margin-bottom:var(--space-1)}.page-header__sub{max-width:60ch;margin:0;color:var(--c-muted)}.page--narrow{max-width:880px;width:100%}.topbar--collapsed{width:var(--sidebar-w-collapsed);padding-left:var(--space-3);padding-right:var(--space-3)}.topbar--collapsed .topbar__head{flex-direction:column;padding:0;gap:var(--space-2)}.topbar--collapsed .brand__word,.topbar--collapsed .topbar__new span,.topbar--collapsed .nav__link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar--collapsed .brand__mark{display:grid}.topbar--collapsed .topbar__new,.topbar--collapsed .nav__link,.topbar--collapsed .bell__btn,.topbar--collapsed .icon-btn{justify-content:center;padding:0}.topbar--collapsed .bell__btn:after,.topbar--collapsed .icon-btn:not(.icon-btn--label):after{content:none}.topbar--collapsed .bell__count{position:absolute;top:1px;right:2px}@media (min-width: 721px) and (max-width: 1024px){.topbar{width:var(--sidebar-w-collapsed);padding-left:var(--space-3);padding-right:var(--space-3)}.topbar__toggle{display:none}.topbar__head{flex-direction:column;padding:0}.topbar .brand__word,.topbar__new span,.nav__link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar .brand__mark{display:grid}.topbar__new,.nav__link,.topbar .bell__btn,.topbar .icon-btn{justify-content:center;padding:0}.topbar .bell__btn:after,.topbar .icon-btn:not(.icon-btn--label):after{content:none}.topbar .bell__count{position:absolute;top:1px;right:2px}}@media (max-width: 720px){.shell{display:block}.topbar,.topbar--collapsed{width:auto;height:var(--header-h);flex-direction:row;align-items:center;gap:var(--space-1);padding:0 var(--space-2) 0 var(--space-4);border-right:0;border-bottom:var(--border-subtle)}.topbar__head,.topbar--collapsed .topbar__head{flex-direction:row;margin:0 auto 0 0;padding:0;min-height:0}.topbar__toggle{display:none}.topbar .brand__word{position:static;width:auto;height:auto;clip:auto}.topbar .brand__mark{display:none}.topbar__new,.topbar .bell__btn,.topbar .icon-btn{width:44px;height:44px;margin:0;justify-content:center;padding:0;border:0;background:transparent;box-shadow:none}.topbar__new span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar .bell__btn:after,.topbar .icon-btn:not(.icon-btn--label):after{content:none}.topbar .bell__count{position:absolute;top:6px;right:4px}.topbar__actions{flex-direction:row;margin:0;padding:0;border:0}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;flex-direction:row;gap:0;height:var(--bottomnav-h);padding:0 var(--space-2) env(safe-area-inset-bottom,0px);background:var(--c-surface);border-top:var(--border-subtle)}.nav__link,.topbar--collapsed .nav__link{flex:1;flex-direction:column;justify-content:center;gap:4px;height:64px;padding:0;border-radius:0;font-size:var(--fs-small)}.nav__link span,.topbar--collapsed .nav__link span{position:static;width:auto;height:auto;clip:auto}.nav__link:hover{background:transparent}.nav__link.active{background:transparent;color:var(--c-accent);box-shadow:inset 0 2px 0 var(--c-accent)}.nav__link.active:before{content:none}.bell__panel{position:fixed;left:var(--space-4);right:var(--space-4);bottom:auto;top:calc(var(--header-h) + var(--space-2));width:auto}.page-header__inner{padding:var(--space-6) var(--space-4) var(--space-2)}}.topbar__convs{display:flex;flex-direction:column;gap:var(--space-1);min-height:0;margin-top:var(--space-4);overflow-y:auto}.topbar__label{margin:0;padding:0 var(--space-3);font-size:var(--fs-small);font-weight:600;color:var(--c-subtle);letter-spacing:0}.convs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.conv{position:relative;display:flex;align-items:center;border-radius:var(--radius-md)}.conv:hover,.conv:focus-within{background:var(--c-sunken)}.conv--active{background:var(--c-sunken)}.conv--active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:var(--radius-pill);background:var(--c-accent)}.conv__main{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;height:36px;padding:0 var(--space-1) 0 var(--space-3);border:0;background:transparent;color:var(--c-muted);font-size:var(--fs-ui);text-align:left}.conv__main svg{flex-shrink:0}.conv--active .conv__main,.conv__main:hover{color:var(--c-text)}.conv--active .conv__main{font-weight:600}.conv__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv__new{flex-shrink:0;padding:0 6px;border-radius:var(--radius-pill);background:var(--c-accent-soft);color:var(--c-accent);font-size:var(--fs-small);font-weight:600;line-height:18px}.conv__close{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;margin-right:var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-subtle);opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.conv:hover .conv__close,.conv:focus-within .conv__close,.conv--active .conv__close{opacity:1}.conv__close:hover:not(:disabled){background:var(--c-border);color:var(--c-text)}.conv__close:disabled{cursor:not-allowed}@media (hover: none){.conv__close{opacity:1}}.topbar--collapsed .topbar__convs{display:none}@media (max-width: 1024px){.topbar__convs{display:none}}.btn--sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--fs-ui)}.btn--ghost.btn--sm{border-color:transparent;background:transparent}.btn--ghost.btn--sm:hover:not(:disabled){background:var(--c-sunken);border-color:transparent}.btn--ghost.btn--sm[aria-pressed=true]{background:var(--c-accent-soft);color:var(--c-accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:36px;height:36px;padding:0 var(--space-2);border:var(--border);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-ui);font-weight:600;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.icon-btn:hover:not(:disabled){background:var(--c-sunken)}.icon-btn:disabled{background:var(--c-sunken);border-color:var(--c-border);color:var(--c-subtle);cursor:not-allowed}.icon-btn--label{padding:0 var(--space-3)}.icon-btn--sm{min-width:32px;height:32px;padding:0;border-color:transparent;background:transparent;color:var(--c-muted)}.icon-btn--sm:hover:not(:disabled){color:var(--c-text)}.icon-btn--sm:disabled{background:transparent;border-color:transparent}.link-btn{padding:0;border:0;background:none;font-weight:600;color:var(--c-accent);text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--c-accent-hover);text-decoration-thickness:2px}.input--sm{min-height:32px;padding:var(--space-1) var(--space-2);font-size:var(--fs-ui)}.spinner--sm{width:14px;height:14px;border-width:2px;flex-shrink:0}.spin{animation:spin 1s linear infinite}.field__error{margin:6px 0 0;font-size:var(--fs-ui);font-weight:500;color:var(--c-danger-ink)}.field__hint{margin:6px 0 0}.field--compact{margin-bottom:var(--space-4)}.field--compact textarea.input{min-height:72px}.chat-page{display:flex;flex-direction:column;height:calc(100dvh - var(--header-h) - var(--bottomnav-h));min-height:0;background:var(--c-bg)}.chat-page>.loading,.chat-page>.page{margin:auto}.chat__col{width:100%;max-width:calc(var(--content-w) + 2 * var(--space-5));margin:0 auto;padding:0 var(--space-5)}.chat-start{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-7) var(--space-5)}.chat-start__inner{width:100%;max-width:var(--content-w);margin:auto;display:flex;flex-direction:column;gap:var(--space-4)}.chat-start__greeting{margin:0;font-size:var(--fs-display)}.chat-start__lead{margin:0 0 var(--space-3);color:var(--c-muted)}.chat-start__status{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--c-muted);font-size:var(--fs-ui)}.chat-start .alert{margin:0}.type-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.type-chip{grid-column:span 2}.type-chip:nth-child(4){grid-column:2 / span 2}.type-chip:nth-child(5){grid-column:4 / span 2}.type-chip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);text-align:center;line-height:1.3;border:var(--border-subtle);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-ui);font-weight:500;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.type-chip svg{flex-shrink:0;color:var(--c-muted)}.type-chip:hover:not(:disabled){background:var(--c-sunken);border-color:var(--c-border-strong)}.type-chip:disabled{color:var(--c-subtle);cursor:progress}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(420px,44%,640px)}.workspace--compare{grid-template-columns:minmax(300px,30%) minmax(0,1fr)}.workspace__toggle{display:none}.workspace__chat{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-head{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-5);border-bottom:var(--border-subtle)}.chat-head__text{flex:1;min-width:0}.chat-head__type{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-small);color:var(--c-muted)}.chat-head__title{margin:0;font-size:var(--fs-ui);font-weight:600;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switcher{position:relative;display:none}.switcher__count{padding:0 6px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-muted);font-size:var(--fs-small)}.switcher__panel{position:absolute;right:0;top:calc(100% + var(--space-1));z-index:30;width:min(320px,calc(100vw - 32px));padding:var(--space-2);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--elev-overlay)}.chat__scroll{position:relative;flex:1;overflow-y:auto;padding:var(--space-6) 0 var(--space-5)}.chat__thread{display:flex;flex-direction:column;gap:var(--space-6)}.msg{display:flex;align-items:flex-start;gap:var(--space-3);animation:msg-in var(--t-base) var(--ease-out)}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}}.msg--user{justify-content:flex-end}.msg__avatar{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;margin-top:2px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-muted);font-size:var(--fs-small);font-weight:600}.msg--error .msg__avatar{background:var(--c-danger-soft);color:var(--c-danger-ink)}.msg__stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0;flex:1}.msg--user .msg__stack{align-items:flex-end}.msg__body{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.msg--user .msg__body{max-width:80%;padding:10px var(--space-4);border-radius:var(--radius-lg);background:var(--c-sunken)}.msg--error .msg__body{padding:var(--space-3) var(--space-4);border:var(--bw) solid color-mix(in srgb,var(--c-danger) 30%,transparent);border-radius:var(--radius-md);background:var(--c-danger-soft)}.msg--sending .msg__body{opacity:.7}.msg__status{color:var(--c-muted);font-size:var(--fs-small)}.bubble-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bubble-quote{margin:0;color:var(--c-muted);font-size:var(--fs-ui);font-style:italic;overflow-wrap:anywhere}.chat-notice{align-self:center;margin:0;color:var(--c-muted);font-size:var(--fs-small);text-align:center}.draft-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:28px;padding:0 var(--space-2);border:var(--border-subtle);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-small);font-weight:600;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.draft-chip:hover{background:var(--c-sunken);color:var(--c-text)}.draft-chip__live{color:var(--c-accent)}.draft-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.draft-chip--delete:hover{color:var(--c-danger)}.typing{display:flex;align-items:center;gap:var(--space-2);min-height:28px;color:var(--c-muted);font-size:var(--fs-ui)}.typing__dots{display:inline-flex;gap:4px}.typing__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--c-muted);animation:pulse 1.2s infinite var(--ease-out)}.typing__dot:nth-child(2){animation-delay:.2s}.typing__dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.chat__dock{padding:var(--space-2) 0 calc(var(--space-4) + env(safe-area-inset-bottom,0px))}.composer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:var(--border-subtle);border-radius:var(--radius-xl);background:var(--c-surface);box-shadow:var(--elev-composer);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.composer:focus-within{border-color:var(--c-border-strong);box-shadow:var(--elev-composer),var(--focus-ring)}.composer textarea{flex:1;min-width:0;max-height:160px;padding:6px 0;border:0;outline:none;background:transparent;font-size:var(--fs-body);line-height:1.6;resize:none;field-sizing:content}.composer__send{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:var(--radius-pill);background:var(--c-primary);color:var(--c-on-primary);transition:background var(--t-fast) var(--ease-out)}.composer__send:hover:not(:disabled){background:var(--c-primary-hover)}.composer__send:disabled{background:var(--c-sunken);color:var(--c-subtle);cursor:not-allowed}.panel{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--c-panel);border-left:var(--border-subtle);animation:panel-in var(--t-slow) var(--ease-out)}@keyframes panel-in{0%{opacity:0;transform:translate(16px)}}.panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-3);min-height:56px;padding:var(--space-2) var(--space-5);border-bottom:var(--border-subtle)}.panel__body{flex:1;overflow-y:auto;padding:var(--space-5)}.panel__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:var(--border-subtle);background:var(--c-panel)}.panel-tabs{display:flex;gap:var(--space-4);align-self:stretch}.panel-tab{position:relative;padding:0;border:0;background:none;color:var(--c-muted);font-size:var(--fs-ui);font-weight:500;transition:color var(--t-fast) var(--ease-out)}.panel-tab{display:inline-flex;align-items:center;gap:var(--space-2)}.panel-tab:hover{color:var(--c-text)}.panel-tab__dot{width:8px;height:8px;border-radius:var(--radius-pill)}.panel-tab__dot--new{background:var(--c-accent)}.panel-tab__dot--changed{background:var(--c-warning)}.panel-tab[aria-selected=true]{color:var(--c-text);font-weight:600}.panel-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--space-2) - 1px);height:2px;border-radius:var(--radius-pill);background:var(--c-accent)}.stepper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.stepper__nav{display:inline-flex;align-items:center}.stepper__label{min-width:64px;text-align:center;font-size:var(--fs-ui);font-weight:600}.stepper__note{color:var(--c-muted);font-size:var(--fs-small)}.save-state{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--c-muted);font-size:var(--fs-small);font-weight:500;white-space:nowrap}.save-state--ok svg{color:var(--c-success)}.save-state--warn{color:var(--c-warning-ink)}.finish{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-width:0}.finish>.btn{flex-shrink:0}.finish__hint{margin:0;color:var(--c-muted);font-size:var(--fs-small);text-align:right}.social{max-width:var(--content-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--elev-1);transition:opacity var(--t-base) var(--ease-out)}.social--updating{opacity:.7}.social__head{display:flex;align-items:flex-start;gap:var(--space-3)}.social__avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-text);font-weight:600}.social__who{flex:1;display:flex;flex-direction:column;min-width:0;font-size:var(--fs-ui);line-height:1.4}.social__where{color:var(--c-muted)}.social__when{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--c-subtle);font-size:var(--fs-small)}.social__image{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);min-height:160px;padding:var(--space-5);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-sunken)}.social__headline{font-size:var(--fs-heading);font-weight:600;line-height:1.3}.social__placeholder{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--c-subtle);font-size:var(--fs-ui)}.social__caption{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.social__empty{margin:0;padding:var(--space-5);border:var(--border-dashed);border-radius:var(--radius-md);color:var(--c-muted);text-align:center;font-size:var(--fs-ui)}.social__tags{margin:0;color:var(--c-accent);overflow-wrap:anywhere}.social__cta{margin:0;font-weight:600;overflow-wrap:anywhere}.social-facts{max-width:var(--content-w);margin:var(--space-4) auto 0;padding:var(--space-4) var(--space-5);border:var(--border-subtle);border-radius:var(--radius-lg);color:var(--c-muted);font-size:var(--fs-ui)}.social-facts h3{margin:0 0 var(--space-1);color:var(--c-text);font-size:var(--fs-ui);font-weight:600}.social-facts p{margin:0 0 var(--space-3);font-size:var(--fs-small)}.social-facts ul{display:grid;gap:var(--space-1);margin:0;padding-left:1.1em}.finish-dialog__lead{margin:0 0 var(--space-4);color:var(--c-muted)}.finish-dialog__facts{display:grid;gap:var(--space-2);margin:0 0 var(--space-5);font-size:var(--fs-ui)}.finish-dialog__facts div{display:grid;grid-template-columns:8.5rem 1fr;gap:var(--space-3)}.finish-dialog__facts dt{color:var(--c-muted)}.finish-dialog__facts dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finish-dialog__label{margin:0 0 var(--space-2);font-size:var(--fs-ui);font-weight:600}.text-proof{margin:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-sunken);white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow-y:auto}.compare{display:flex;flex-direction:column;gap:var(--space-3)}.compare__legend{margin:0;color:var(--c-muted);font-size:var(--fs-small)}.compare__cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.compare__col{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface)}.compare__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}del.diff{background:var(--c-danger-soft);color:var(--c-danger-ink);text-decoration:line-through;border-radius:var(--radius-sm);padding:0 1px}ins.diff{background:var(--c-success-soft);color:var(--c-success-ink);text-decoration:underline;text-underline-offset:3px;border-radius:var(--radius-sm);padding:0 1px}.details-form{max-width:var(--content-w);margin:0 auto}.details-form__lead{margin:0 0 var(--space-4);color:var(--c-muted);font-size:var(--fs-ui)}.details-form__group{min-width:0;margin:0 0 var(--space-5);padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-surface)}.details-form__title{margin:0 0 var(--space-3);font-size:var(--fs-ui);font-weight:600}.details-view{margin:0}.details-view__row{padding:var(--space-2) 0;border-top:var(--border-subtle)}.details-view__row:first-child{border-top:0}.details-view dt{color:var(--c-muted);font-size:var(--fs-small)}.details-view dd{margin:2px 0 0;overflow-wrap:anywhere}.details-view__requirement{display:block;font-size:var(--fs-small);color:var(--c-muted)}.details-view dd{white-space:pre-wrap}.panel__head h2{margin:0;font-size:var(--fs-ui)}.generated-result{display:grid;gap:var(--space-4)}.generated-field{min-width:0;padding:var(--space-4);border:var(--border-subtle);border-radius:var(--radius-md);background:var(--c-surface)}.generated-field__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.generated-field__head h3{margin:0;font-size:var(--fs-ui)}.generated-field__text,.generated-field li{white-space:pre-wrap;overflow-wrap:anywhere}.workspace--details .workspace__chat{display:none}@media (min-width: 961px){.workspace--details .workspace__chat{display:flex}}@media (max-width: 960px){.workspace--details .workspace__preview{display:flex}.workspace--completed{display:flex;flex-direction:column;overflow-y:auto}.workspace--completed .workspace__chat{display:flex;flex:none;max-height:45dvh}.workspace--completed .workspace__preview{display:flex;flex:none}}.modal{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:0;background:transparent;color:inherit;overflow:visible}.modal::backdrop{background:var(--scrim)}.modal[open] .modal__box{animation:modal-in var(--t-slow) var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}}.modal__box{display:flex;flex-direction:column;max-height:calc(100dvh - 48px);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--elev-overlay)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3)}.modal__head h2{margin:0}.modal__body{padding:var(--space-2) var(--space-5) var(--space-5);overflow-y:auto}.modal__foot{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:var(--border-subtle)}.finished{flex:1;overflow-y:auto;padding:var(--space-7) var(--space-5)}.finished__box{max-width:var(--content-w);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4)}.finished__badge{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;margin:0;padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--c-success-soft);color:var(--c-success-ink);font-size:var(--fs-small);font-weight:600}.finished__title{margin:0;overflow-wrap:anywhere}.finished__note{margin:calc(-1 * var(--space-2)) 0 0;color:var(--c-muted)}.finished .social,.finished .social-facts{margin:0;max-width:none}.finished__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (max-width: 1024px){.switcher{display:block}}@media (max-width: 960px){.workspace,.workspace--compare{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.workspace__toggle{display:block;padding:var(--space-2) var(--space-4);border-bottom:var(--border-subtle)}.workspace__toggle .segmented{width:100%}.workspace__toggle .segmented__btn{flex:1;justify-content:center}.workspace--chat .workspace__preview,.workspace--preview .workspace__chat{display:none}.panel{border-left:0;animation:none}}@media (max-width: 720px){.chat__col{padding:0 var(--space-4)}.chat-head,.panel__head,.panel__foot{padding-left:var(--space-4);padding-right:var(--space-4)}.panel__body{padding:var(--space-4)}.details-bar{bottom:calc(-1 * var(--space-4));margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4)}.chat-start{padding:var(--space-6) var(--space-4)}.msg--user .msg__body{max-width:88%}.compare__cols{grid-template-columns:1fr}.panel__foot,.finish{flex-direction:column;align-items:stretch}.finish__hint{text-align:left}.modal{width:100vw;max-width:100vw;max-height:92dvh;margin:auto 0 0}.modal__box{max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}.modal__body,.modal__head,.modal__foot{padding-left:var(--space-4);padding-right:var(--space-4)}.finished{padding:var(--space-5) var(--space-4)}}@media (prefers-reduced-motion: reduce){.typing__dot{animation:none;opacity:.6}.msg,.panel{animation:none}}.timeline{display:flex;flex-direction:column;gap:var(--space-6);padding-top:var(--space-5)}.page.timeline{max-width:1040px}.time-tile__time{white-space:nowrap}.timeline>.alert{margin-bottom:0}.type-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.type-filter__chip{gap:6px}.type-filter__chip svg{flex-shrink:0}.type-filter__count{min-width:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-muted);font-size:var(--fs-small);line-height:18px;text-align:center}.chip--on .type-filter__count{background:var(--c-surface);color:var(--c-accent)}.tl-section{display:flex;flex-direction:column;gap:var(--space-3)}.tl-section__title{margin:0;font-size:var(--fs-heading)}.tl-section__toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2) 0 0;border:0;border-radius:var(--radius-md);background:none;font:inherit;letter-spacing:inherit;color:var(--c-text)}.tl-section__toggle:hover .tl-section__chevron{color:var(--c-text)}.tl-section__count{min-width:24px;padding:0 8px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-muted);font-size:var(--fs-small);font-weight:600;line-height:22px;text-align:center}.tl-section__chevron{color:var(--c-muted);transition:transform var(--t-base) var(--ease-out)}.tl-section__toggle[aria-expanded=false] .tl-section__chevron{transform:rotate(-90deg)}.tl-section__body{display:flex;flex-direction:column;gap:var(--space-5)}.tl-day{display:flex;flex-direction:column}.tl-day__title{position:sticky;top:var(--header-h);z-index:1;margin:0;padding:var(--space-2) 0;background:var(--c-bg);color:var(--c-muted);font-size:var(--fs-ui);font-weight:600;letter-spacing:0}.post-list{display:flex;flex-direction:column;border-top:var(--border-subtle)}.post{border-bottom:var(--border-subtle)}.post__head{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);width:100%;min-height:52px;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:var(--c-text);text-align:left;transition:background var(--t-fast) var(--ease-out)}.post__head:hover,.post--open .post__head{background:var(--c-sunken)}.post--open .post__head{border-radius:var(--radius-md) var(--radius-md) 0 0}.time-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.2}.time-tile__time{font-size:var(--fs-ui);font-weight:600}.time-tile__soon{font-size:var(--fs-small);font-weight:600;color:var(--c-accent)}.time-tile--soon .time-tile__time{color:var(--c-accent)}.time-tile--none{color:var(--c-subtle);font-size:var(--fs-small);font-weight:500}.post__main{display:flex;flex-direction:column;gap:2px;min-width:0}.post__type{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--c-muted);font-size:var(--fs-small);font-weight:500}.post__title{font-size:var(--fs-body);font-weight:600;line-height:1.35;overflow-wrap:anywhere}.post__excerpt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-muted);font-size:var(--fs-ui)}.post__facts{display:flex;flex-wrap:wrap;gap:2px var(--space-3);margin-top:2px}.post__fact{color:var(--c-text);font-size:var(--fs-small);font-weight:500;overflow-wrap:anywhere}.post__fact-label{color:var(--c-subtle);font-weight:400}.post__badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.post__chevron{color:var(--c-muted);transition:transform var(--t-base) var(--ease-out)}.post--open .post__chevron{transform:rotate(180deg)}.post__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5);margin-bottom:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-5) calc(72px + var(--space-2) + var(--space-4));border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--c-sunken);animation:row-open var(--t-base) var(--ease-out)}@keyframes row-open{0%{opacity:0}}.post__card{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-w);padding:var(--space-5);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--elev-1)}.post__copy-field h4,.post__field h4{margin:0 0 var(--space-1);color:var(--c-muted);font-size:var(--fs-small);font-weight:600}.post__copy-field p,.post__field p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.post__caption{line-height:1.6}.post__headline{font-size:var(--fs-heading);font-weight:600;line-height:1.3}.post__headline span{display:block;margin-top:var(--space-1);font-size:var(--fs-body);font-weight:400}.post__keyinfo{margin:0;padding-left:var(--space-5)}.post__keyinfo li+li{margin-top:var(--space-1)}.post__empty{margin:0;color:var(--c-muted)}.post__field{min-width:0}.post__field--wide{grid-column:1 / -1}.post__field .chips{gap:6px}.post__details{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3) var(--space-5);margin:0}.post__details dt{color:var(--c-subtle);font-size:var(--fs-small)}.post__details dd{margin:2px 0 0;font-size:var(--fs-ui);font-weight:500;overflow-wrap:anywhere;white-space:pre-wrap}.post__actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-2)}.post__delete{margin-left:auto;color:var(--c-danger-ink)}.post__delete:hover:not(:disabled){background:var(--c-danger-soft);border-color:transparent;color:var(--c-danger-ink)}.post__body>.field__error{grid-column:1 / -1;margin:0}@media (max-width: 720px){.timeline{gap:var(--space-5)}.post__head{grid-template-columns:68px minmax(0,1fr) auto;gap:var(--space-3);padding-right:var(--space-2)}.post__badges{grid-column:2;grid-row:2;justify-content:flex-start}.post__chevron{grid-column:3;grid-row:1 / span 2}.post__body{grid-template-columns:1fr;padding:var(--space-4)}.post__card{padding:var(--space-4)}.post__details{grid-template-columns:1fr}.post__delete{margin-left:0}}@media (prefers-reduced-motion: reduce){.tl-section__chevron,.post__chevron{transition:none}.post__body{animation:none}}.bell__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2) var(--space-3);margin-bottom:var(--space-1);border-bottom:var(--border-subtle)}.bell__head>div{display:flex;flex-direction:column}.bell__head h3{margin:0;font-size:var(--fs-heading)}.bell__sub{color:var(--c-muted);font-size:var(--fs-small)}.bell__readall{flex-shrink:0}.bell__list{max-height:min(60vh,480px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-top:var(--space-1)}.bell__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);color:var(--c-muted);font-size:var(--fs-ui);text-align:center}.bell__error{margin:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--c-danger-soft);color:var(--c-danger-ink);font-size:var(--fs-ui)}.bell__divider{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-3) var(--space-2) var(--space-1);color:var(--c-subtle);font-size:var(--fs-small);font-weight:600}.bell__divider:after{content:"";flex:1;border-top:var(--border-subtle)}.reminder{display:flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-md);transition:background var(--t-fast) var(--ease-out)}.reminder:hover,.reminder:focus-within{background:var(--c-sunken)}.reminder__link{flex:1;display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);color:var(--c-text);text-decoration:none}.reminder__link:hover{color:var(--c-text)}.reminder__link:focus-visible{outline-offset:-2px;border-radius:var(--radius-md)}.reminder__icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--c-sunken);color:var(--c-muted)}.reminder__icon--warning{background:var(--c-warning-soft);color:var(--c-warning-ink)}.reminder__icon--info{background:var(--c-info-soft);color:var(--c-info-ink)}.reminder__icon--success{background:var(--c-success-soft);color:var(--c-success-ink)}.reminder__icon--danger{background:var(--c-danger-soft);color:var(--c-danger-ink)}.reminder__icon--primary{background:var(--c-accent-soft);color:var(--c-accent)}.reminder__text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.reminder__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-ui);font-weight:600}.reminder__dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--c-accent)}.reminder__message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--c-muted);font-size:var(--fs-ui)}.reminder__meta{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:var(--c-subtle);font-size:var(--fs-small);font-weight:500}.reminder--read .reminder__link{opacity:.7}.reminder--read:hover .reminder__link,.reminder--read:focus-within .reminder__link{opacity:1}.reminder--read .reminder__title{font-weight:500}.reminder--read .reminder__icon{background:var(--c-sunken);color:var(--c-muted)}.reminder__mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin-right:var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--c-muted);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.reminder__mark:hover{background:var(--c-success-soft);color:var(--c-success-ink)}.due{position:fixed;right:var(--space-4);bottom:calc(var(--bottomnav-h) + var(--space-4));z-index:50;display:flex;flex-direction:column;gap:var(--space-2);width:min(380px,calc(100vw - 2 * var(--space-4)))}.due__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border:var(--border-subtle);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);box-shadow:var(--elev-overlay);animation:due-in var(--t-slow) var(--ease-out)}@keyframes due-in{0%{opacity:0;transform:translateY(8px)}}.due__text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--fs-ui)}.due__message{color:var(--c-muted)}.due__actions{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:var(--space-1);font-weight:600}.due__link{padding:0;border:0;background:none;color:var(--c-accent);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.due__close{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:none;color:var(--c-muted)}.due__close:hover{background:var(--c-sunken);color:var(--c-text)}@media (max-width: 720px){.bell__list{max-height:calc(100dvh - var(--header-h) - var(--bottomnav-h) - 120px)}}@media (prefers-reduced-motion: reduce){.due__item{animation:none}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;background:var(--c-sidebar)}.auth-page__inner{width:100%;max-width:1040px;margin:auto;padding:var(--space-7) var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:var(--space-8);align-items:center}.auth-page__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);max-width:460px}.auth-page__intro .brand--lg{margin-bottom:var(--space-4)}.auth-page__title{margin:0;font-size:var(--fs-display)}.auth-page__lead{margin:0 0 var(--space-4);color:var(--c-muted)}.auth{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.auth .segmented{display:flex;width:100%}.auth .segmented__btn{flex:1;justify-content:center;min-height:36px}.auth-form{padding:var(--space-6);box-shadow:var(--elev-overlay)}.auth-form h2{margin:0 0 var(--space-5);font-size:var(--fs-heading)}.auth-form .field{margin-bottom:var(--space-4)}.auth-form .field__hint{margin:var(--space-1) 0 0;color:var(--c-muted);font-size:var(--fs-small)}.auth-form .field__hint:empty{display:none}.auth-form .field__error{margin:var(--space-1) 0 0;font-size:var(--fs-small)}.auth-form .btn--lg{margin-top:var(--space-2)}.auth-form .alert{margin-bottom:var(--space-4)}.onboarding__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.how{width:100%;margin-top:var(--space-3);padding-top:var(--space-5);border-top:var(--border-subtle)}.how__title{margin:0 0 var(--space-4);color:var(--c-muted);font-size:var(--fs-ui);font-weight:600;letter-spacing:0}.how__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.how__step{position:relative;display:flex;align-items:flex-start;gap:var(--space-3)}.how__step:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:calc(-1 * var(--space-4) + 4px);width:1px;background:var(--c-border)}.how__num{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:var(--border-subtle);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-muted);font-size:var(--fs-small);font-weight:600;font-variant-numeric:tabular-nums}.how__body{display:flex;flex-direction:column;padding-top:3px}.how__body strong{font-size:var(--fs-ui);font-weight:600}.how__text{color:var(--c-muted);font-size:var(--fs-ui)}@media (max-width: 960px){.auth-page__inner{grid-template-columns:1fr;gap:var(--space-6);max-width:520px;padding:var(--space-6) var(--space-5);align-items:start;align-content:start}.auth-page__intro{max-width:none}.auth-page__intro .how{display:none}}@media (max-width: 720px){.auth-page{background:var(--c-bg)}.auth-page__inner{margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}.auth-form{padding:var(--space-5) var(--space-4);box-shadow:none}}