:root{--ink: #1d2433;--muted: #6b7486;--card: rgba(255, 255, 255, .92);--line: rgba(29, 36, 51, .08);--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--violet: #7c5cf5;--violet-soft: #efeaff;font-size:clamp(10px,calc(100vw / 1920 * 16),22px)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#eef6fc;font-family:Inter,system-ui,sans-serif;color:var(--ink)}canvas{display:block}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.ic{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;flex:none;font-style:normal}.ic.grey{color:#4b5568;background:#eef1f5;border-radius:.55rem}.ic.green{background:var(--green)}.ic.amber{color:var(--amber);background:#fff4e0}.ic.violet{color:var(--violet);background:var(--violet-soft)}.kpis{position:absolute;left:1.6rem;top:1.3rem;display:flex;gap:.8rem}.chip{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.2rem .6rem .75rem;background:var(--card);border-radius:.9rem;box-shadow:0 .4rem 1.4rem #1e32501f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:box-shadow .4s,transform .4s}.chip span{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted);font-weight:500;line-height:1.15}.chip span b{font-size:1.45rem;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.chip span em{font-style:normal;color:var(--red);font-size:.95rem}.chip.brand{padding-right:1.6rem}.chip.brand b{font-size:1rem;line-height:1.15}.chip.brand svg{width:2rem;height:2rem}.chip.hot{box-shadow:0 0 0 .18rem #ef444473,0 .4rem 1.4rem #ef444433;transform:translateY(-1px)}.panel{position:absolute;right:1.6rem;top:7.4rem;width:19rem;padding:1rem 1rem .8rem;background:var(--card);border-radius:1rem;box-shadow:0 .6rem 2rem #1e325029;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(120%);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.panel.open{transform:none;opacity:1}.panel header{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;margin-bottom:.6rem}.panel ul{list-style:none;margin:0;padding:0}.panel li{display:flex;gap:.65rem;align-items:flex-start;padding:.42rem .5rem;border-radius:.6rem;font-size:.9rem;font-weight:600;transition:background .3s,opacity .3s}.panel li span{display:flex;flex-direction:column}.panel li span.row{display:block}.panel li small{font-weight:500;color:var(--muted);font-size:.85rem}.panel li.todo{opacity:.35}.panel li.now{background:var(--violet-soft)}.dot{width:1.15rem;height:1.15rem;margin-top:.05rem;border-radius:50%;display:grid;place-items:center;border:.14rem solid #c9cfda;flex:none}.panel li.done .dot{background:var(--green);border-color:var(--green)}.panel li.now .dot{border-color:var(--violet);box-shadow:0 0 0 .25rem #7c5cf52e}.dots{display:inline;margin-left:.4rem;color:var(--violet);font-style:normal;letter-spacing:.1em;animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.panel footer{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;padding:.6rem;border:1px solid var(--line);border-radius:.7rem}.panel footer span{flex:1;display:flex;flex-direction:column;gap:.2rem}.vanicon{width:2.2rem;height:1.4rem;flex:none}.bubble .vanicon{width:1.1rem;height:.75rem}.tag{font-style:normal;font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:.35rem;width:max-content;transition:background .4s,color .4s}.tag u{text-decoration:none;margin-left:.3rem}.tag.red{background:#ffe4e4;color:#d92d2d}.tag.violet{background:var(--violet-soft);color:var(--violet)}.tag.green{background:#dcfce7;color:#15803d}.bubbles{position:absolute;left:0;top:0;will-change:transform}.bubble{position:absolute;left:4.6rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .5rem;white-space:nowrap;background:#fff;border-radius:1.3rem;font-size:1.15rem;font-weight:600;box-shadow:0 .4rem 1.2rem #1e32502e;opacity:0;transform:translateY(.6rem) scale(.92);transition:opacity .35s,transform .35s}.bubble .ic{width:1.5rem;height:1.5rem;font-size:.85rem}.bubble:nth-child(1){top:-7.4rem}.bubble:nth-child(2){top:-4.2rem;left:6rem}.bubble:nth-child(3){top:-1rem}.bubble.ai{border:1px solid rgba(124,92,245,.25)}.bubble.on{opacity:1;transform:none}.tray{position:absolute;left:1.6rem;bottom:1.8rem;width:23rem;padding:.8rem .9rem;background:var(--card);border-radius:1rem;box-shadow:0 .6rem 2rem #1e325029;transform:translateY(140%);opacity:0;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}.tray.on{transform:none;opacity:1}.tray header{display:flex;align-items:center;gap:.6rem;font-size:1rem}.tray header em{margin-left:auto;font-style:normal;font-size:.8rem;font-weight:700;color:#fff;background:var(--violet);border-radius:1rem;padding:.1rem .55rem}.tray .case{margin-top:.6rem;padding:.55rem .7rem;font-size:.82rem;color:var(--muted);border-left:.2rem solid var(--violet);background:#faf9ff;border-radius:.4rem}.tray .case b{color:var(--ink);margin-right:.3rem}.caption{position:absolute;right:1.6rem;bottom:1.8rem;display:flex;align-items:center;gap:1.1rem;padding:1.2rem 2rem 1.2rem 1.4rem;color:#fff;background:#1d1f3ae0;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;box-shadow:0 .8rem 2.4rem #1414324d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(1rem);transition:opacity .5s,transform .5s}.caption.on{opacity:1;transform:none}.caption i{color:#c4b5fd;font-style:normal;display:grid;place-items:center}.caption i svg{width:2.2rem;height:2.2rem}.caption span{white-space:pre-line;font-size:1.9rem;font-weight:600;line-height:1.15}.caption.red i{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:1.4rem}.slogan{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at center,#161830d1,#1618308c 70%);color:#fff;opacity:0;transition:opacity .7s}.slogan.on{opacity:1}.slogan h1{margin:0;font-size:4.6rem;font-weight:800;letter-spacing:.01em}.slogan h2{margin:.3rem 0 0;font-size:4.6rem;font-weight:800;background:linear-gradient(90deg,#c4b5fd,#8b5cf6 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.slogan p{margin:1.6rem 0 0;font-size:1.7rem;font-weight:500;letter-spacing:.08em;color:#d9d6f5}.ic.red{color:var(--red);background:#ffe9e9}.anchor{position:absolute;left:0;top:0;will-change:transform}.label{position:absolute;transform:translate(-50%,-100%) translateY(-2.2rem) scale(.9);display:flex;align-items:center;gap:.5rem;padding:.45rem .8rem;white-space:nowrap;background:#fff;border-radius:.8rem;box-shadow:0 .4rem 1.2rem #1e325033;font-size:1rem;opacity:0;transition:opacity .4s,transform .4s}.label.on{opacity:1;transform:translate(-50%,-100%) translateY(-2.2rem)}.label.hero{flex-direction:column;gap:.15rem;font-size:1.15rem}.label.hero .tag{font-size:.95rem}.label.place{transform:translate(1.6rem,-100%) translateY(-1.2rem) scale(.9)}.label.place.on{transform:translate(1.6rem,-100%) translateY(-1.2rem)}.label.place span{display:flex;flex-direction:column;line-height:1.1;font-weight:600;color:var(--muted);font-size:.85rem}.label.place span b{color:var(--ink);font-size:1rem}.tag.grey{background:#eef1f5;color:#4b5568}.kpis{padding:.55rem;gap:.55rem;background:#0e1426e6;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;box-shadow:0 .8rem 2.4rem #0a102859;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:none;color:#fff}.chip span{color:#aab3c7}.chip span b,.chip.brand b{color:#fff}.chip span em{color:#fb923c}.chip.brand{background:none;border:none;border-right:1px solid rgba(255,255,255,.14);border-radius:0}.chip.hot{box-shadow:0 0 0 .16rem #ef4444b3,0 0 1.4rem #ef444459}.ic.grey{color:#93c5fd;background:#93c5fd1f}.ic.amber{background:#f59e0b29}.ic.red{background:#ef444429;color:#f87171}.ic.violet{background:#8b5cf633;color:#c4b5fd}.panel,.tray{background:#0e1426e6;border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 .8rem 2.4rem #0a102859}.panel li small,.tray .case{color:#aab3c7}.panel li.now{background:#8b5cf638}.dot{border-color:#4a5370}.panel footer{border-color:#ffffff1f}.tray .case{background:#ffffff0d}.tray .case b{color:#fff}.caption{right:auto;bottom:auto;left:1.6rem;top:7.4rem;background:#0e1426e6}.caption.red{border-color:#ef44448c;box-shadow:0 0 1.6rem #ef444440}