.app-container{position:relative;z-index:1;max-width:1100px}.topbar{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(37,36,35,.72);border-bottom:1px solid var(--bg-grid)}.topbar__inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.topbar__tag{font-size:.75rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)!important}.brand__dots{display:inline-flex;gap:5px}.brand__name{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.brand .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.brand .dot--red{background:var(--red)}.brand .dot--yellow{background:var(--yellow)}.brand .dot--green{background:var(--green)}.brand:hover .dot{transform:translateY(-2px);transition:transform .2s}.shapes-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.shape-wrap{position:absolute;pointer-events:auto;cursor:-webkit-grab;cursor:grab;touch-action:none;padding:12px}.shape-wrap.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.shape-wrap--1{top:18%;left:6%}.shape-wrap--2{top:62%;left:10%}.shape-wrap--3{top:24%;right:7%}.shape-wrap--4{top:70%;right:9%}.shape{display:block;width:56px;height:56px}.shape--circle{background:var(--red);border-radius:50%;box-shadow:0 0 40px rgba(255,75,75,.35)}.shape--square{background:var(--yellow);border-radius:10px;width:44px;height:44px;box-shadow:0 0 40px rgba(255,204,42,.3)}.shape--triangle{background:var(--green);-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 20px rgba(141,255,85,.35))}.shape--ring{border:8px solid var(--cyan);border-radius:50%;width:48px;height:48px}@media(max-width:960px){.shape-wrap{opacity:.35}.shape{width:36px;height:36px}.shape--ring{border-width:5px}}:root{--bg:#252423;--bg-grid:#1f1f1e;--surface:#2c2a28;--surface-2:#3b3936;--border:#4a4745;--text:#f6f4f2;--text-muted:#85827e;--red:#ff4b4b;--red-dark:#d44343;--orange:#ffa828;--yellow:#ffcc2a;--green:#8dff55;--cyan:#26f2d5;--radius:14px;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter","Roboto",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}html{overflow-y:auto}.v-application.theme--dark{background:var(--bg)!important;color:var(--text);font-family:var(--font-body)!important}.v-application .font-display{font-family:var(--font-display)!important}.v-application .font-mono{font-family:var(--font-mono)!important}.text-muted{color:var(--text-muted)!important}.text-gradient{background:linear-gradient(90deg,var(--red),var(--orange),var(--yellow));-webkit-background-clip:text;background-clip:text;color:transparent}.grid-bg{background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 0),linear-gradient(90deg,var(--bg-grid) 1px,transparent 0);background-size:48px 48px;background-position:top}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:16px 32px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.01em;cursor:pointer;transition:background-color .2s,box-shadow .25s,opacity .2s;will-change:transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pill-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.pill-btn--red{background:var(--red);color:var(--bg)}.pill-btn--red:hover:not(:disabled){background:var(--red-dark);box-shadow:0 0 32px rgba(255,75,75,.45)}.pill-btn--green{background:var(--green);color:var(--bg)}.pill-btn--green:hover:not(:disabled){box-shadow:0 0 32px rgba(141,255,85,.45)}.pill-btn--outline{background:transparent;color:var(--red);box-shadow:inset 0 0 0 2px var(--red)}.pill-btn--outline:hover{background:rgba(255,75,75,.1)}.pill-btn--ghost{background:transparent;color:var(--text-muted);padding:10px 20px;font-size:.9rem}.pill-btn--ghost:hover{color:var(--text)}.pill-btn:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed;box-shadow:none}@media(prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important}}