.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.has-ring,.has-ring:hover,.pj-stat.on.has-ring{border-color:transparent}.pj-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none}.pj-ring rect{rx:17px;fill:none;stroke-width:1.5}.pj-ring .track{stroke:var(--line)}.pj-ring.live{--ring:var(--ab-green)}.pj-ring.live .track{display:none}.pj-ring.live .line{stroke:var(--ring);stroke-width:1.75;animation:ringGlow 2.6s ease-in-out infinite}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 1px color-mix(in srgb,var(--ring) 40%,transparent));stroke-opacity:.75}50%{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ring) 85%,transparent));stroke-opacity:1}}.pj-ring.soon{--ring:var(--yellow)}.pj-ring.soon .track{stroke:color-mix(in srgb,var(--ring) 35%,transparent)}.pj-ring.soon .line{stroke:var(--ring);stroke-width:2;stroke-linecap:round;stroke-dasharray:22 78;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ring) 70%,transparent));animation:ringRun 3.4s linear infinite}@keyframes ringRun{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.pj-ring.progress .line{stroke:var(--faint);stroke-dasharray:1.6 1.6;animation:ringCreep 14s linear infinite}@keyframes ringCreep{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}@font-face{font-family:Mochiy Pop One;src:url(/assets/fonts/mochiy-pop-one-latin.woff) format("woff");font-display:swap}.mochiy{font-family:Mochiy Pop One,Arial Rounded MT Bold,sans-serif;font-weight:400;letter-spacing:-.02em}.ly-name .mochiy,.pj-body h2 .mochiy{font-size:.84em}.iowan{font-family:Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-weight:600;letter-spacing:-.02em}.pj-tags{display:flex;flex-wrap:wrap;gap:8px}.pj-status{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.01em;color:var(--ink2);background:var(--chip-bg);border:1px solid var(--line);border-radius:999px;height:30px;padding:0 13px}.pj-status .pj-ring rect{rx:15px}.pj-status:has(.pj-ring.live){background:color-mix(in srgb,var(--ab-green) 18%,var(--bg))}.pj-status:has(.pj-ring.soon){background:color-mix(in srgb,var(--yellow) 20%,var(--bg))}.ly-cover.dark .pj-status:has(.pj-ring.live){background:color-mix(in srgb,var(--ab-green) 16%,#101013)}.pj-status.pj-cat{border-style:solid;color:var(--muted)}.pj-status.pj-client{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pj-mock{position:relative;margin-top:34px;border-radius:18px;background:#17171b;border:1px solid #2b2b32;box-shadow:0 40px 80px -34px #0000008c;overflow:hidden;aspect-ratio:16/10.5;text-align:left;transition:transform .45s var(--ease-float)}.pj-station:hover .pj-mock{transform:translateY(-8px) rotate(-.6deg)}.pj-mock .titlebar{height:26px;display:flex;align-items:center;gap:5px;padding:0 11px;border-bottom:1px solid #26262c}.pj-mock .titlebar i{width:8px;height:8px;border-radius:50%;background:#33333b;display:block}.pj-mock .app{display:flex;height:calc(100% - 26px)}.pj-mock .side{width:31%;border-right:1px solid #26262c;padding:10px 8px;display:flex;flex-direction:column;gap:6px}.pj-mock .side .item{height:22px;border-radius:6px;background:#212127;display:flex;align-items:center;padding:0 8px;gap:6px}.pj-mock .side .item.active{background:#fff}.pj-mock .side .item i{width:7px;height:7px;border-radius:3px;background:var(--ic);display:block;flex:none}.pj-mock .side .item b{height:5px;border-radius:3px;background:#3a3a42;flex:1;display:block}.pj-mock .side .item.active b{background:#c9c9d2}.pj-mock .canvas{flex:1;padding:10px}.pj-mock .canvas .art{height:100%;border-radius:10px;background:radial-gradient(circle at 25% 30%,var(--ab-purple),transparent 55%),radial-gradient(circle at 78% 22%,var(--ab-green),transparent 52%),radial-gradient(circle at 62% 82%,var(--ab-purple),transparent 55%),radial-gradient(circle at 18% 85%,var(--ab-green),transparent 50%),#17171b;animation:artGlow 5.5s ease-in-out infinite}.rp-mock{--pp:#EDE6D6;--pp2:#E4DAC4;--pp3:#DCD0B6;--crimson:#C8102E;--rline:#d3c6ac;--rink:#5b5140;position:relative;margin-top:34px;display:flex;border-radius:18px;background:var(--pp);border:1px solid var(--rline);box-shadow:0 40px 80px -34px #46371e73;overflow:hidden;aspect-ratio:16/10.5;text-align:left;transition:transform .45s var(--ease-float)}.pj-station:hover .rp-mock{transform:translateY(-8px) rotate(-.6deg)}.rp-mock .rail{width:26%;flex:none;padding:11px 10px;background:var(--pp2);border-right:1px solid var(--rline);display:flex;flex-direction:column;gap:7px}.rp-mock .brand{display:flex;align-items:center;gap:6px;margin-bottom:9px}.rp-mock .brand i{width:9px;height:9px;flex:none;background:var(--crimson);transform:rotate(45deg)}.rp-mock .brand b{height:6px;width:56%;border-radius:2px;background:var(--rink);display:block}.rp-mock .step{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:3px}.rp-mock .step s{width:8px;height:4px;border-radius:1px;background:var(--rline);flex:none}.rp-mock .step b{height:4px;flex:1;border-radius:2px;background:var(--rline);display:block}.rp-mock .step.on{background:#c8102e17;box-shadow:inset 2px 0 0 var(--crimson)}.rp-mock .step.on b{background:var(--rink)}.rp-mock .main{flex:1;padding:12px 13px;display:flex;flex-direction:column;gap:8px;min-width:0}.rp-mock .rule{display:flex;align-items:center;gap:6px}.rp-mock .rule i{width:10px;height:8px;background:var(--crimson);flex:none}.rp-mock .rule b{height:5px;flex:1;border-radius:2px;background:var(--rline);display:block}.rp-mock .field{display:flex;align-items:stretch;height:19px;border:1px solid var(--rink);background:#f6f1e4}.rp-mock .field b{flex:1;align-self:center;height:5px;margin:0 7px;border-radius:2px;background:var(--rline);display:block}.rp-mock .field .go{width:27%;background:var(--crimson);display:block}.rp-mock .card{display:flex;gap:8px;padding:7px;background:#f6f1e4;border:1px solid var(--rline);box-shadow:2px 2px #c8102e80}.rp-mock .card .thumb{width:30%;aspect-ratio:16/10;flex:none;display:block;background:linear-gradient(135deg,#6f6552,#34302a)}.rp-mock .card .meta{flex:1;display:flex;flex-direction:column;justify-content:center;gap:5px}.rp-mock .card .meta b{height:5px;border-radius:2px;background:var(--rline);display:block}.rp-mock .card .meta b:first-child{background:var(--rink);width:78%}.rp-mock .card .meta b:last-child{width:34%;background:#c8102e8c}.rp-mock .tabs{display:flex;gap:5px;border-bottom:1px solid var(--rline);padding-bottom:5px}.rp-mock .tabs i{width:26px;height:9px;background:var(--pp3);display:block}.rp-mock .tabs i.on{background:#f6f1e4;border:1px solid var(--rline);border-bottom-color:transparent}.rp-mock .rows{flex:1;display:flex;flex-direction:column;gap:3px;min-height:0}.rp-mock .row{display:flex;align-items:center;gap:9px;padding:0 7px;flex:1;min-height:0;background:#f1ebdc}.rp-mock .row b{height:4px;border-radius:2px;background:var(--rline);display:block}.rp-mock .row b:nth-child(1){width:20%;background:var(--rink);height:5px}.rp-mock .row b:nth-child(2){flex:1}.rp-mock .row b:nth-child(3){width:14%}.rp-mock .row.lead{background:var(--pp3);box-shadow:inset 3px 0 0 var(--crimson)}.bx-mock{position:relative;margin-top:34px;border-radius:18px;overflow:hidden;aspect-ratio:16/10.5;background:radial-gradient(60% 70% at 20% 10%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#82ccff,#2f6df5);border:1px solid rgba(47,109,245,.35);box-shadow:0 40px 80px -34px #143ca080;transition:transform .45s var(--ease-float)}.pj-station:hover .bx-mock{transform:translateY(-8px) rotate(-.6deg)}.bx-mock .phone{position:absolute;left:15%;top:12%;width:30%;aspect-ratio:9/18.5;border-radius:18%/9%;background:#fff7ee;padding:16% 7% 0;box-shadow:0 0 0 4px #10162a,0 26px 40px -18px #0b132499;transform:rotate(-6deg)}.bx-mock .island{position:absolute;top:3.5%;left:50%;transform:translate(-50%);width:32%;height:3.6%;border-radius:9px;background:#10162a}.bx-mock .bar{display:flex;align-items:center;gap:6px;margin-bottom:9%}.bx-mock .bar b{display:block;height:6px;width:48%;border-radius:3px;background:#2b2340}.bx-mock .bar s{display:block;height:5px;flex:1;border-radius:3px;background:linear-gradient(90deg,#2f6df5 78%,#e9dccb 78%)}.bx-mock .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;border-radius:8px;background:#f1e3d2}.bx-mock .grid span{aspect-ratio:63/88;border-radius:3px;display:block;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 50%),var(--c);box-shadow:0 0 0 2px #fff,0 2px 4px #0000001f}.bx-mock .grid span.gap{background:none;box-shadow:none;outline:1.5px dashed rgba(43,35,64,.35);outline-offset:-1px}.bx-mock .dots{display:flex;align-items:center;gap:4px;margin:12% 10% 0}.bx-mock .dots i{width:7px;height:7px;border-radius:50%;background:#e8414f;flex:none;display:block}.bx-mock .dots b{flex:1;height:3px;border-radius:2px;background:#e9dccb;display:block}.bx-mock .buddy{overflow:visible;position:absolute;right:6%;bottom:2%;width:50%;height:auto;filter:drop-shadow(0 18px 22px rgba(11,19,36,.3));transition:transform .45s var(--ease-float)}.pj-station:hover .bx-mock .buddy{transform:translateY(-6px) rotate(4deg)}.bb-mock{position:relative;margin-top:34px;border-radius:18px;overflow:hidden;aspect-ratio:16/10.5;background:radial-gradient(55% 70% at 12% 12%,rgba(255,138,58,.75),transparent 62%),radial-gradient(50% 60% at 92% 8%,rgba(63,143,240,.5),transparent 60%),radial-gradient(60% 60% at 70% 100%,rgba(143,178,74,.55),transparent 62%),#f6f4ef;border:1px solid rgba(200,64,47,.28);box-shadow:0 40px 80px -34px #a03c1e73;transition:transform .45s var(--ease-float)}.pj-station:hover .bb-mock{transform:translateY(-8px) rotate(.6deg)}.bb-mock .phone{position:absolute;left:13%;top:9%;width:28%;aspect-ratio:450/920;transform:rotate(-6deg);filter:drop-shadow(0 26px 30px rgba(60,25,10,.35));transition:transform .45s var(--ease-float)}.bb-mock .screen{position:absolute;left:5.333%;top:2.5%;width:89.333%;height:95%;border-radius:13.93%/6.41%;overflow:hidden;background:#f6f4ef}.bb-mock .screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.bb-mock .screen .dark{display:none}:root[data-theme=dark] .bb-mock .screen .light{display:none}:root[data-theme=dark] .bb-mock .screen .dark{display:block}.bb-mock .frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pj-station:hover .bb-mock .phone,.ly-spine:hover .bb-mock .phone,.ly-cover:hover .bb-mock .phone{transform:rotate(-4deg) translateY(-4px)}.bb-mock .sakura{position:absolute;left:52%;top:12%;width:13%;fill:#c45a7a;filter:drop-shadow(0 10px 14px rgba(196,90,122,.45));animation:bb-spin 16s linear infinite}.bb-mock .sakura circle{fill:#ffffffd9}.bb-mock .icon{position:absolute;right:7%;bottom:9%;width:36%;height:auto;border-radius:22%;transform:rotate(8deg);filter:drop-shadow(0 22px 26px rgba(120,40,20,.38));transition:transform .45s var(--ease-float)}.pj-station:hover .bb-mock .icon,.ly-spine:hover .bb-mock .icon,.ly-cover:hover .bb-mock .icon{transform:rotate(3deg) translateY(-8px)}@keyframes bb-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bb-mock .sakura{animation:none}}