.pub-center{min-height:calc(100vh - var(--appbar-h) - 120px);place-items:center;padding:8px 0 24px;display:grid}.pub-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);align-content:start;gap:18px;width:min(460px,100%);padding:26px;display:grid}.pub-card.wide{width:min(560px,100%)}.pub-card h1{font-size:24px}.pub-card .lead{color:var(--text-2);margin-top:4px;font-size:14.5px}.pub-ferr{color:var(--danger);font-weight:600}.inp[aria-invalid=true]{border-color:var(--danger)}.inp[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 28%,transparent)}.pub-pw{position:relative}.pub-pw .inp{padding-right:46px}.pub-pw button{border-radius:var(--r-sm);width:34px;height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:3px;right:3px}.pub-pw button:hover{background:var(--surface-3);color:var(--text)}.pub-switch-line{text-align:center;color:var(--text-2);font-size:14px}.pub-backrow{margin:0 0 12px -8px;display:block}.pub-backrow .btn{flex-direction:row}.pub-id{align-items:center;gap:14px;min-width:0;display:flex}.pub-id h2{overflow-wrap:anywhere;font-size:22px}.pub-id .hint{margin-top:3px}.pub-big-code{letter-spacing:.24em;text-align:center;text-transform:uppercase;height:64px;font-size:28px;font-weight:800}.pub-clamp{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pub-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;padding:56px 0 44px;display:grid}.pub-hero h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(36px,5.6vw,60px);line-height:1.2}.pub-hero h1 mark{background:var(--accent);color:var(--on-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;margin:0 -.04em;padding:.02em .16em}.pub-lead{color:var(--text-2);max-width:520px;font-size:18px;line-height:1.6}.pub-hero .stack{gap:22px}.pub-mock{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-pop);gap:12px;padding:18px;display:grid}.pub-mock-h{letter-spacing:.05em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.pub-mock-r{background:var(--surface-2);border-radius:var(--r-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.pub-mock-r small{color:var(--text-2);font-size:12.5px;display:block}.pub-mock-r b{font-size:14.5px}.pub-mock-n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.pub-mock-n.hi{background:var(--accent);color:var(--on-accent);border-radius:var(--r-sm);padding:0 10px;line-height:1.4}.pub-foot{border-top:1px solid var(--line);color:var(--text-2);gap:8px;margin-top:56px;padding-top:18px;font-size:12.5px;line-height:1.55;display:grid}.pub-foot a{color:var(--text);font-weight:600}@media (width<=860px){.pub-hero{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0 28px}.pub-mock{display:none}.pub-lead{font-size:16.5px}}.pub-camp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);color:inherit;gap:14px;min-width:0;padding:16px;text-decoration:none;transition:border-color .12s,transform 80ms,box-shadow .12s;display:grid}.pub-camp:hover{border-color:var(--line-2);transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.pub-camp-top{align-items:center;gap:14px;min-width:0;display:flex}.pub-camp-top h3{overflow-wrap:anywhere;font-size:17px}.pub-camp-meta{color:var(--text-2);flex-wrap:wrap;gap:6px 10px;font-size:13px;display:flex}.pub-camp-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pub-live{color:var(--ok);align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.pub-mini{border-radius:var(--r-md);color:inherit;align-items:center;gap:12px;min-width:0;min-height:56px;padding:10px 12px;text-decoration:none;display:flex}.pub-mini:hover{background:var(--surface-2)}.pub-mini b{display:block}.pub-codebox{gap:12px;display:grid}.pub-prog{gap:6px;margin:4px 0 6px;display:flex}.pub-prog i{background:var(--surface-3);border-radius:99px;flex:1;height:6px}.pub-prog i.on{background:var(--accent)}.pub-prog i.done{background:var(--text)}.pub-step-t{color:var(--text-2);justify-content:space-between;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.pub-step-t b{color:var(--text)}.pub-wiz{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);align-content:start;gap:18px;padding:24px;display:grid}.pub-wiz h2{font-size:22px}.pub-nav{justify-content:space-between;gap:10px;margin-top:18px;display:flex}.pub-cover-pick{align-items:center;gap:14px;display:flex}.pub-sum{border:1px solid var(--line);border-radius:var(--r-md);display:grid;overflow:hidden}.pub-sum>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:grid}.pub-sum>div:last-child{border-bottom:0}.pub-sum span{color:var(--text-2)}.pub-sum b{text-align:right;overflow-wrap:anywhere}.pub-opt{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.pub-opt:last-child{border-bottom:0}.pub-opt small{color:var(--text-2);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.pub-done{text-align:center;justify-items:center}.pub-done-code{letter-spacing:.2em;border-radius:var(--r-lg);background:var(--accent-soft);border:2px dashed color-mix(in srgb,var(--accent) 70%,var(--line-2));max-width:100%;padding:10px 6px 10px 26px;font-size:clamp(40px,12vw,64px);font-weight:900;line-height:1.1}.pub-done .btnrow{justify-content:center}.pub-invite{text-align:left;white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--text-2);padding:12px 14px;font-size:13.5px;line-height:1.55}.pub-char{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);gap:14px;min-width:0;padding:16px;display:grid}.pub-char-top{color:inherit;align-items:center;gap:14px;min-width:0;text-decoration:none;display:flex}.pub-char-top h3{overflow-wrap:anywhere;font-size:18px}.pub-char-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.pub-pick{gap:8px;display:grid}.pub-pick button{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);width:100%;min-height:48px;color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:0 14px;font-weight:600;display:flex}.pub-pick button:hover{background:var(--surface-2);border-color:var(--line-2)}.pub-avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:84px;height:84px;padding:0;position:relative}.pub-avatar-btn .badge-cam{background:var(--surface);border:1px solid var(--line-2);width:30px;height:30px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.pub-avatar-btn:hover .badge-cam{background:var(--accent);color:var(--on-accent);border-color:var(--accent-edge)}.pub-sect{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);gap:16px;padding:20px;display:grid}.pub-sect h3{font-size:16px}.pub-sect .hint{margin-top:-8px}.pub-search{position:relative}.pub-search svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pub-search .inp{border-radius:var(--r-lg);height:50px;padding-left:44px;padding-right:44px;font-size:16.5px}.pub-search button{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pub-search button:hover{background:var(--surface-3);color:var(--text)}.pub-list{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);display:grid;overflow:hidden}.pub-entry{border-bottom:1px solid var(--line);border-left:4px solid #0000}.pub-entry:last-child{border-bottom:0}.pub-entry[data-lv="0"]{border-left-color:var(--n0)}.pub-entry[data-lv="1"]{border-left-color:var(--n1)}.pub-entry[data-lv="2"]{border-left-color:var(--n2)}.pub-entry[data-lv="3"]{border-left-color:var(--n3)}.pub-entry[data-lv="4"]{border-left-color:var(--n4)}.pub-entry[data-lv="5"]{border-left-color:var(--n5)}.pub-entry>.pub-eh{width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.pub-entry>.pub-eh:hover{background:var(--surface-2)}.pub-eh .grow b{font-size:15.5px;font-weight:700;display:block}.pub-eh .sub{color:var(--text-2);margin-top:1px;font-size:12.5px;display:block}.pub-eh svg{color:var(--text-3);flex:none;transition:transform .15s}.pub-entry.open .pub-eh svg{transform:rotate(180deg)}.pub-eb{white-space:pre-wrap;max-width:78ch;padding:2px 16px 16px;font-size:14.5px;line-height:1.6}.pub-eb .btnrow{margin-top:12px}.pub-sticky{top:var(--appbar-h);z-index:20;background:var(--bg);margin-top:-2px;padding:2px 0 10px;position:sticky}.pub-count{color:var(--text-2);font-size:13px}.pub-fchip-n{opacity:.7;font-variant-numeric:tabular-nums;margin-left:6px;font-size:11.5px}.pub-filters{flex-wrap:wrap;gap:8px;display:flex}.pub-filters select.inp{flex:180px;width:auto;min-width:0;max-width:260px}.pub-picker-list{align-content:start;gap:8px;max-height:min(56vh,520px);display:grid;overflow:auto}.pub-pk{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);gap:6px;padding:10px 12px;display:grid}.pub-pk-h{align-items:center;gap:10px;display:flex}.pub-pk-h .toggle{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;flex:auto;padding:4px 0;display:block}.pub-pk-h b{font-size:15px}.pub-pk p{color:var(--text-2);white-space:pre-wrap;font-size:13.5px;line-height:1.5}.pub-pk p.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=760px){.pub-card,.pub-wiz{padding:20px}.pub-pw button{width:38px}.pub-sticky{top:var(--appbar-h)}}.pub-done button.pub-done-code{cursor:pointer;color:var(--text);font-family:inherit}.pub-done button.pub-done-code:hover{background:color-mix(in srgb,var(--accent) 30%,var(--accent-soft))}.pub-col{justify-items:stretch;gap:14px;width:min(460px,100%);display:grid}.pub-col .pub-card{width:100%}.pub-big-code::placeholder{opacity:.6;font-weight:600}.pub-nav{align-items:center}.pub-actions{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;width:100%;display:grid}.pub-camp-foot{justify-content:flex-start}.pub-filters select.inp{flex:140px}@media (width<=760px){.pub-page .ph-actions{flex-wrap:nowrap;width:100%;margin-left:0}.pub-page .ph-actions>*{flex:1 1 0;min-width:0}}.pub-show{gap:64px;padding:40px 0 64px;display:grid}.pub-show-h{text-align:center;justify-items:center;gap:14px;display:grid}.pub-show-h h2{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(28px,4vw,42px);line-height:1.15}.pub-show-h .pub-lead{max-width:620px}.pub-tag{background:var(--accent);height:24px;color:var(--on-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;justify-self:start;align-items:center;width:max-content;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pub-banner{border-radius:var(--r-xl);background:#04050a;border:1px solid #ffffff0f;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #0000008c}.pub-slides{aspect-ratio:16/9;position:relative}.pub-slide{opacity:0;transition:opacity .9s;position:absolute;inset:0}.pub-slide.on{opacity:1}.pub-slide img{object-fit:cover;width:100%;height:100%;display:block}.pub-dots{z-index:1;justify-content:center;gap:8px;display:flex;position:absolute;bottom:14px;left:0;right:0}.pub-dots button{cursor:pointer;background:#fff6;border:0;border-radius:99px;width:9px;height:9px;padding:0;transition:width .3s,background .3s}.pub-dots button.on{background:var(--accent);width:26px}.pub-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pub-scene{color:#f3efe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08090eb8;border:1px solid #ffffff29;border-radius:99px;align-items:center;height:28px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex;position:absolute;top:18px;right:18px}.pub-banner figcaption{color:#f3efe6;background:#07080d;border-top:1px solid #ffffff12;gap:8px;padding:22px 28px 26px;display:grid}.pub-banner figcaption b{letter-spacing:-.02em;font-size:clamp(20px,2.6vw,30px);line-height:1.2}.pub-banner figcaption span:last-child{color:#f3efe6c7;font-size:15px;line-height:1.55}.pub-feat{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;display:grid}.pub-feat.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.pub-feat.rev .pub-feat-t{order:2}.pub-feat-t{align-content:center;gap:14px;display:grid}.pub-feat-t h3{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(22px,2.6vw,30px);line-height:1.2}.pub-feat-t p{color:var(--text-2);font-size:16px;line-height:1.6}.pub-feat-t ul{gap:9px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pub-feat-t li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.pub-feat-t li svg{color:var(--ok);flex:none;margin-top:2px}.pub-shot{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);transition:transform .5s;overflow:hidden;transform:perspective(1600px)rotateY(-4deg);box-shadow:0 24px 60px -24px #00000073}.pub-feat.rev .pub-shot{transform:perspective(1600px)rotateY(4deg)}.pub-feat:hover .pub-shot{transform:none}.pub-shot-bar{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.pub-shot-bar i{background:var(--line-2,var(--line));border-radius:50%;width:9px;height:9px}.pub-shot img{width:100%;height:auto;display:block}.pub-devices{justify-content:center;align-items:flex-end;min-height:420px;display:flex;position:relative}.pub-phone{z-index:1;background:#0a0b0e;border:1px solid #ffffff1f;border-radius:42px;width:min(280px,62%);padding:9px;position:relative;box-shadow:0 30px 70px -25px #0009}.pub-phone img{border-radius:33px;width:100%;height:auto;display:block}.pub-roller{border-radius:var(--r-lg);z-index:2;border:1px solid #ffffff1a;width:min(250px,48%);margin-bottom:44px;margin-left:-56px;position:relative;overflow:hidden;transform:rotate(3deg);box-shadow:0 26px 60px -24px #0009}.pub-roller img{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.pub-slide{transition:none}.pub-shot,.pub-feat.rev .pub-shot{transition:none;transform:none}}@media (width<=860px){.pub-show{gap:44px;padding:16px 0 40px}.pub-scene{height:24px;font-size:11.5px;top:10px;right:10px}.pub-banner figcaption{padding:18px 18px 20px}.pub-feat,.pub-feat.rev{grid-template-columns:minmax(0,1fr);gap:20px}.pub-feat.rev .pub-feat-t{order:0}.pub-shot,.pub-feat.rev .pub-shot{transform:none}.pub-devices{min-height:0}.pub-roller{margin-bottom:28px;margin-left:-40px}}.pub-hero-art{--mx:0;--my:0;perspective:1700px;padding:26px 34px 56px 6px;position:relative}.pub-hero-art:before{content:"";z-index:-1;filter:blur(60px);opacity:.55;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 70%,transparent),transparent);border-radius:50%;position:absolute;inset:6% 4% 2% 10%}.pub-hero-stage{transform-style:preserve-3d;transform:rotateY(calc(-16deg + var(--mx) * 10deg)) rotateX(calc(7deg - var(--my) * 8deg)) rotateZ(1.5deg);transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.pub-laptop{filter:drop-shadow(0 40px 46px #00000052);animation:7s ease-in-out infinite pubFloat;position:relative}.pub-laptop-screen{background:#0b0c10;border:1px solid #ffffff1f;border-radius:18px;padding:11px;position:relative;overflow:hidden}.pub-laptop-screen img{border-radius:4px;width:100%;height:auto;display:block}.pub-laptop-screen:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#ffffff0a 28%,#0000 42%);position:absolute;inset:0}.pub-hero-phone{width:27%;position:absolute;bottom:-34px;right:-14px;transform:translateZ(90px)rotateY(10deg)rotate(6deg)}.pub-hero-phone-in{background:#0a0b0e;border:1px solid #ffffff29;border-radius:26px;padding:5px;animation:6s ease-in-out -2s infinite pubFloat;box-shadow:0 34px 60px -20px #0009}.pub-hero-phone-in img{border-radius:21px;width:100%;height:auto;display:block}.pub-hero-roll{position:absolute;top:80%;left:-34px;transform:translateZ(140px)rotate(-4deg)}.pub-hero-roll-in{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:10px 14px 10px 12px;animation:5s ease-in-out -1s infinite pubFloat;display:flex;box-shadow:0 22px 44px -16px #00000073}.pub-hero-roll-in svg{color:var(--accent-edge,var(--accent))}.pub-hero-roll-in small{color:var(--text-2);font-size:11.5px;font-weight:600;display:block}.pub-hero-roll-in b{letter-spacing:-.02em;font-size:24px;font-weight:900;line-height:1;display:block}.pub-hero-roll-in em{background:var(--accent);color:var(--on-accent);border-radius:99px;padding:3px 8px;font-size:11.5px;font-style:normal;font-weight:800}@keyframes pubFloat{0%,to{translate:0}50%{translate:0 -12px}}@media (prefers-reduced-motion:reduce){.pub-laptop,.pub-hero-phone-in,.pub-hero-roll-in{animation:none}.pub-hero-stage{transition:none}}@media (width<=860px){.pub-hero-art{perspective:1100px;margin-top:6px;padding:6px 16px 38px 4px;display:block}.pub-hero-art:before{filter:blur(40px);inset:10% 6% 6%}.pub-hero-stage{transform:rotateY(-9deg)rotateX(6deg)rotate(1deg)}.pub-laptop-screen{border-radius:12px;padding:6px}.pub-laptop-screen img{border-radius:3px}.pub-hero-phone{width:31%;bottom:-24px;right:-4px;transform:translateZ(40px)rotateY(8deg)rotate(5deg)}.pub-hero-phone-in{border-radius:16px;padding:3px}.pub-hero-phone-in img{border-radius:13px}.pub-hero-roll{top:70%;left:10px;transform:translateZ(50px)rotate(-4deg)}.pub-hero-roll-in{border-radius:12px;gap:7px;padding:7px 10px 7px 8px}.pub-hero-roll-in small{font-size:10px}.pub-hero-roll-in b{font-size:18px}.pub-hero-roll-in em{padding:2px 6px;font-size:10px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.pub-steps{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.pub-steps li{align-items:center;gap:12px;font-size:15px;line-height:1.45;display:flex}.pub-steps b{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;font-size:13.5px;font-weight:900;display:grid}.pub-steps code{background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13.5px}.pub-import-art{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px;display:grid;position:relative}.pub-file{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);justify-items:center;gap:10px;width:150px;padding:18px 16px;display:grid;transform:rotate(-4deg);box-shadow:0 18px 40px -20px #00000059}.pub-file b{font-size:14px;display:block}.pub-file small{color:var(--text-2);font-size:11.5px;line-height:1.35;display:block}.pub-file-ico{background:#1f8f4e;border-radius:10px;grid-template-columns:repeat(2,22px);gap:3px;padding:8px;display:grid}.pub-file-ico i{background:#ffffffd9;border-radius:2px;height:10px;display:block}.pub-file-ico i:nth-child(-n+2){background:#fff}.pub-file-arrow{background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 18px -6px #00000059}.pub-import-shot{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;transform:perspective(1600px)rotateY(-5deg);box-shadow:0 24px 60px -24px #00000073}.pub-import-shot img{width:100%;height:auto;display:block}@media (width<=860px){.pub-import-art{grid-template-columns:minmax(0,1fr);justify-items:center}.pub-file-arrow{transform:rotate(90deg)}.pub-import-shot{width:100%;transform:none}}@media (prefers-reduced-motion:reduce){.pub-import-shot{transform:none}}:root .tema-claro,:root[data-theme=light] .tema-escuro{display:none}:root[data-theme=light] .tema-claro{display:block}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .tema-escuro{display:none}:root:not([data-theme=dark]) .tema-claro{display:block}}
