.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}
.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative;overflow:hidden}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#09090b,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}
@layer components{.lp{--yellow:var(--color-primary);--yellow-20:var(--color-primary-20);--yellow-dark:#eea800;--primary-foreground:var(--color-primary-foreground);--ink:var(--color-foreground);--ink-soft:var(--color-muted-foreground);--paper:var(--color-muted);--canvas:var(--color-background);--fog:var(--color-muted);--line:var(--color-border);--cool:var(--color-muted-foreground);--subtle:var(--color-muted-foreground);--font-display:var(--font-funnel-display), system-ui, sans-serif;--font-sans:var(--font-inter), system-ui, sans-serif;--font-sans-tight:var(--font-inter-tight), system-ui, sans-serif;--font-mono:var(--font-geist-mono), system-ui, monospace;--page-max:1320px;--r-lg:18px;font-family:var(--font-sans), system-ui, sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;letter-spacing:-.015em;font-weight:400;line-height:1.4}.lp a{color:inherit;text-decoration:none}.lp button{font:inherit;cursor:pointer}.lp img,.lp svg{max-width:100%;display:block}.lp-frame{z-index:0;pointer-events:none;justify-content:center;display:flex;position:fixed;inset:0}.lp-frame:after{content:"";width:100%;max-width:var(--page-max);border-left:1px solid var(--line);border-right:1px solid var(--line);height:100%}.pulse{background:var(--yellow);border-radius:50%;width:7px;height:7px;animation:2s infinite lp-pulse;box-shadow:0 0 #f9b31499}.running{color:var(--muted-foreground);font-size:13px;font-family:var(--font-mono);align-items:center;gap:10px;margin-left:6px;font-weight:400;display:inline-flex}.running .dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;animation:2s infinite lp-pulse}.lp-sprint-mock{z-index:1;aspect-ratio:4/3;border-radius:var(--r-lg);color:#fff;background:#111;border:1px solid #ffffff1a;flex-direction:column;width:100%;padding:24px;display:flex;position:relative}.lp-sprint-mock .live{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#f9b314;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.lp-sprint-mock .live:before{content:"";background:#f9b314;border-radius:50%;width:8px;height:8px;animation:1.8s infinite lp-pulse}.lp-sprint-mock .timer{font-family:var(--font-display);font-feature-settings:"tnum" 1;letter-spacing:-.02em;margin:8px 0 4px;font-size:clamp(56px,14vw,96px);font-weight:300;line-height:1}.lp-sprint-mock .task-name{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209);letter-spacing:-.01em;font-size:16px;font-weight:400}.lp-sprint-mock .steps{border-top:1px solid #ffffff1a;flex-direction:column;gap:8px;margin-top:22px;padding-top:18px;font-size:13.5px;display:flex}.lp-sprint-mock .step{align-items:center;gap:10px;display:flex}.lp-sprint-mock .step.done{color:#fff6;-webkit-text-decoration:line-through #fff3;text-decoration:line-through #fff3}.lp-sprint-mock .step.now{color:var(--primary-foreground);font-weight:500}.lp-sprint-mock .step .b{border:1.5px solid #ffffff1a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.lp-sprint-mock .step.done .b{background:#f9b314;border-color:#f9b314}.lp-sprint-mock .step.now .b{border-color:#f9b314;animation:1.8s ease-in-out infinite lp-blink-now;box-shadow:0 0 0 3px #f9b3142e}.lp-sprint-mock .footer{gap:6px;margin-top:24px;display:flex}.lp-sprint-mock .footer button{color:var(--primary-foreground);font-family:var(--font-sans);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:500}.lp-sprint-mock .footer button.primary{color:var(--primary-foreground);background:#f9b314;border-color:#f9b314;font-weight:600}.lp-hero-tasks{flex-direction:column;gap:8px;margin-top:auto;display:flex}.lp-htask{background:var(--canvas);border:1px solid var(--line);letter-spacing:-.01em;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.lp-htask .chk{border:1.5px solid var(--line);border-radius:50%;flex-shrink:0;width:18px;height:18px}.lp-htask.active{border-color:var(--yellow);background:var(--yellow-20)}.lp-htask.active .chk{border-color:var(--yellow);background:radial-gradient(circle, var(--yellow) 30%, transparent 32%)}.lp-htask.done .chk{background:var(--ink);border-color:var(--ink);position:relative}.lp-htask.done .chk:after{content:"";border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;width:9px;height:5px;position:absolute;top:5px;left:4px;transform:rotate(-45deg)}.lp-htask.done .name{color:var(--muted-foreground);text-decoration:line-through;-webkit-text-decoration-color:var(--subtle);text-decoration-color:var(--subtle)}.lp-htask .name{flex:1;font-weight:500}.lp-htask .meta{color:var(--muted-foreground);font-size:12px;font-family:var(--font-mono)}.lp-htask .pill{font-family:var(--font-mono);background:var(--canvas);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);border-radius:999px;padding:2px 7px;font-size:10px}.lp-htask.active .pill{background:var(--yellow);border-color:var(--yellow-dark);color:var(--ink);font-weight:600}.lp-card{background:var(--canvas);border:1px solid var(--line);border-radius:var(--r-lg);min-height:300px;padding:32px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s;position:relative;overflow:hidden}.lp-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #0000000a,0 28px 52px -16px #00000024}.lp-card.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lp-card.dark:hover{box-shadow:0 2px 4px #0000001f,0 28px 52px -16px #00000059}.lp-card.fog{background:var(--fog)}.lp-card.with-gradient{color:#fff;background-position:50%;background-size:cover}.lp-card.with-gradient:after{content:"";z-index:0;background:linear-gradient(#0000 40%,#0c04048c);position:absolute;inset:0}.lp-card.with-gradient.bl{background-image:url(/lockin-gradient.png);background-position:0 100%;background-size:150% 150%}.lp-card.with-gradient.tl{background-image:url(/lockin-gradient.png);background-position:0 0;background-size:150% 150%}.lp-card.with-gradient.tr{background-image:url(/lockin-gradient.png);background-position:100% 0;background-size:150% 150%}.lp-card .body{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.lp-card h3{font-family:var(--font-sans-tight);margin:0 0 12px;font-size:28px;font-weight:550;line-height:1.1}.lp-card h3 .light{color:var(--muted-foreground)}.lp-card.dark h3 .light,.lp-card.with-gradient h3 .light{color:#ffffffb3}.lp-card p{color:var(--cool);letter-spacing:-.01em;max-width:360px;margin:0;font-size:14px;line-height:1.5}.lp-card.dark p,.lp-card.with-gradient p{color:#ffffffc7}.lp-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:500;display:inline-flex}.lp-card-label:before{content:"";background:var(--yellow);width:7px;height:7px;transform:rotate(45deg)}.lp-card.dark .lp-card-label,.lp-card.with-gradient .lp-card-label{color:#ffffffa6}@media (hover:hover){.lp-card[data-hint]:after{content:attr(data-hint);font-family:var(--font-mono);color:var(--muted-foreground);letter-spacing:.06em;opacity:1;pointer-events:none;z-index:10;font-size:10px;transition:opacity .2s;position:absolute;bottom:12px;right:14px}.lp-card[data-hint]:hover:after{opacity:0}}.lp-breakdown-mock{background:var(--canvas);border:1px solid var(--line);border-radius:12px;flex-direction:column;margin-top:18px;padding:16px;display:flex}.lp-breakdown-mock .uq{background:var(--fog);width:fit-content;color:var(--ink-soft);letter-spacing:-.01em;border-radius:12px;align-self:flex-end;padding:10px 14px;font-size:13.5px}.lp-uq-typing{align-items:center;min-height:38px;display:flex}.lp-uq-typing .cursor{animation:.75s step-end infinite lp-blink-cursor}.lp-breakdown-mock .ai{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.lp-breakdown-mock .av{flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;position:relative}.lp-breakdown-mock .av:after{content:"";background:var(--yellow);width:24px;height:24px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='black'><path d='M 50 0 C 50 27.614 72.386 50 100 50 C 72.386 50 50 72.386 50 100 C 50 72.386 27.614 50 0 50 C 27.614 50 50 27.614 50 0 Z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='black'><path d='M 50 0 C 50 27.614 72.386 50 100 50 C 72.386 50 50 72.386 50 100 C 50 72.386 27.614 50 0 50 C 27.614 50 50 27.614 50 0 Z'/></svg>") 50%/contain no-repeat}.lp-breakdown-mock .ai-bubble{letter-spacing:-.01em;padding:6px 0;font-size:12.5px}.lp-breakdown-mock .steps{flex-direction:column;gap:5px;margin-top:10px;display:flex}.lp-breakdown-mock .step{background:var(--canvas);border:1px solid var(--line);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.lp-breakdown-mock .step .grip{background-image:radial-gradient(circle, var(--subtle) 1px, transparent 1.5px);background-size:4px 4px;width:8px;height:14px}.lp-breakdown-mock .step .cb{border:1.5px solid var(--line);border-radius:50%;width:16px;height:16px}.lp-breakdown-mock .step .nm{flex:1;font-weight:500}.lp-breakdown-mock .step .dur{font-family:var(--font-mono);color:var(--muted-foreground);background:var(--fog);border-radius:999px;padding:2px 8px;font-size:13px}.lp-breakdown-mock .row-actions{gap:6px;margin-top:10px;display:flex}.lp-breakdown-mock .row-actions .b{font-family:var(--font-sans);border:1px solid var(--line);background:var(--canvas);color:var(--ink);letter-spacing:-.01em;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500}.lp-breakdown-mock .row-actions .b.primary{background:var(--yellow);color:var(--primary-foreground);border-color:var(--yellow-dark);font-weight:600}.lp-breakdown-mock .ai,.lp-breakdown-mock .steps,.lp-breakdown-mock .row-actions{opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(8px)}.lp-breakdown-mock.bd-phase-1 .ai,.lp-breakdown-mock.bd-phase-2 .ai,.lp-breakdown-mock.bd-phase-3 .ai,.lp-breakdown-mock.bd-phase-2 .steps,.lp-breakdown-mock.bd-phase-3 .steps,.lp-breakdown-mock.bd-phase-3 .row-actions{opacity:1;transform:translateY(0)}.lp-ext-popup{aspect-ratio:4/3;background:var(--color-black);color:#fff;border-radius:var(--r-lg);width:100%;font-family:var(--font-sans);margin:0 auto;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 30px 50px -20px #00000080}.lp-ext-popup:hover{transform:scale(1.02);box-shadow:0 40px 60px -24px #0000008c}.lp-ext-popup .head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:#ffffff80;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;display:flex}.lp-ext-popup .head .live{color:var(--yellow);align-items:center;gap:6px;display:inline-flex}.lp-ext-popup .head .live:before{content:"";background:var(--yellow);border-radius:50%;width:6px;height:6px;animation:1.8s infinite lp-pulse}.lp-ext-popup .task-name{letter-spacing:-.02em;font-size:15px;font-weight:500}.lp-ext-popup .timer{font-family:var(--font-sans);font-feature-settings:"tnum" 1;letter-spacing:-.045em;margin:6px 0 8px;font-size:clamp(40px,9vw,56px);font-weight:300;line-height:1}.lp-ext-popup .progress{background:#ffffff1a;border-radius:999px;height:3px;margin-bottom:14px;position:relative;overflow:hidden}.lp-ext-popup .progress:after{content:"";background:var(--yellow);border-radius:999px;width:62%;position:absolute;top:0;bottom:0;left:0}.lp-ext-popup .step{color:#ffffffb3;gap:8px;padding:3px 0;font-size:12.5px;display:flex}.lp-ext-popup .step.done{color:#ffffff59;-webkit-text-decoration:line-through #fff3;text-decoration:line-through #fff3}.lp-ext-popup .step.now{color:#fff;font-weight:500}.lp-ext-popup .step .b{border:1.5px solid #ffffff40;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.lp-ext-popup .step.done .b{background:var(--yellow);border-color:var(--yellow)}.lp-ext-popup .step.now .b{border-color:var(--yellow);animation:1.8s ease-in-out infinite lp-blink-now;box-shadow:0 0 0 2px #f9b31433}.lp-ext-popup .footer{border-top:1px solid #ffffff14;gap:5px;margin-top:14px;padding-top:12px;display:flex}.lp-ext-popup .footer button{color:#fff;font-family:var(--font-sans);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:500}.lp-ext-popup .footer button.primary{background:var(--yellow);color:var(--primary-foreground);border-color:var(--yellow);font-weight:600}.lp-hud{background:var(--color-black);color:#fff;border:2px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:8px 14px 8px 12px;font-size:13px;font-weight:500;display:inline-flex}.lp-hud .live{background:var(--yellow);border-radius:50%;width:7px;height:7px;animation:1.8s infinite lp-pulse}.lp-hud .t{font-family:var(--font-sans);font-feature-settings:"tnum" 1;font-weight:500}.lp-hud .nm{color:#ffffffa6;font-weight:400}.lp-hud .progress-ring{background:conic-gradient(var(--yellow) 62%, #ffffff1f 0);border:0;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:6px;animation:1.2s cubic-bezier(.16,1,.3,1) 1s both lp-ring-grow;display:grid}.lp-hud .progress-ring:after{content:"";background:var(--color-black);border-radius:50%;width:16px;height:16px}.lp-block-mock{background:var(--ink);border-radius:var(--r-lg);color:#fff;text-align:center;padding:32px 28px;position:relative;overflow:hidden}.lp-block-mock:before{content:"";background:radial-gradient(at top,#f9b3142e,#0000 65%);position:absolute;inset:0}.lp-block-mock .tld{width:fit-content;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--yellow);background:#f9b3141a;border:1px solid #f9b3144d;border-radius:999px;align-items:center;gap:6px;margin:0 auto;padding:4px 10px;font-size:10px;font-weight:500;position:relative}.lp-block-mock h4{font-family:var(--font-sans-tight);margin:16px 0 8px;font-size:28px;font-weight:550;line-height:1.1;position:relative}.lp-block-mock h4 em{color:var(--yellow);font-style:normal}.lp-block-mock p{color:#ffffffa6;letter-spacing:-.01em;max-width:280px;margin:0 auto;font-size:14px;position:relative}.lp-block-mock .receipt{text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:100%;max-width:400px;margin:22px auto 0;padding:12px 14px;font-size:12px;position:relative}.lp-block-mock .receipt .r{font-family:var(--font-sans);letter-spacing:-.01em;justify-content:space-between;padding:3px 0;display:flex}.lp-block-mock .receipt .r .l{color:#fff6}.lp-block-mock .receipt .r .v{font-weight:500}.lp-block-mock .receipt .r.t .v{font-family:var(--font-mono);color:var(--yellow)}.lp-pixel-bento{background:var(--color-black);border:1px solid var(--line);border-radius:var(--r-lg);min-height:300px;transition-delay:var(--rd,0s);padding:0}.lp-pixel-bento .pixel-canvas{z-index:0;position:absolute;inset:0;width:100%!important;height:100%!important}.lp-pixel-content{z-index:1;border-radius:inherit;background:0 0;flex-direction:column;justify-content:center;padding:32px 28px;display:flex;position:absolute;inset:0}.lp-heat-grid{grid-template-columns:repeat(13,1fr);gap:4px;margin-top:18px;display:grid}.lp-heat-grid .c{aspect-ratio:1;background:rgba(249, 179, 20, var(--lvl,.08));border-radius:3px}.lp-billing-toggle{background:var(--canvas);border:1px solid var(--line);border-radius:8px;margin-top:24px;padding:4px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.lp-billing-toggle button{z-index:1;font-weight:500;font-family:var(--font-sans);color:var(--muted-foreground);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 18px;transition:color .2s;position:relative}.lp-billing-toggle button.active{color:var(--paper)}.lp-billing-toggle .save{background:var(--yellow);color:var(--primary-foreground);font-family:var(--font-mono);vertical-align:1px;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.lp-bt-pill{background:var(--ink);pointer-events:none;z-index:0;border-radius:6px;transition:left .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px}.lp-bt-pill.no-anim{transition:none!important}.lp-features{color:var(--ink-soft);letter-spacing:-.01em;flex-direction:column;gap:10px;margin:28px 0;padding:0;font-size:13.5px;list-style:none;display:flex}.lp-features li{align-items:flex-start;gap:10px;display:flex}.lp-features li:before{content:"";background:var(--yellow);flex-shrink:0;width:16px;height:16px;margin-top:1px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M 6.5 11.5 L 2.5 8 l 1 -1 L 6.5 9.5 L 12.5 4 l 1 1 z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='black' d='M 6.5 11.5 L 2.5 8 l 1 -1 L 6.5 9.5 L 12.5 4 l 1 1 z'/></svg>") 50%/contain no-repeat}.lp-tier-pro.border-glow-card{border-color:var(--line)}.lp-tier-pro .border-glow-inner{overflow:visible}.lp-tier-pro{transition:transform .22s cubic-bezier(.16,1,.3,1)}.lp-tier-pro:hover{transform:translateY(-6px)}.lp-price-flip{animation:.22s cubic-bezier(.16,1,.3,1) both lp-price-flip}.lp-countdown.tick{animation:.3s lp-tick-pulse}.lp-sprint-card{background:var(--canvas);border-color:var(--line);transition:background .35s,border-color .35s,box-shadow .35s}.lp-sprint-timer-big{font-family:var(--font-display);font-feature-settings:"tnum" 1;letter-spacing:-.045em;color:var(--ink);margin-top:24px;font-size:clamp(56px,12vw,88px);font-weight:300;line-height:1;transition:color .35s,font-weight .35s}.lp-sprint-status{font-family:var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.12em;margin-top:10px;font-size:13px;transition:color .3s}.lp-sprint-task-slide{color:var(--cool);opacity:0;margin-top:6px;font-size:13px;transition:opacity .3s .1s,transform .3s .1s;transform:translateY(8px)}.lp-sprint-card.sprint-active .lp-sprint-timer-big{color:var(--color-primary);text-shadow:0 2px 4px #0000000a,0 28px 52px -16px #f9b3144d}.lp-sprint-card.sprint-active .lp-sprint-status{color:var(--ink-soft)}.lp-sprint-card.sprint-active .lp-sprint-task-slide{opacity:1;color:var(--ink-soft);transform:translateY(0)}.lp-hud-demo-card .lp-hud{opacity:.25;filter:grayscale();transition:opacity .45s,filter .45s,transform .45s cubic-bezier(.16,1,.3,1)}.lp-hud-demo-card:hover .lp-hud{opacity:1;filter:grayscale(0);transform:translateY(-2px)}.lp-distraction-tabs{flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.lp-dt-tab{background:var(--canvas);border:1px solid var(--line);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex;position:relative;overflow:hidden}.lp-dt-nm{flex:1;font-weight:500}.lp-dt-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:500}.lp-dt-badge.hard{background:var(--yellow);color:var(--primary-foreground)}.lp-dt-badge.soft{background:var(--fog);color:var(--cool)}.lp-dt-blocked{background:var(--color-black);width:100%;color:var(--yellow);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;will-change:transform;white-space:nowrap;align-items:center;padding:0 12px;font-size:11px;font-weight:700;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@media (hover:hover){.lp-card:hover .lp-dt-tab:first-child .lp-dt-blocked{transition-delay:0s;transform:translate(0)}.lp-card:hover .lp-dt-tab:nth-child(2) .lp-dt-blocked{transition-delay:55ms;transform:translate(0)}.lp-card:hover .lp-dt-tab:nth-child(3) .lp-dt-blocked{transition-delay:.11s;transform:translate(0)}}@keyframes lp-pulse{0%{box-shadow:0 0 #f9b3148c}70%{box-shadow:0 0 0 9px #f9b31400}to{box-shadow:0 0 #f9b31400}}@keyframes lp-blink-now{0%,to{opacity:1;box-shadow:0 0 0 3px #f9b3142e}50%{opacity:.5;box-shadow:0 0 0 6px #f9b31414}}@keyframes lp-ring-grow{0%{background:conic-gradient(var(--yellow) 0%, #ffffff1f 0)}to{background:conic-gradient(var(--yellow) 62%, #ffffff1f 0)}}@keyframes lp-blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes lp-tick-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes lp-price-flip{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.lp a:focus-visible,.lp button:focus-visible,.lp [role=button]:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
