#kw-continuity{color-scheme:dark;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#08090b;color:#f0f1f3}
#kw-continuity *{box-sizing:border-box}#kw-continuity .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #292c31;border-radius:18px;overflow:hidden;background:#0b0c0f}#kw-continuity .card{--accent:#91bbff;--tint:107,158,239;padding:28px 24px 0;min-width:0;position:relative}#kw-continuity .card+.card{border-left:1px solid #292c31}#kw-continuity .card.mobile{--accent:#74d6bd;--tint:75,187,158}#kw-continuity .card.project{--accent:#c0a8f5;--tint:155,119,219}#kw-continuity .copy h3{font-size:19px;line-height:1.55;font-weight:550;letter-spacing:-.25px;margin:0 0 10px}#kw-continuity .copy p{font-size:13px;line-height:1.85;color:#9197a2;margin:0;min-height:49px}#kw-continuity .stage{height:378px;position:relative;margin-top:27px;isolation:isolate}#kw-continuity .stage:before{content:"";position:absolute;inset:22% -5% -10%;background:radial-gradient(ellipse at 50% 65%,rgba(var(--tint),.1),transparent 65%);z-index:-1;pointer-events:none}#kw-continuity .window{position:relative;background:linear-gradient(150deg,#1a1c21,#111318 70%);border:1px solid #343740;border-radius:13px;box-shadow:0 15px 30px #0005;overflow:hidden}#kw-continuity .window-head{height:45px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff09;padding:0 13px;font-size:11px;color:#d2d5db}#kw-continuity .window-head .dots{margin-left:auto;letter-spacing:2px;color:#797f8b}#kw-continuity .icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}#kw-continuity .project-icon{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:rgba(var(--tint),.11);color:var(--accent)}#kw-continuity .project-icon .icon{width:13px;height:13px}#kw-continuity .badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--accent);margin-left:auto;white-space:nowrap}#kw-continuity .badge:before{content:"";height:4px;width:4px;background:currentColor;border-radius:50%}#kw-continuity .chat{position:relative;padding:16px 15px 0;font-size:12px;line-height:1.75}#kw-continuity .bubble{margin-left:auto;max-width:90%;width:max-content;padding:8px 11px;border-radius:12px 12px 4px 12px;background:#2a2e36;color:#e0e3e8}#kw-continuity .answer{margin-top:19px;color:#d6dae2;line-height:1.9}#kw-continuity .action{display:flex;align-items:center;gap:8px;color:#939dab;font-size:10px;margin-top:12px;min-height:18px}#kw-continuity .tick{height:15px;width:15px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--tint),.14);color:var(--accent);font-size:10px;flex-shrink:0}#kw-continuity .spinner{width:13px;height:13px;border:1.5px solid rgba(var(--tint),.18);border-top-color:var(--accent);border-radius:50%;animation:kwc-spin 1.6s linear infinite}#kw-continuity .composer{display:flex;align-items:center;gap:8px;padding:9px 10px;background:#23262d;border:1px solid #ffffff0b;border-radius:13px;color:#737c88;font-size:11px;min-height:43px}#kw-continuity .plus{font-size:19px;font-weight:300;color:#969ea9;line-height:1}#kw-continuity .send{width:23px;height:23px;margin-left:auto;border-radius:50%;background:#e6e9ee;color:#222833;display:grid;place-items:center;font-size:16px;line-height:1;flex-shrink:0}#kw-continuity .cloud-window{height:300px}#kw-continuity .cloud-window .composer{position:absolute;left:12px;right:12px;bottom:12px}#kw-continuity .task-running,#kw-continuity .task-complete{position:absolute;left:15px;right:15px;top:132px}#kw-continuity .task-complete{color:var(--accent)}#kw-continuity .task-complete .tick{background:rgba(var(--tint),.2)}#kw-continuity .phone{height:400px;width:260px;max-width:100%;margin:0 auto;border:1px solid #4b5159;border-radius:33px 33px 0 0;background:#171a1e;padding:8px 7px 0;box-shadow:0 0 0 3px #101216,0 20px 32px #0005;overflow:hidden}#kw-continuity .phone-screen{position:relative;height:100%;border:1px solid #252a31;border-radius:26px 26px 0 0;background:linear-gradient(170deg,#1b2123,#111619 74%);overflow:hidden}#kw-continuity .statusbar{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#aab4bd;font-size:8px;position:relative}#kw-continuity .island{height:9px;width:46px;background:#080a0c;border-radius:9px;position:absolute;left:50%;transform:translateX(-50%)}#kw-continuity .statusbar .signal{font-size:8px;letter-spacing:1px}#kw-continuity .phone .window-head{height:39px;padding:0 11px}#kw-continuity .phone .chat{padding:15px 12px;font-size:11px}#kw-continuity .phone .bubble{font-size:11px}#kw-continuity .phone .answer{margin-top:21px;font-size:11px}#kw-continuity .attachment{display:flex;align-items:center;gap:9px;padding:12px 10px;background:rgba(var(--tint),.065);border:1px solid rgba(var(--tint),.18);border-radius:9px;margin-top:13px}#kw-continuity .file-icon{display:grid;place-items:center;background:rgba(var(--tint),.13);border:1px solid rgba(var(--tint),.15);color:var(--accent);width:32px;height:36px;border-radius:7px;flex-shrink:0}#kw-continuity .file-icon .icon{width:18px;height:18px}#kw-continuity .file-title{font-size:11px;color:#e0e7e8;line-height:1.6}#kw-continuity .file-meta{font-size:9px;color:#839991;line-height:1.6;margin-top:3px}#kw-continuity .file-meta b{font-size:9px;color:var(--accent);font-weight:400}#kw-continuity .phone .composer{position:absolute;bottom:36px;left:8px;right:8px;font-size:9px;min-height:40px;padding:8px}#kw-continuity .home-indicator{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:70px;height:3px;border-radius:3px;background:#626c76}#kw-continuity .waiting{display:flex;align-items:center;gap:4px;height:18px;margin-top:21px}#kw-continuity .waiting i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:kwc-dot 1.2s ease-in-out infinite}#kw-continuity .waiting i:nth-child(2){animation-delay:.12s}#kw-continuity .waiting i:nth-child(3){animation-delay:.24s}#kw-continuity .phone-reply{position:absolute;top:67px;left:12px;right:12px}#kw-continuity .phone-reply .answer{margin-top:0}#kw-continuity .project-window{height:374px}#kw-continuity .project-window .chat{padding-top:15px}#kw-continuity .project-window .answer{margin-top:0;font-size:11px}#kw-continuity .document{border:1px solid rgba(var(--tint),.16);border-radius:10px;background:linear-gradient(140deg,rgba(var(--tint),.09),#191920);margin-top:12px;padding:11px 13px 8px;position:relative}#kw-continuity .doc-heading{font-size:12px;color:#e1d9f1;display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid #ffffff0c}#kw-continuity .doc-heading .icon{color:var(--accent)}#kw-continuity .doc-subheading{font-size:11px;margin:8px 0 5px;color:#c8c2d5}#kw-continuity .doc-row{display:flex;align-items:flex-start;gap:9px;padding:5px 0;font-size:10px;border-bottom:1px solid #ffffff06;position:relative}#kw-continuity .doc-row:last-child{border:0}#kw-continuity .num{font-size:9px;color:#8f7fad;line-height:1.8;font-variant-numeric:tabular-nums}#kw-continuity .doc-row strong{font-weight:400;color:#cac7d1}#kw-continuity .doc-row p{font-size:8px;line-height:1.65;color:#827b90;margin:2px 0 0}#kw-continuity .edit-highlight{position:absolute;inset:4px -5px;border-radius:5px;background:rgba(var(--tint),.14);z-index:0}#kw-continuity .row-copy{position:relative}#kw-continuity .project-window .composer{position:absolute;bottom:12px;left:12px;right:12px;min-height:43px;font-size:10px}#kw-continuity .typed{color:#d2c9e4;white-space:nowrap}#kw-continuity .caret{height:12px;width:1px;background:var(--accent);display:inline-block;margin-left:2px;vertical-align:-2px}#kw-continuity .saved{position:absolute;right:12px;top:14px;color:var(--accent);font-size:8px;display:flex;align-items:center;gap:4px;background:#20202a}#kw-continuity .footer-dot{height:4px;width:4px;border-radius:50%;background:var(--accent);opacity:.7}#kw-continuity .motion{opacity:0;transform:translateY(7px);transition:opacity 250ms var(--ease-out),transform 250ms var(--ease-out)}#kw-continuity .motion.shown{opacity:1;transform:translateY(0)}#kw-continuity .no-shift{transform:none}#kw-continuity .no-shift.shown{transform:none}#kw-continuity .fadeout{opacity:0!important;transform:none!important}
@keyframes kwc-spin{to{transform:rotate(360deg)}}@keyframes kwc-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}#kw-continuity.paused *{animation-play-state:paused!important}#kw-continuity.instant .motion{transition:none}@media(min-width:768px) and (max-width:1199px){#kw-continuity .card{padding:24px 16px 0}#kw-continuity .copy h3{font-size:17px}#kw-continuity .copy p{font-size:12px;min-height:67px}#kw-continuity .stage{height:368px}#kw-continuity .window-head{padding:0 10px}#kw-continuity .chat{padding-left:10px;padding-right:10px;font-size:10px}#kw-continuity .badge{font-size:8px}#kw-continuity .phone{width:230px}#kw-continuity .cloud-window .bubble{font-size:10px}#kw-continuity .action{font-size:9px}#kw-continuity .task-running,#kw-continuity .task-complete{left:10px}#kw-continuity .doc-row p{font-size:8px}#kw-continuity .typed{font-size:9px}#kw-continuity .composer{gap:5px}#kw-continuity .copy h3{min-height:53px}}
@media(max-width:767px){#kw-continuity .grid{grid-template-columns:1fr;max-width:430px;margin:auto}#kw-continuity .card{padding:27px 25px 0}#kw-continuity .card+.card{border-left:0;border-top:1px solid #292c31}#kw-continuity .copy h3{font-size:20px}#kw-continuity .copy p{font-size:13px;min-height:0}#kw-continuity .stage{height:380px;margin-top:25px}#kw-continuity .phone{width:270px}#kw-continuity .chat{font-size:12px}#kw-continuity .project-window .answer{font-size:12px}}
@media(prefers-reduced-motion:reduce){#kw-continuity *,#kw-continuity *:before,#kw-continuity *:after{animation:none!important;transition:none!important}#kw-continuity .motion{transform:none!important}#kw-continuity .caret{display:none}}

/* KuWork local app dark tokens: globals.css .dark and kimi-artifacts-overrides.css.
   Product artifact surfaces stay neutral regardless of the scene accent. */
#kw-continuity{--kw-card:#212121;--kw-foreground:#fff;--kw-muted-foreground:#ffffffb3;--kw-border:#ffffff14;--kw-success:#40c977}
#kw-continuity .attachment,#kw-continuity .document{background:var(--kw-card);border-color:color-mix(in srgb,var(--kw-border) 55%,transparent);box-shadow:0 6px 16px rgb(0 0 0 / 20%)}
#kw-continuity .file-icon{background:transparent;border-color:transparent;color:var(--kw-muted-foreground)}
#kw-continuity .file-title,#kw-continuity .doc-heading,#kw-continuity .doc-subheading,#kw-continuity .doc-row strong{color:var(--kw-foreground)}
#kw-continuity .file-meta,#kw-continuity .doc-row p,#kw-continuity .num,#kw-continuity .doc-heading .icon{color:var(--kw-muted-foreground)}
#kw-continuity .file-meta b,#kw-continuity .saved{color:var(--kw-success)}
#kw-continuity .saved{background:var(--kw-card)}
#kw-continuity .doc-heading{border-color:var(--kw-border)}
#kw-continuity .doc-row{border-bottom-color:var(--kw-border)}
#kw-continuity .edit-highlight{background:#ffffff14}

/* Review corrections: original homepage heading, fewer captions, paper preview. */
#kw-continuity .card{padding-bottom:24px}#kw-continuity .cloud-window{height:374px}
#kw-continuity .document{background:#242424;border-color:#383838;box-shadow:0 8px 24px #0003}
#kw-continuity .document .doc-heading,#kw-continuity .document .doc-subheading,#kw-continuity .document .doc-row strong{color:#EAEAEA}
#kw-continuity .document .doc-heading .icon,#kw-continuity .document .doc-row p,#kw-continuity .document .num{color:#A3A3A3}
#kw-continuity .document .doc-heading,#kw-continuity .document .doc-row{border-color:#383838}
#kw-continuity .document .saved{background:#242424;color:#69C98B}
#kw-continuity .document .edit-highlight{background:#343a36}

/* Unified KuWork neutral surfaces; color expresses state rather than a scene. */
#kw-continuity{--kw-background:#181818;--kw-input:#292929;--kw-info:#339cff;--kw-paper:#242424}#kw-continuity .grid{background:#0c0c0c;border-color:#2b2b2b}
#kw-continuity .card,#kw-continuity .card.mobile,#kw-continuity .card.project{--accent:#ffffffb3;--tint:255,255,255}
#kw-continuity .card+.card{border-color:#2b2b2b}#kw-continuity .stage:before{background:radial-gradient(ellipse at 50% 65%,#ffffff05,transparent 65%)}
#kw-continuity .window,#kw-continuity .phone-screen{background:var(--kw-background);border-color:#ffffff14}
#kw-continuity .window-head{border-color:#ffffff0d;color:#ffffffdb}#kw-continuity .window-head .dots{color:#ffffff70}
#kw-continuity .phone{background:#181818;border-color:#484848;box-shadow:0 0 0 3px #111,0 20px 32px #0005}
#kw-continuity .statusbar{color:#ffffffb3}#kw-continuity .home-indicator{background:#666}
#kw-continuity .project-icon{background:#ffffff0d;color:#ffffffb3}
#kw-continuity .bubble,#kw-continuity .composer{background:var(--kw-input);border-color:#ffffff0d}#kw-continuity .bubble{color:#ffffffeb}
#kw-continuity .composer{color:#ffffff70}#kw-continuity .plus{color:#ffffff99}#kw-continuity .send{background:#ececec;color:#252525}
#kw-continuity .answer{color:#ffffffdb}#kw-continuity .action{color:#ffffffb3}
#kw-continuity .badge,#kw-continuity .spinner,#kw-continuity .waiting{color:var(--kw-info)}#kw-continuity .waiting i{background:var(--kw-info)}
#kw-continuity .spinner{border-color:#339cff26;border-top-color:var(--kw-info)}
#kw-continuity .tick{background:#40c9771a;color:var(--kw-success)}#kw-continuity .task-complete{color:#ffffffdb}#kw-continuity .task-complete .tick{background:#40c9771a}
#kw-continuity.cloud-done .cloud .badge{color:var(--kw-success)}
#kw-continuity .typed{color:#ffffffdb}#kw-continuity .caret{background:#ffffffb3}
#kw-continuity .document{background:var(--kw-paper);border-color:#383838;box-shadow:0 6px 16px #0003}
#kw-continuity .document .saved{background:var(--kw-paper)}#kw-continuity .document .doc-heading,#kw-continuity .document .doc-row{border-color:#383838}
#kw-continuity .document .doc-row p,#kw-continuity .document .num,#kw-continuity .document .doc-heading .icon{color:#A3A3A3}
#kw-continuity .document .edit-highlight{background:#343a36}
/* Character spotlight. Algorithm evidence: change-records/2026-10-10-continuity-character-field. */
@font-face{font-family:Kwc Mono;src:url('/kuwork/assets/kwc-sometype-mono.woff2') format('woff2');font-weight:400 700;font-display:swap}
#kw-continuity .code-backdrop{--field-x:50%;--field-y:50%;position:absolute;inset:134px 10px 15px;z-index:0;overflow:hidden;pointer-events:none;user-select:none;mask-image:radial-gradient(250px circle at var(--field-x) var(--field-y),#000 0%,#000 30%,transparent 100%)}
#kw-continuity .character-field{position:absolute;inset:0;overflow:hidden;font:400 12px/1.15 'Kwc Mono',monospace;letter-spacing:0;word-break:break-all;white-space:normal;color:rgba(255,255,255,.25);transition:color .4s ease;mask-image:radial-gradient(200px circle at var(--field-x) var(--field-y),#000 20%,rgba(0,0,0,.3),rgba(0,0,0,.08))}
#kw-continuity .code-backdrop.is-hovered .character-field{color:rgba(255,255,255,.6)}
#kw-continuity .cloud-window .chat,#kw-continuity .cloud-window .window-head{position:relative;z-index:1}
#kw-continuity .cloud-window .chat:before{content:"";position:absolute;inset:0 -1px -35px;background:linear-gradient(#181818 0%,#181818f5 80%,#18181800);z-index:-1;pointer-events:none}
@media(prefers-reduced-motion:reduce){#kw-continuity .code-backdrop{display:none}}

/* User correction: preserve the original homepage copy rhythm. */
#kw-continuity .card{padding:30px 26px 24px;overflow:hidden;isolation:isolate}
#kw-continuity .copy{position:relative;z-index:1}
#kw-continuity .copy h3{min-height:0;font-size:20px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0 0 12px}
#kw-continuity .copy p{font-size:15px;line-height:1.75;margin:0;min-height:53px;color:#a5a6ac}
#kw-continuity .stage{margin-top:28px;z-index:1}
/* Code is behind the product illustration, within the outer feature card. */
#kw-continuity .cloud-window .chat:before{display:none}
/* Fade the clipped device silhouette into the feature card; keep the composer clear. */
#kw-continuity .mobile .stage{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 40px),transparent 100%)}
#kw-continuity .phone .composer{bottom:59px}
#kw-continuity .statusbar .signal{display:flex;align-items:center;gap:3px;color:#d1d1d1;letter-spacing:0;line-height:1}
#kw-continuity .statusbar .signal svg{display:block;height:9px;fill:currentColor;flex-shrink:0}
#kw-continuity .statusbar .signal .signal-cellular{width:13px}
#kw-continuity .statusbar .signal .signal-wifi{width:12px}
#kw-continuity .statusbar .signal .signal-battery{width:19px}
#kw-continuity{--kw-paper:#242424}
#kw-continuity .document{border-color:#383838}
#kw-continuity .document .doc-heading,#kw-continuity .document .doc-row{border-color:#383838}
#kw-continuity .document .edit-highlight{background:#343a36}
@media(max-width:1000px) and (min-width:768px){#kw-continuity .card{padding:24px 18px 24px}#kw-continuity .copy h3{font-size:18px}#kw-continuity .copy p{font-size:14px;min-height:74px}#kw-continuity .card>.code-backdrop{top:145px}}
@media(max-width:767px){#kw-continuity .card{padding:26px 24px 24px}#kw-continuity .copy p{min-height:0}#kw-continuity .stage{margin-top:26px}#kw-continuity .card>.code-backdrop{top:140px}}

/* Smaller foreground interfaces expose the runtime layer without changing the copy grid. */
#kw-continuity .stage{height:352px}
#kw-continuity .stage>.window,#kw-continuity .stage>.phone{transform:translateY(14px) scale(.88);transform-origin:50% 0}
#kw-continuity .card>.code-backdrop{top:126px;right:14px;bottom:20px;left:14px}
#kw-continuity .mobile .stage{mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 32px),transparent 100%)}
@media(max-width:1000px) and (min-width:768px){#kw-continuity .card>.code-backdrop{top:145px}}
@media(max-width:767px){#kw-continuity .card>.code-backdrop{top:130px}}

/* Keep the main messages legible at the reduced visual scale. */
#kw-continuity .window-head{font-size:12px}#kw-continuity .cloud-window .chat,#kw-continuity .cloud-window .bubble{font-size:12px}
#kw-continuity .action{font-size:11px}#kw-continuity .phone .chat,#kw-continuity .phone .bubble,#kw-continuity .phone .answer,#kw-continuity .file-title{font-size:12px}
#kw-continuity .doc-row p{font-size:9px}#kw-continuity .document .doc-row{padding-block:4px}
/* Compact artifact: keep document text readable while reducing its footprint. */
#kw-continuity .document{width:88%;margin:12px auto 0;padding:9px 10px 7px;border-radius:9px}
#kw-continuity .document .doc-heading{font-size:11px;padding-bottom:6px;gap:6px}
#kw-continuity .document .doc-subheading{font-size:10px;margin:5px 0 3px}
#kw-continuity .document .doc-row{padding-block:3px;gap:7px;line-height:1.5}
#kw-continuity .document .doc-row p{margin:2px 0 0;line-height:1.5}
#kw-continuity .document .saved{font-size:8px}

#kw-continuity{width:100%;margin-top:56px;background:transparent;color:#f0f1f3;line-height:normal;text-align:left;position:relative}#kw-continuity .copy h3{color:#f0f1f3}#kw-continuity .grid{margin:0;max-width:none}#kw-continuity .doc-row p{min-height:0}#kw-continuity .doc-subheading{font-weight:400}
@media(max-width:767px){#kw-continuity{margin-top:36px}#kw-continuity .grid{max-width:430px;margin:auto}}