.lob,.lob-sheet{--lo-bg:#000;--lo-text:#f4f4f5;--lo-muted:#f4f4f59e;--lo-accent:#c8ff2e;--lo-rest:#6fa8c4}.lob-sheet{color:var(--lo-text);background:linear-gradient(160deg,#ffffff1a,#ffffff05 46%),#0e0e12}.lob{background:linear-gradient(#0000 0,#000 22rem calc(100% - 14rem),#0000 100%);position:relative;overflow-x:clip}.lob-app,.lob .lo-display,.lob .lo-num{font-family:var(--font-archivo), system-ui, sans-serif}.lob-app{color:var(--lo-text)}.lob-light{pointer-events:none;background:radial-gradient(closest-side, var(--glow), transparent);will-change:transform;border-radius:9999px;animation:44s ease-in-out infinite alternate lob-drift;position:absolute}.lob-light-b{animation-name:lob-drift-b;animation-duration:58s}@keyframes lob-drift{to{transform:translate(6vw,5vh)scale(1.12)}}@keyframes lob-drift-b{to{transform:translate(-7vw,-6vh)scale(.92)}}.lob-area{padding-block:var(--spacing-section);position:relative}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.lob-area:last-child{padding-bottom:1.25rem}}.lob-area[data-light=lime]{--light:#c8ff2e;--light-2:#12b8a6}.lob-area[data-light=teal]{--light:#2ee6c0;--light-2:#7a4dff}.lob-area[data-light=blue]{--light:#4f8cff;--light-2:#b14dff}.lob-pill{background:var(--lo-accent);color:#000;border-radius:9999px;align-items:center;gap:.4rem;height:2.25rem;padding-inline:.8rem .95rem;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 0 34px -8px #c8ff2e99}.lob-title{max-width:18ch;color:var(--lo-text);text-wrap:balance;margin-top:1.25rem;font-size:clamp(1.75rem,1.05rem + 2.9vw,3.4rem);line-height:1.03}.lob-tile{border-radius:1.75rem;padding:1.25rem;position:relative}@media (min-width:768px){.lob-tile{padding:1.75rem}}.lob-clip{overflow:hidden}.lob-label{font-size:.875rem;font-weight:500;line-height:1.3}.lob-num-xl{letter-spacing:-.03em;font-size:clamp(8rem,4.5rem + 15vw,14rem);line-height:.78}.lob-num-lg{letter-spacing:-.02em;font-size:clamp(3.75rem,2.6rem + 4.6vw,5.75rem);line-height:.82}.lob-num-unit{opacity:.7;margin-left:.08em;font-size:.42em}.lob-chip{background:color-mix(in srgb, var(--chip,var(--lo-accent)) 15%, transparent);width:2.5rem;height:2.5rem;color:var(--chip,var(--lo-accent));border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lob-capsule{white-space:nowrap;border-radius:9999px;align-items:center;height:2rem;padding-inline:.85rem;font-size:.8125rem;font-weight:500;display:inline-flex}.lob-bar{background:#ffffff14;border-radius:9999px;height:.5rem;overflow:hidden}.lob-bar>span{border-radius:inherit;background:var(--lo-accent);height:100%;display:block;box-shadow:0 0 18px #c8ff2e99}.lob-flow-chip{color:#000;text-align:center;background:#ffffff40;border:1px solid #0000004d;border-radius:1rem;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:.35rem;min-width:0;min-height:4.25rem;padding:.6rem .4rem;font-size:.75rem;font-weight:600;line-height:1.1;display:flex;position:relative}.lob-flow-chip[data-done=true]{background:#fffffff2;border-color:#0000;box-shadow:0 0 26px #ffffffe6,0 10px 18px -8px #00000073}.lob-flow-check{width:1.25rem;height:1.25rem;color:var(--lo-accent);background:#000;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:-.25rem;right:-.25rem}.lob-source{align-items:center;gap:.875rem;padding:.875rem 1.25rem;display:flex;position:relative}.lob-source+.lob-source{border-top:1px solid #ffffff12}.lob-source-term{font-size:1rem;font-weight:600;line-height:1.25}.lob-source-desc{color:var(--lo-muted);margin-top:.15rem;font-size:.875rem;line-height:1.4}.lob-input{color:var(--lo-muted);background:#000;border-radius:.875rem;margin-top:.4rem;padding:.6rem .9rem;font-size:.875rem;line-height:1.4}.lob-port{background:var(--lo-accent);border-radius:9999px;width:.5rem;height:.5rem;position:absolute;box-shadow:0 0 12px #c8ff2ee6}.lob-flow-line{fill:none;stroke-width:1.25px;stroke-linecap:round}.lob-flow-pulse{fill:none;stroke:var(--lo-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:3 30;animation:2.8s linear infinite lob-flow}@keyframes lob-flow{to{stroke-dashoffset:-33px}}.lob-stem{background:linear-gradient(to bottom, #c8ff2e26, var(--lo-accent));border-radius:9999px;width:2px;height:2.75rem;margin-inline:auto}.lob-coach-msg{text-shadow:0 2px 18px #0000008c;text-wrap:pretty;font-size:clamp(1.25rem,1rem + 1vw,1.7rem);font-weight:600;line-height:1.3}.lob-code{border-radius:1.5rem;overflow:hidden}.lob-code-head{align-items:center;gap:.6rem;padding:1rem 1.25rem .25rem;font-size:.8125rem;line-height:1.25rem;display:flex}.lob-code-bar{background:var(--light,var(--lo-accent));border-radius:9999px;width:.25rem;height:1rem}.lob-code pre{color:#e4e4ea;outline:none;padding:.75rem 1.25rem 1.25rem;font-size:.8125rem;line-height:1.7;overflow-x:auto}.lob-code pre:focus-visible{border-radius:0 0 1.5rem 1.5rem;box-shadow:inset 0 0 0 2px #c8ff2eb3}.lob-code-comment{color:var(--lo-muted)}.lob-date{background:color-mix(in srgb, var(--light) 14%, transparent);width:3.75rem;height:4.25rem;color:var(--light);border-radius:1rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lob-date-day{font-size:2rem;line-height:.9}.lob-date-month{margin-top:.2rem;font-size:.75rem;font-weight:600;line-height:1}.lob-decision-title{text-wrap:balance;font-size:clamp(1.2rem,1rem + .8vw,1.55rem);line-height:1.12}.lob-ghost{color:#0000;-webkit-text-stroke:1px #f4f4f533;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(7rem,5rem + 8vw,11.5rem);line-height:.8;position:absolute;top:.06em;right:1.5rem}@media (prefers-reduced-motion:reduce){.lob-light,.lob-flow-pulse{animation:none}.lob-flow-pulse{display:none}}
