:root{--color-primary:#0edcd5;--color-secondary:#0db1c5;--color-tertiary:#ffd60a;--color-neutral:#0b0b12;--bg-page:radial-gradient(circle 430px at 50% 0, #0edcd529, transparent) #000;--color-surface:#14141f;--color-surface-card:#1f1f2e;--color-surface-field:#181824;--color-on-surface:#fff;--color-on-surface-secondary:#8e8e93;--color-on-surface-tertiary:#636366;--color-on-primary:#003e43;--color-outline:#2a2a3d;--color-outline-variant:#3a3a52;--color-error:#ff453a;--color-status-working:#ffd60a;--color-status-blocked:#ff453a;--color-status-done:#30b0c7;--color-status-idle:#34c759;--color-status-unknown:#8e8e93;--color-cat-fur:#c7a37a;--color-cat-light:#f2d4a6;--color-cat-shade:#87664d;--color-cat-pink:#d9877d;--color-cat-ink:#332e2e;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 12px 36px #00000073, 0 2px 8px #0000004d;--shadow-glow:0 0 24px #0edcd559}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-neutral);width:100%;height:100%;color:var(--color-on-surface);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#canvas-container{z-index:1;touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;justify-content:center;width:100%;height:100%;padding:24px;display:flex;position:absolute;top:0;left:0}.ui-column{pointer-events:none;flex-direction:column;align-self:flex-start;gap:16px;width:100%;max-width:440px;display:flex}.ui-column-left{align-items:flex-start}.ui-column-right{align-items:flex-end}.ui-column-center{align-items:center}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);pointer-events:auto;background:#1f1f2ed1;border:1px solid #ffffff14;padding:18px 20px;transition:transform .2s,border-color .2s}.glass-card:hover{border-color:#0edcd540}.bottom-left-links{z-index:20;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.text-link{color:var(--color-on-surface-secondary);font-family:var(--font-system);cursor:pointer;pointer-events:auto;white-space:nowrap;background:0 0;border:none;margin:0;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s}.text-link-primary{color:var(--color-primary)}.text-link:hover,.text-link:focus-visible{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.link-separator{color:var(--color-on-surface-tertiary);-webkit-user-select:none;user-select:none;opacity:.6;font-size:11px}.control-btn:active{transform:scale(.97)}.title-card{text-align:center;width:100%}.brand-header{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.brand-logo{border-radius:11px;width:44px;height:44px;box-shadow:0 4px 14px #0edcd540}.brand-title{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 40%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:26px;font-weight:800}.brand-subtitle{color:var(--color-on-surface);margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.brand-description{color:var(--color-on-surface-secondary);margin-bottom:18px;font-size:13px;line-height:1.5}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-on-primary);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 16px #0edcd559}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0edcd580}.btn-primary:active{transform:translateY(0)}.btn-primary:focus-visible,.victory-btn:focus-visible,.text-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.victory-overlay{-webkit-backdrop-filter:blur(24px);z-index:120;opacity:0;pointer-events:none;background:#0b0b12d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .35s;display:flex;position:fixed;top:0;left:0}.victory-overlay.active{opacity:1;pointer-events:auto}.victory-card{background:radial-gradient(circle at 50% 0%, #0edcd526, var(--color-surface-card) 70%);border:2px solid var(--color-primary);text-align:center;border-radius:28px;max-width:580px;padding:40px 36px;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);transform:scale(.85);box-shadow:0 0 60px #0edcd559,0 24px 64px #000c}.victory-overlay.active .victory-card{transform:scale(1)}.victory-badge-icon{margin-bottom:12px;font-size:54px;animation:1.2s ease-in-out infinite bounce;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.victory-title{color:var(--color-tertiary);margin-bottom:16px;font-size:24px;font-weight:800}.victory-message-quote{font-family:var(--font-mono);color:var(--color-primary);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);text-shadow:0 0 16px #0edcd566;background:#0edcd514;margin-bottom:24px;padding:20px 24px;font-size:19px;font-weight:700;line-height:1.45}.victory-sub{color:var(--color-on-surface-secondary);margin-bottom:24px;font-size:14px}.victory-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-on-primary);border-radius:var(--radius-full);cursor:pointer;border:none;padding:13px 32px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 6px 24px #0edcd566}.victory-btn:hover{transform:scale(1.05);box-shadow:0 8px 30px #0edcd599}#confetti-canvas{pointer-events:none;z-index:110;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:840px){#ui-layer{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;padding:16px}.ui-column{width:100%;max-width:440px}.ui-column-center,.ui-column-right{align-items:stretch}.title-card{width:100%}.bottom-left-links{justify-content:center;bottom:16px;left:16px;right:16px}}