: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:.75rem;min-height:.9rem}.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:1.6rem;display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem .45rem .45rem;white-space:nowrap;background:#fff;border-radius:1.2rem;font-size:.9rem;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:-6.6rem}.bubble:nth-child(2){top:-3.8rem;left:3rem}.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:20rem;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}