.bubble,.preview{white-space:pre-wrap;overflow-wrap:anywhere}.system-note{color:#898b8e;font-size:12px;line-height:1.8;padding:8px 3px}.file-chip{display:inline-flex;align-items:center;gap:7px;background:#f1f2f4;border-radius:12px;padding:8px 10px;font-size:12px;margin:5px 5px 5px 0;max-width:100%;overflow-wrap:anywhere}.file-chip svg{width:16px;height:16px;flex-shrink:0}.file-chip button{margin-left:6px;font-size:18px}.attachment-list{padding:0 8px 9px}.connection-state.online>span{background:#5d9c73}.file-hash{font-size:11px;overflow-wrap:anywhere;color:#999}.download-link{display:inline-block;text-decoration:none;margin-top:15px}.page-content>.secondary svg{width:16px;height:16px;vertical-align:middle;margin-right:5px}.page-content>.activity-row{max-width:700px;border-bottom:1px solid #eee}.step .dot svg{width:17px;height:17px}.profile-tab-content .memory-summary{padding:6px 9px;border-bottom:1px solid #eee}.memory-field{margin-bottom:14px}button:disabled{opacity:.4;cursor:not-allowed}.is-working{animation:lizz-breathe 2s ease-in-out infinite}.list-row .info{min-width:0}.list-row h3{overflow-wrap:anywhere}.page-content .activity-info strong{font-size:15px}.page-content .lead{line-height:1.8}@keyframes lizz-breathe{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.is-working{animation:none}}

/* Streaming updates must not queue smooth scrolls or trigger browser anchoring. */
.content {scroll-behavior:auto;overflow-anchor:none}

.org-tree {margin:24px 0 36px;padding:24px;border:1px solid #e4d9f2;border-radius:20px;background:#faf7ff}
.org-node {padding:12px 0}.org-node>small {display:block;color:#917ba8;margin-top:6px}
.org-children:not(:empty) {border-left:2px solid #ddd0ec;margin:16px 0 0 12px;padding-left:24px}
.page-content h2 {margin-top:32px}
.file-tabs {display:flex;gap:8px;margin:22px 0}
.file-tabs button {border:1px solid #e5daf3;background:transparent;border-radius:999px;padding:10px 22px;color:inherit;font:inherit;cursor:pointer}
.file-tabs button[aria-selected=true] {background:#eadcf9;color:#6838a8;border-color:#c7a5e8}

/* Verified employee entry and first-use introduction. */
.onboarding{margin:24px auto 32px;max-width:680px;line-height:1.8}.onboarding h2{font-size:28px;font-weight:600;margin:8px 0 20px}.eyebrow{color:#675482;font-size:14px}.identity-summary{display:grid;gap:4px;padding:16px 20px;border-left:3px solid #a58bcc;background:#f5f1fb;margin:20px 0}.identity-summary span,.onboarding-help{color:#6d6579;font-size:13px}.onboarding .row-actions{flex-wrap:wrap;margin-top:24px;gap:12px}.feature-list>div{padding:16px 0;border-bottom:1px solid #e7e1ef}.feature-list span{float:right;font-size:12px;color:#675482}.feature-list p{margin:4px 0;font-size:14px;color:#6d6579}.onboarding button:focus-visible,.login-card input:focus-visible{outline:2px solid #7960a0;outline-offset:3px}@media(max-width:480px){.onboarding h2{font-size:24px}.onboarding .row-actions{display:grid}.feature-list span{float:none;display:block}}
.work-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.work-heading h1,.work-heading h2{margin-bottom:8px}.work-section{margin:28px 0;padding-top:16px;border-top:1px solid var(--line,#e7e4ed)}.work-section h2{font-size:18px}.work-section summary{cursor:pointer;font-weight:600;padding:8px 0}.work-row .activity-info strong{white-space:normal;overflow-wrap:anywhere}.work-attention{background:#f4ecff;color:#7045a5}.work-form{display:grid;gap:12px;margin:24px 0}.work-form label{display:grid;gap:8px;font-size:14px}.work-form textarea,.work-form input:not([type=checkbox]),.work-form select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--line,#ded9e8);border-radius:8px;padding:10px 12px;background:var(--surface,#fff);color:inherit;font:inherit}.work-form textarea{min-height:96px;resize:vertical}.work-form button{justify-self:start}.work-check{display:flex!important;align-items:center}.work-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.work-notice .text-button{text-align:left;white-space:normal}.work-time{display:block;color:var(--muted,#6d6778);margin-top:4px}.work-goal{overflow-wrap:anywhere;white-space:pre-wrap}.work-warning{padding:12px;border:1px solid #b88a25;background:#fff8e9;border-radius:8px}@media(max-width:480px){.work-heading>.primary{width:100%}.work-notice{align-items:flex-start;flex-wrap:wrap}.work-form button{width:100%}}

/* Employee sign-in: a quiet form beside the Lizz brand portrait. */
.auth-startup {min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:var(--paper);color:var(--ink);text-align:center}
.auth-startup img {object-fit:contain}.auth-startup p {margin:0;max-width:420px;font-size:14px;line-height:1.8;color:#756780}
.auth-startup .primary {min-height:44px;padding:12px 24px}
.login-page {
  --login-muted:#756780; --login-border:#ddd3e8;
  display:grid; grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);
  min-height:100dvh; background:var(--paper); color:var(--ink);
}
.login-entry {display:flex;flex-direction:column;min-width:0;padding:32px 44px 28px}
.login-brand {display:flex;align-items:center;gap:10px;min-height:52px}
.login-brand img {object-fit:contain}
.login-brand>span:first-of-type {font-size:30px;font-weight:600;letter-spacing:-1px}
.login-brand-caption {border-left:1px solid var(--line);padding-left:16px;margin-left:6px;color:var(--login-muted);font-size:13px}
.login-center {display:grid;place-items:center;flex:1;padding:64px 0 80px}
.login-card {width:min(420px,100%)}
.login-card h1 {margin:0;text-align:center;font-size:32px;line-height:1.4;font-weight:600;letter-spacing:-.8px}
.login-intro {margin:12px 0 0;text-align:center;font-size:15px;line-height:1.8;color:var(--login-muted)}
.login-card form {display:grid;gap:22px;margin-top:40px}
.login-card label {display:grid;gap:10px;font-size:14px;line-height:1.5;font-weight:500}
.login-card input {width:100%;min-height:50px;border:1px solid var(--login-border);border-radius:10px;padding:12px 16px;background:#fff;color:var(--ink);font:inherit;font-weight:400;transition:border-color .15s,box-shadow .15s}
.login-card input::placeholder {color:var(--login-muted)}
.login-card input:hover {border-color:#b9a5d1}
.login-card input:focus {border-color:var(--violet);box-shadow:0 0 0 3px #7750c914}
.login-card .login-error {margin:-6px 0;font-size:13px;line-height:1.7;color:#a12c4a;overflow-wrap:anywhere}
.login-error:empty {display:none}
.login-card .login-submit {min-height:50px;border-radius:10px;font-size:15px;font-weight:500;margin-top:6px;background:var(--violet);color:#fff;transition:background .15s}
.login-card .login-submit:hover:not(:disabled) {background:var(--violet-deep)}
.login-card .login-submit:disabled {opacity:.65}
.login-help {margin:24px 0 0;text-align:center;font-size:12px;line-height:1.9;color:var(--login-muted)}
.login-footer {display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;line-height:1.7;color:var(--login-muted)}
.login-footer svg {width:16px;height:16px}
.login-story {
  position:relative;isolation:isolate;min-width:0;min-height:640px;overflow:hidden;
  color:#fff;
  background:radial-gradient(ellipse at 90% 85%,#9566c5 0,transparent 58%),
    radial-gradient(ellipse at 5% 5%,#7446a5 0,transparent 48%),#30164f;
}
.login-story::before {
  content:'';position:absolute;inset:0;pointer-events:none;z-index:3;border-radius:inherit;
  box-shadow:inset 0 0 80px #1e093b18;
}
.login-story::after {
  content:'';position:absolute;width:100%;height:1px;left:0;top:74%;
  background:linear-gradient(90deg,transparent,#e2c8ff25,transparent);transform:rotate(-28deg);
}
.login-art {position:absolute;inset:0 0 20%;display:grid;place-items:center}
.login-art-halo {
  position:absolute;width:115%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,#d6bbff3b 0,#b886e826 30%,transparent 66%);
}
.login-art-orbit {position:absolute;width:125%;aspect-ratio:1;border:1px solid #e6d3ff24;border-radius:50%;transform:rotate(-35deg) scaleY(.68)}
.login-art-orbit-outer {width:172%;border-color:#e6d3ff15;transform:rotate(-35deg) scaleY(.72)}
.login-art-orbit-inner::after {content:'';position:absolute;left:12%;top:12%;width:5px;height:5px;border-radius:50%;background:#e6d3ff;box-shadow:0 0 16px #dec2ff}
.login-record {
  position:relative;display:grid;place-items:center;width:78%;max-width:440px;aspect-ratio:1;border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 2px,#c7a3ee1c 2.5px 3px,transparent 3.5px 5px),
    conic-gradient(from 25deg,#1b102c,#584167 16%,#21122f 26%,#100b1c 43%,#634c73 64%,#251335 76%,#1b102c);
  border:1px solid #c9afe67a;
  box-shadow:inset 0 0 0 5px #110a20,inset 0 0 0 6px #a080bf50,0 24px 56px #15082380,0 0 60px #cba3ff18;
  animation:login-record-spin 32s linear infinite;
}
.login-record::before {content:'';position:absolute;inset:16%;border:1px solid #cfb3e333;border-radius:50%;box-shadow:0 0 0 6px #160d2450}
.login-record-label {
  position:relative;display:grid;place-items:center;width:55%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 28% 18%,#ffffffe6,transparent 60%),linear-gradient(145deg,#e4d6f5,#ac88cf);
  border:1px solid #ead7ffb3;box-shadow:0 0 0 5px #150b2480,inset 0 0 20px #fff3;
}
.login-record-label img {width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 5px #4a1e6c26)}
.login-record-label::after {content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:#2a183e;box-shadow:0 0 0 2px #e5d1f580}
@keyframes login-record-spin {from {transform:rotate(0deg)}to {transform:rotate(360deg)}}
.login-story:has(.login-motion-control input:checked) :is(.login-record,.login-type-line) {animation-play-state:paused}
.login-art-star {position:absolute;display:grid;place-items:center;color:#ecdaff}
.login-art-star svg {width:100%;height:100%;stroke-width:1}
.login-art-star-one {width:30px;height:30px;top:21%;right:16%;transform:rotate(12deg)}
.login-art-star-two {width:16px;height:16px;bottom:23%;left:16%;opacity:.65;transform:rotate(-12deg)}
.login-story-signature {position:absolute;left:6%;right:6%;bottom:24%;text-align:center}
.login-story-signature p {margin:0;font-size:clamp(24px,2.2vw,36px);font-weight:400;letter-spacing:2px;line-height:1.8;color:#f2e8fc}
/* Centered greetings: a brief reveal, a reading pause, then a slower erase. */
.login-story-signature .login-typewriter {--type-spacing:2px;display:grid;justify-items:center;width:100%;height:1.35em;margin:0 auto;text-align:left;letter-spacing:var(--type-spacing)}
.login-type-line {
  --characters:9;grid-area:1/1;display:block;width:2px;opacity:0;white-space:nowrap;overflow:hidden;
  border-right:2px solid currentColor;line-height:1.35;
  animation:login-type-cycle 10s linear infinite,login-caret-blink .8s step-end infinite;
}
.login-type-line:nth-child(2) {--characters:7;animation-delay:5s,0s}
@keyframes login-type-cycle {
  0% {width:2px;opacity:1}
  6%,38% {width:calc(var(--characters) * (1em + var(--type-spacing)) + 2px);opacity:1}
  47%,49.999% {width:2px;opacity:1}
  50%,100% {width:2px;opacity:0}
}
@keyframes login-caret-blink {0%,100% {border-right-color:currentColor}50% {border-right-color:transparent}}
.login-motion-control {position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0c5f333;border-radius:50%;color:#e0c5f3b3;cursor:pointer}
.login-motion-control:hover {background:#ffffff0d;color:#f2e8fc}
.login-motion-control input {position:absolute;width:1px;height:1px;opacity:0}
.login-motion-control:has(input:focus-visible) {outline:2px solid #ead7ff;outline-offset:4px}
.login-motion-control span {width:9px;height:11px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.login-motion-control input:checked+span {width:0;height:0;border:6px solid transparent;border-left:9px solid currentColor;border-right:0;margin-left:3px}
@media(min-width:1600px) {
  .login-entry {padding:40px 56px 32px}.login-card {width:460px}
}
@media(max-width:1100px) and (min-width:901px) {
  .login-entry {padding:28px}.login-brand-caption {display:none}
  .login-center {padding:56px 12px}
  .login-record {width:82%}.login-story-signature p {font-size:24px}
  .login-story-signature .login-typewriter {--type-spacing:2px}
}
@media(max-width:900px) {
  .login-page {grid-template-columns:1fr}.login-entry {min-height:100dvh;padding:24px}
  .login-brand img {width:44px;height:44px}.login-brand>span:first-of-type {font-size:27px}
  .login-brand-caption {font-size:12px;padding-left:12px;margin-left:2px}
  .login-center {padding:48px 0 56px}.login-card h1 {font-size:28px}
  .login-card input {font-size:16px}.login-card form {margin-top:32px}
  .login-story {display:none}.login-footer {font-size:11px}
}
@media(max-width:360px) {.login-entry {padding:20px}.login-brand-caption {font-size:11px}.login-intro {font-size:13px}}
@media(prefers-reduced-motion:reduce) {
  .login-card input,.login-card .login-submit {transition:none}
  .login-record,.login-type-line {animation:none}.login-motion-control {display:none}
  .login-type-line:first-child {width:max-content;opacity:1;border-right-color:transparent}
  .login-type-line:nth-child(2) {display:none}
}

/* Email verification login keeps the existing entry layout. */
.login-code-row{display:flex;align-items:stretch;gap:10px}
.login-code-row input{min-width:0;flex:1}
.login-code-row button{flex:none;min-width:112px;margin-top:9px;font-size:13px;white-space:nowrap}
.login-code-status{font-size:12px;line-height:1.6;color:var(--muted,#757575);margin:0}
.login-method{display:block;margin:14px auto 0;padding:5px;background:none;border:0;color:var(--muted,#686868);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.login-method:disabled{opacity:.5;cursor:wait}
@media(max-width:380px){.login-code-row{gap:7px}.login-code-row button{min-width:96px;padding-inline:9px}}