:root{--canvas-bg:#F4F4F6;--canvas-surface:#FFFFFF;--canvas-border:#E1E1E6;--canvas-text:#17181C;--canvas-text-dim:#6B6C76;--canvas-accent:#4F5DFF;--canvas-accent-dim:#EDEEFF;--shadow-panel:0 1px 2px rgba(20,20,30,.04), 0 8px 24px rgba(20,20,30,.06)}@media (prefers-color-scheme: dark){:root{--canvas-bg:#0B0C0F;--canvas-surface:#141519;--canvas-border:#24262E;--canvas-text:#EDEDF1;--canvas-text-dim:#8C8E99;--canvas-accent:#7C86FF;--canvas-accent-dim:#1C1E38;--shadow-panel:0 1px 2px rgba(0,0,0,.3), 0 8px 32px rgba(0,0,0,.45)}}:root[data-theme=dark]{--canvas-bg:#0B0C0F;--canvas-surface:#141519;--canvas-border:#24262E;--canvas-text:#EDEDF1;--canvas-text-dim:#8C8E99;--canvas-accent:#7C86FF;--canvas-accent-dim:#1C1E38;--shadow-panel:0 1px 2px rgba(0,0,0,.3), 0 8px 32px rgba(0,0,0,.45)}:root[data-theme=light]{--canvas-bg:#F4F4F6;--canvas-surface:#FFFFFF;--canvas-border:#E1E1E6;--canvas-text:#17181C;--canvas-text-dim:#6B6C76;--canvas-accent:#4F5DFF;--canvas-accent-dim:#EDEEFF;--shadow-panel:0 1px 2px rgba(20,20,30,.04), 0 8px 24px rgba(20,20,30,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(var(--canvas-border) 1px,transparent 1px) 0 0/22px 22px,var(--canvas-bg);color:var(--canvas-text);font-family:-apple-system,Segoe UI,Roboto,Inter,sans-serif;min-height:100vh;overflow-x:hidden}.mono{font-family:ui-monospace,SF Mono,Cascadia Code,Roboto Mono,Consolas,monospace}.wrap{max-width:1180px;margin:0 auto;padding:28px 20px 80px}.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:20px}.masthead .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--canvas-accent);margin:0 0 6px}.masthead h1{font-size:22px;line-height:1.3;margin:0 0 6px;font-weight:700;text-wrap:balance}.masthead p{font-size:13.5px;color:var(--canvas-text-dim);margin:0;max-width:60ch;line-height:1.55}.masthead .cite{color:var(--canvas-text-dim)}.masthead .cite b{color:var(--canvas-text);font-weight:600}.toolbar{display:flex;gap:8px;align-items:center;flex-shrink:0}.pill-toggle{display:flex;background:var(--canvas-surface);border:1px solid var(--canvas-border);border-radius:999px;padding:3px;box-shadow:var(--shadow-panel)}.pill-toggle button{border:none;background:transparent;color:var(--canvas-text-dim);font:inherit;font-size:12px;font-weight:600;padding:7px 13px;border-radius:999px;cursor:pointer}.pill-toggle button.active{background:var(--canvas-accent);color:#fff}.icon-btn{width:34px;height:34px;border-radius:999px;border:1px solid var(--canvas-border);background:var(--canvas-surface);color:var(--canvas-text);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-panel)}.scenario-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:2px;-ms-overflow-style:none;scrollbar-width:thin}.scenario-pill{flex-shrink:0;min-width:172px;text-align:left;border:1px solid var(--canvas-border);background:var(--canvas-surface);border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:var(--shadow-panel)}.scenario-pill .n{font-size:10px;font-weight:700;color:var(--canvas-text-dim);letter-spacing:.04em}.scenario-pill .t{font-size:12.5px;font-weight:600;margin-top:3px;line-height:1.35}.scenario-pill.active{border-color:var(--canvas-accent);background:var(--canvas-accent-dim)}.scenario-pill.active .n{color:var(--canvas-accent)}.annotation{margin:14px 0 26px;padding:13px 16px;border:1px solid var(--canvas-border);border-left:3px solid var(--canvas-accent);border-radius:8px;background:var(--canvas-surface);box-shadow:var(--shadow-panel);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.crumb{font-size:10.5px;letter-spacing:.02em;color:var(--canvas-accent);flex-shrink:0;font-weight:700;white-space:nowrap}.annotation p{margin:0;font-size:13px;line-height:1.6;color:var(--canvas-text);flex:1;min-width:200px}.narrate-btn{flex-shrink:0;border:1px solid var(--canvas-accent);background:var(--canvas-accent);color:#fff;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit}.stage{display:flex;gap:36px;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:10px 0 6px}.device-col{display:flex;flex-direction:column;align-items:center;gap:12px;width:320px;max-width:100%}.device-label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--canvas-text-dim);display:flex;gap:6px;align-items:center}.device-label b{color:var(--canvas-text);font-weight:700}.device-label .dot{width:6px;height:6px;border-radius:50%;background:var(--canvas-accent)}.phone{width:320px;max-width:100%;height:660px;border-radius:38px;background:#050506;padding:12px;box-shadow:var(--shadow-panel),inset 0 0 0 1px #ffffff0a;position:relative;flex-shrink:0}.phone .notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:110px;height:20px;background:#050506;border-radius:0 0 14px 14px;z-index:5}.screen{width:100%;height:100%;background:var(--p-bg);border-radius:28px;overflow:hidden;position:relative;display:flex;flex-direction:column;font-family:-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:var(--p-text-primary)}.screen[data-pmode=light]{--p-bg:#FFFFFF;--p-bg-subtle:#F7F7F8;--p-surface:#FFFFFF;--p-surface-raised:#FFFFFF;--p-border:#E6E6E9;--p-text-primary:#15161A;--p-text-secondary:#5B5D68;--p-text-tertiary:#8A8C96;--p-accent:#4F5DFF;--p-accent-subtle:#EDEEFF;--p-critical:#E5484D;--p-warning:#F5A524;--p-success:#30A46C;--p-info:#4F5DFF;--p-neutral-tag:#5B5D68;--p-shadow-1:0 1px 3px rgba(20,20,30,.08);--p-shadow-2:0 8px 24px rgba(20,20,30,.16)}.screen[data-pmode=dark]{--p-bg:#0E0F12;--p-bg-subtle:#17181C;--p-surface:#1C1D22;--p-surface-raised:#222329;--p-border:#2C2D34;--p-text-primary:#F2F2F4;--p-text-secondary:#9A9BA6;--p-text-tertiary:#6C6E78;--p-accent:#4F5DFF;--p-accent-subtle:#1E203D;--p-critical:#E5484D;--p-warning:#F5A524;--p-success:#30A46C;--p-info:#4F5DFF;--p-neutral-tag:#9A9BA6;--p-shadow-1:0 1px 3px rgba(0,0,0,.35);--p-shadow-2:0 8px 24px rgba(0,0,0,.5)}.p-h1{font-size:22px;line-height:28px;font-weight:700;margin:0}.p-h2{font-size:18px;line-height:24px;font-weight:600;margin:0}.p-h3{font-size:16px;line-height:22px;font-weight:600;margin:0}.p-caption{font-size:13px;line-height:18px;color:var(--p-text-secondary)}.p-micro{font-size:11px;line-height:14px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--p-text-tertiary)}.tab-nums{font-variant-numeric:tabular-nums}.p-topbar{padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:8px}.p-topbar .back{font-size:15px;color:var(--p-text-secondary);display:flex;align-items:center;gap:4px;cursor:pointer}.p-status-tag{font-size:11px;color:var(--p-text-tertiary);display:flex;align-items:center;gap:5px}.p-status-dot{width:6px;height:6px;border-radius:50%;background:var(--p-success)}.p-step-indicator{height:4px;border-radius:999px;background:var(--p-border);margin:2px 16px 6px;overflow:hidden;flex-shrink:0}.p-step-fill{height:100%;background:var(--p-accent);border-radius:999px;transition:width .18s ease-out}.p-scroll{flex:1;overflow-y:auto;padding:2px 16px 24px;-ms-overflow-style:none;scrollbar-width:none}.p-scroll::-webkit-scrollbar{display:none}.p-section{margin-top:24px}.p-section:first-child{margin-top:8px}.p-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.p-section-head a,.p-section-head .more{font-size:12.5px;color:var(--p-accent);font-weight:600;cursor:pointer}.p-card{background:var(--p-surface);border-radius:12px;box-shadow:var(--p-shadow-1);padding:13px 14px;margin-bottom:8px;display:flex;gap:11px;align-items:flex-start;border-left:3px solid var(--card-accent, var(--p-info));cursor:pointer;position:relative;transition:transform .12s ease-out}.p-card:active{transform:scale(.98)}.p-card.static{cursor:default}.p-card.muted{border-left-color:var(--p-neutral-tag);opacity:.55}.p-card .ic{font-size:17px;line-height:1;flex-shrink:0;margin-top:1px}.p-card .body{flex:1;min-width:0}.p-card .title{font-size:15px;font-weight:600;margin:0 0 2px}.p-card .meta{font-size:12.5px;color:var(--p-text-secondary)}.p-card .chev{color:var(--p-text-tertiary);font-size:15px;flex-shrink:0}.p-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.p-badge.warn{background:color-mix(in srgb,var(--p-warning) 16%,transparent);color:var(--p-warning)}.p-badge.ok{background:color-mix(in srgb,var(--p-success) 16%,transparent);color:var(--p-success)}.p-badge.critical{background:color-mix(in srgb,var(--p-critical) 16%,transparent);color:var(--p-critical)}.p-badge.info{background:var(--p-accent-subtle);color:var(--p-accent)}.p-badge.neutral{background:var(--p-bg-subtle);color:var(--p-text-secondary)}.p-widgets{display:flex;gap:8px}.p-widget{flex:1;background:var(--p-surface);border-radius:12px;box-shadow:var(--p-shadow-1);padding:12px}.p-widget .num{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.p-widget .lbl{font-size:11.5px;color:var(--p-text-secondary);margin-top:2px}.p-entry-row{display:flex;gap:8px}.p-entry{flex:1;background:var(--p-surface);border-radius:12px;box-shadow:var(--p-shadow-1);padding:12px 13px;cursor:pointer}.p-entry .t{font-size:13.5px;font-weight:700}.p-entry .s{font-size:11.5px;color:var(--p-text-secondary);margin-top:2px}.p-btn{height:48px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;transition:transform .1s;font-family:inherit}.p-btn:active{transform:scale(.98)}.p-btn.primary{background:var(--p-accent);color:#fff}.p-btn.secondary{background:transparent;border:1px solid var(--p-border);color:var(--p-text-primary)}.p-btn.destructive.filled{background:var(--p-critical);border-color:var(--p-critical);color:#fff;border-width:1px;border-style:solid}.p-btn.ghost{background:transparent;color:var(--p-text-secondary);height:40px;font-weight:500}.p-btn.chip{width:auto;height:38px;padding:0 14px;border-radius:999px;background:var(--p-bg-subtle);border:1px solid var(--p-border);color:var(--p-text-primary);font-size:13.5px;font-weight:600}.p-btn.chip.sel{background:var(--p-accent);border-color:var(--p-accent);color:#fff}.p-btn.disabled{opacity:.4;pointer-events:none}.p-btn-row{display:flex;gap:8px}.p-btn-row .p-btn{flex:1}.p-bottom{padding:12px 16px 18px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;background:linear-gradient(to top,var(--p-bg) 60%,transparent)}.p-metric-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--p-border);gap:10px;cursor:default}.p-metric-row:last-child{border-bottom:none}.p-metric-row .l{font-size:14px;color:var(--p-text-secondary)}.p-metric-row .v{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.p-metric-row.flash{animation:rowflash 1.1s ease-out;border-radius:8px}.p-metric-row.link{cursor:pointer}.p-metric-row.link .v{color:var(--p-accent)}@keyframes rowflash{0%{background:var(--p-accent-subtle)}to{background:transparent}}.p-field{margin-bottom:14px}.p-field label{display:block;font-size:13px;color:var(--p-text-secondary);margin-bottom:6px}.p-input{height:48px;border-radius:8px;border:1.5px solid var(--p-border);background:var(--p-bg);padding:0 14px;font-size:16px;font-weight:600;color:var(--p-text-primary);display:flex;align-items:center;font-variant-numeric:tabular-nums}.p-input.focus{border-color:var(--p-accent);background:var(--p-accent-subtle)}.p-input.ro{color:var(--p-text-secondary);background:var(--p-bg-subtle);border-color:transparent}.p-input.search{color:var(--p-text-tertiary);font-weight:400;font-size:15px;gap:8px}input.p-input,select.p-input,textarea.p-input{width:100%;font-family:inherit;outline:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}input.p-input::placeholder{color:var(--p-text-tertiary);font-weight:400}textarea.p-input{padding:12px 14px;height:auto;resize:vertical}.p-stepper{display:flex;align-items:center;gap:14px;margin-top:10px}.p-stepper button{width:38px;height:38px;border-radius:8px;border:1px solid var(--p-border);background:var(--p-surface);font-size:16px;font-weight:700;color:var(--p-text-primary);cursor:pointer}.p-stepper .val{font-size:17px;font-weight:700;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}.p-toggle{display:flex;background:var(--p-bg-subtle);border-radius:999px;padding:4px;gap:4px}.p-toggle button{flex:1;height:44px;border-radius:999px;border:none;background:transparent;font-size:14.5px;font-weight:600;color:var(--p-text-secondary);cursor:pointer;font-family:inherit}.p-toggle button.sel{background:var(--p-accent);color:#fff}.p-progress{height:6px;border-radius:999px;background:var(--p-bg-subtle);overflow:hidden;margin-top:8px}.p-progress>div{height:100%;background:var(--p-success);border-radius:999px;transition:width .5s ease-out}.p-tabbar{display:flex;align-items:center;justify-content:space-around;height:60px;flex-shrink:0;background:var(--p-surface);box-shadow:var(--p-shadow-1);position:relative}.p-tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--p-text-tertiary);width:64px;cursor:pointer}.p-tabbar .tab.active{color:var(--p-accent)}.p-tabbar .tab .i{font-size:18px}.p-tabbar .tab .l{font-size:10px;font-weight:600}.p-fab{position:absolute;left:50%;top:-24px;transform:translate(-50%);width:52px;height:52px;border-radius:999px;background:var(--p-accent);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:var(--p-shadow-2);border:4px solid var(--p-bg);cursor:pointer}.p-overlay-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0e8c;display:flex;align-items:flex-end;z-index:20}.p-sheet{width:100%;background:var(--p-surface);border-radius:20px 20px 0 0;padding:20px 18px 26px;box-shadow:var(--p-shadow-2)}.p-sheet.center{margin:auto;border-radius:16px;width:88%;text-align:center;padding:26px 20px}.p-sheet-item{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid var(--p-border);cursor:pointer;font-size:15px;font-weight:500}.p-sheet-item:last-child{border-bottom:none}.p-sheet-item.danger{color:var(--p-critical)}.p-idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--p-text-tertiary);text-align:center;padding:0 30px}.p-idle .clock{font-size:38px;font-weight:200;color:var(--p-text-secondary);font-variant-numeric:tabular-nums}.p-idle .hint{font-size:12.5px}.p-commit{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.p-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--p-border);border-top-color:var(--p-accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.p-flash{animation:flash 1s ease-out}@keyframes flash{0%{box-shadow:0 0 0 2px var(--p-success)}to{box-shadow:var(--p-shadow-1)}}.p-question{font-size:19px;font-weight:600;line-height:1.4;margin:20px 0 22px;text-wrap:balance}.p-resume-badge{display:inline-flex;align-items:center;gap:6px;background:var(--p-accent-subtle);color:var(--p-accent);font-size:12px;font-weight:600;padding:6px 11px;border-radius:999px;margin-bottom:16px}.p-seg{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;-ms-overflow-style:none;scrollbar-width:none}.p-seg::-webkit-scrollbar{display:none}.p-seg button{flex-shrink:0;height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text-secondary);font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit}.p-seg button.sel{background:var(--p-accent-subtle);border-color:var(--p-accent);color:var(--p-accent)}.p-undo{position:absolute;left:12px;right:12px;bottom:74px;background:var(--p-text-primary);color:var(--p-bg);border-radius:10px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--p-shadow-2);font-size:13.5px;z-index:15;animation:rise .2s ease-out}@keyframes rise{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.p-undo button{background:none;border:none;color:var(--p-accent);font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit}.screen[data-pmode=dark] .p-undo{background:var(--p-surface-raised);color:var(--p-text-primary);border:1px solid var(--p-border)}.p-table-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--p-border);gap:10px;cursor:pointer}.p-table-row:last-child{border-bottom:none}.p-table-row .rank{width:20px;font-size:12px;color:var(--p-text-tertiary);font-weight:700;flex-shrink:0}.p-table-row .name{flex:1;font-size:14px;font-weight:600;min-width:0}.p-table-row .sub{font-size:12px;color:var(--p-text-secondary);font-weight:400}.p-table-row .val{font-size:14px;font-weight:700;text-align:right;flex-shrink:0}.p-table-row .val.up{color:var(--p-success)}.p-table-row .val.down{color:var(--p-critical)}.p-spark{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:8px}.p-spark div{flex:1;background:var(--p-accent);opacity:.35;border-radius:2px 2px 0 0}.p-spark div:last-child{opacity:1}.p-linewrap{margin-top:8px}.p-linewrap svg{width:100%;height:70px;display:block}.p-linelegend{display:flex;gap:14px;margin-top:6px;font-size:11.5px}.p-linelegend span{display:inline-flex;align-items:center;gap:5px}.p-linelegend i{width:9px;height:9px;border-radius:2px;display:inline-block}.p-empty{text-align:center;padding:26px 10px;color:var(--p-text-tertiary)}.p-empty p{margin:0;font-size:13px;line-height:1.6}.p-timeline{position:relative;padding-left:16px;margin-top:4px}.p-timeline:before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:2px;background:var(--p-border)}.p-titem{position:relative;padding-bottom:18px}.p-titem:before{content:"";position:absolute;left:-16px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--p-accent);border:2px solid var(--p-bg)}.p-titem.here:before{background:var(--p-success)}.p-titem .d{font-size:11.5px;color:var(--p-text-tertiary)}.p-titem .t{font-size:14.5px;font-weight:600;margin-top:2px}.bot-screen{--p-bg:#E9E9EE}.screen[data-pmode=dark] .bot-screen{--p-bg:#0B0C10}.bot-header{padding:14px 16px 12px;display:flex;align-items:center;gap:10px;background:var(--p-surface);box-shadow:var(--p-shadow-1);flex-shrink:0}.bot-avatar{width:36px;height:36px;border-radius:999px;background:var(--p-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.bot-name{font-size:15px;font-weight:700}.bot-sub{font-size:11.5px;color:var(--p-success)}.bot-thread{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:10px}.bot-bubble{max-width:88%;background:var(--p-surface);border-radius:14px 14px 14px 4px;padding:11px 13px;box-shadow:var(--p-shadow-1);align-self:flex-start}.bot-bubble p{margin:0;font-size:14.5px;line-height:1.5}.bot-bubble .time{font-size:10.5px;color:var(--p-text-tertiary);margin-top:6px;display:block}.bot-kb{display:flex;flex-direction:column;gap:6px;margin-top:9px}.bot-kb button{border:1px solid var(--p-accent);background:var(--p-accent-subtle);color:var(--p-accent);border-radius:9px;height:38px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}.bot-done{font-size:11.5px;color:var(--p-success);font-weight:700;margin-top:8px}.gmail-header{padding:14px 16px 12px;display:flex;align-items:center;gap:10px;background:var(--p-surface);box-shadow:var(--p-shadow-1);flex-shrink:0}.gmail-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#ea4335,#4285f4,#34a853,#fbbc05);flex-shrink:0}.gmail-back{font-size:12.5px;color:var(--p-accent);font-weight:600;cursor:pointer;margin-top:2px}.gmail-body{flex:1;overflow-y:auto;padding:16px}.gmail-draft{background:var(--p-surface);border-radius:12px;box-shadow:var(--p-shadow-1);padding:16px}.gmail-draft .to{font-size:12px;color:var(--p-text-secondary);margin-bottom:8px}.gmail-draft .subj{font-size:15px;font-weight:700;margin-bottom:10px}.gmail-draft .snippet{font-size:13.5px;color:var(--p-text-secondary);line-height:1.6}.gmail-draft hr{border:none;border-top:1px solid var(--p-border);margin:12px 0}@media (max-width:760px){.stage{gap:22px}.phone{width:280px;height:580px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.footnote{margin-top:34px;font-size:12px;color:var(--canvas-text-dim);line-height:1.7;max-width:76ch}.footnote b{color:var(--canvas-text)}