*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-right-\[0\.3em\]{right:-.3em}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-\[0\.65em\]{top:.65em}.z-20{z-index:20}.col-span-12{grid-column:span 12 / span 12}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-5{height:1.25rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.w-4{width:1rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(225 224 204 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black\/30{--tw-gradient-from: rgb(0 0 0 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-black\/60{--tw-gradient-to: rgb(0 0 0 / .6) var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-5{padding-left:1.25rem}.pr-1{padding-right:.25rem}.text-\[0\.31em\]{font-size:.31em}.text-\[11px\]{font-size:11px}.text-\[26vw\]{font-size:26vw}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.leading-\[0\.85\]{line-height:.85}.tracking-\[-0\.07em\]{letter-spacing:-.07em}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-primary\/80{color:#e1e0cccc}.opacity-\[0\.7\]{opacity:.7}.mix-blend-overlay{mix-blend-mode:overlay}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.noise-overlay{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}:root{--bg: #f4f5f7;--sheet: #ffffff;--ink: #111318;--muted: #5c6370;--line: #e2e4e8;--face: #eceef2;--accent: #111318;--on: #f4f5f7;--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;--radius: 16px}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance}.skip{position:absolute;left:12px;top:12px;z-index:20;padding:8px 12px;background:var(--accent);color:var(--on);font-weight:700;border-radius:8px;transform:translateY(-160%)}.skip:focus{transform:none}.top{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:64px;padding:0 28px;background:#f4f5f7e6;border-bottom:1px solid var(--line)}.mark{font-weight:750;letter-spacing:-.05em;font-size:20px}.top nav{display:flex;justify-content:flex-end;gap:22px}.top nav a{color:var(--muted);min-height:44px;display:inline-flex;align-items:center}.top nav a:hover,.top nav a:focus-visible{color:var(--ink)}.top nav a:focus{outline:none}.top nav a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;background:var(--accent);color:var(--on);font-weight:700;white-space:nowrap}.cta:focus{outline:none}.cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.cta:active{transform:scale(.97)}.hero{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:28px 0 36px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1.05fr);gap:28px;align-items:stretch;min-height:min(52vh,460px)}.hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:8px 0 12px}.hero h1{margin:0 0 14px;max-width:14ch;font-size:clamp(36px,5vw,56px);font-weight:750;letter-spacing:-.05em;line-height:1.05}.hero-lead{margin:0 0 22px;max-width:34ch;color:var(--muted);font-size:17px}.hero-stage{display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:28px 28px 20px;background:var(--sheet);border:1px solid var(--line);border-radius:22px}.hero-stage article h2{margin:0 0 10px;font-size:clamp(28px,3.4vw,40px);font-weight:750;letter-spacing:-.04em}.hero-stage article p{margin:0;color:var(--muted);max-width:36ch}.hero-k,.hero-stack{font-family:var(--mono);font-size:12px}.hero-k{margin:0 0 12px;color:var(--ink)}.hero-stack{margin:16px 0 0}.hero-dots{display:flex;gap:4px;margin-top:22px}.hero-dots button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:var(--line);cursor:pointer}.hero-dots button.is-on{background:var(--ink)}.hero-dots button:focus{outline:none}.hero-dots button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.works{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:8px 0 56px}.works h2,.about h2,.contact h2{margin:0 0 18px;font-size:15px;font-weight:600;color:var(--muted)}.works ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{height:100%;display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-face{min-height:168px;display:flex;align-items:flex-end;padding:18px;background:var(--face);font-size:clamp(20px,2.2vw,28px);font-weight:750;letter-spacing:-.05em;line-height:1}.card-body{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}.card-body h3{margin:0;font-size:18px;letter-spacing:-.02em}.card-body p{margin:0;color:var(--muted)}.card-body span{margin-top:auto;font-family:var(--mono);font-size:12px;color:var(--muted)}.contact{width:min(1120px,calc(100% - 48px));margin:0 auto 48px;padding:32px;background:var(--sheet);border:1px solid var(--line);border-radius:20px}.contact-lead{margin:0 0 18px;font-size:22px;font-weight:650;letter-spacing:-.03em}.contact-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.contact-split p{margin:0;color:var(--muted)}.contact-split strong{color:var(--ink)}.foot{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:20px 0 36px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted)}.foot a:hover,.foot a:focus-visible{color:var(--ink)}@media (max-width: 900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{justify-content:flex-start}.works ul{grid-template-columns:1fr 1fr}.contact-split{grid-template-columns:1fr}}@media (max-width: 640px){.top nav{display:none}.top,.hero,.works,.contact,.foot{padding-left:16px;padding-right:16px}.hero,.works,.contact,.foot{width:auto}.works ul{grid-template-columns:1fr}.contact{padding:22px 16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}.about{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:72px 0 32px}.about .about-big{justify-content:flex-start;text-align:left}.about-big{font-size:clamp(28px,5vw,64px);font-weight:500;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}.about-accent{color:#8a7f5a;font-style:italic}.about-text{max-width:640px;margin:24px 0 0;color:var(--dust);font-size:17px;line-height:1.5}.card-photo{position:relative;overflow:hidden;padding:0!important}.card-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(17,19,24,.35),transparent 55%);pointer-events:none}.card-icon{position:absolute;left:14px;bottom:14px;z-index:1;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#ffffffeb;color:var(--ink)}.card{transition:box-shadow .3s ease}.card:hover{box-shadow:0 18px 40px -22px #11131873}.card-click{position:relative;cursor:pointer}.card-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:transparent;border:0;border-radius:inherit;cursor:pointer}.card-hit:focus-visible{outline:2px solid #8a7f5a;outline-offset:3px}.dlg-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px}.dlg-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#11131873;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dlg-panel{position:relative;width:min(880px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--sheet);border-radius:22px;box-shadow:0 30px 80px #00000059;display:grid;grid-template-columns:1.25fr 1fr}.dlg-stage{position:relative;background:#111318;color:#e9e6dc;min-height:360px;display:grid;place-items:center;padding:28px}.dlg-demo{width:100%}.dlg-note{position:absolute;left:14px;bottom:10px;font:11px var(--mono);color:#7d7a70}.dlg-body{padding:32px 28px;display:flex;flex-direction:column;gap:14px}.dlg-head{display:flex;align-items:center;gap:12px}.dlg-head h3{margin:0;font-size:26px;letter-spacing:-.03em}.dlg-icon{position:static!important}.dlg-body p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.dlg-root .dlg-tags{list-style:none;margin:auto 0 0;padding:0;display:flex;grid-template-columns:none;flex-wrap:wrap;gap:8px}.dlg-tags li{font:12px var(--mono);padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink)}.dlg-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--sheet);color:var(--ink);display:grid;place-items:center;cursor:pointer}.dlg-close:focus-visible{outline:2px solid #8a7f5a;outline-offset:2px}@media (max-width: 640px){.dlg-root{padding:0;place-items:end stretch}.dlg-panel{width:100%;max-height:92vh;border-radius:22px 22px 0 0;grid-template-columns:1fr}.dlg-stage{min-height:280px;padding:22px 16px 30px}.dlg-body{padding:22px 18px 32px}}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-tile{background:#1c1f26;border:1px solid #2a2e37;border-radius:10px;padding:10px;font:12px var(--mono)}.demo-tile-h{display:flex;align-items:center;gap:6px;margin-bottom:8px}.demo-dot{width:7px;height:7px;border-radius:99px;background:#7ad99a;display:inline-block}.demo-bar{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:6px;font:11px var(--mono);color:#9a978c;margin-top:4px}.demo-bar>div{height:6px;background:#2a2e37;border-radius:9px;overflow:hidden}.demo-bar b{display:block;height:100%;background:linear-gradient(90deg,#8a7f5a,#d9c27a);border-radius:9px}.demo-bar-wide{grid-template-columns:90px 1fr 70px;font-size:12px;margin:0}.demo-bar-wide em{font-style:normal;text-align:right}.demo-list{display:grid;gap:16px}.demo-svg{width:100%;height:auto}.demo-link{fill:none;stroke:#3a3f4a;stroke-width:2;stroke-dasharray:4 6}.demo-node{fill:#1c1f26;stroke:#8a7f5a;stroke-width:2}.demo-core{fill:#2a2619}.demo-label{fill:#9a978c;font:11px var(--mono);text-anchor:middle}.demo-label-in{fill:#e9e6dc}.demo-term{margin:0;background:#0b0c10;border:1px solid #2a2e37;border-radius:10px;padding:14px;font:12.5px/1.7 var(--mono);color:#c9c6bb;min-height:220px;white-space:pre-wrap}.demo-cmd{color:#e9e6dc}.demo-ok{color:#7ad99a}.demo-caret{display:inline-block;width:7px;height:14px;background:#d9c27a;vertical-align:-2px;margin-left:2px}.demo-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px}.demo-row em{font-style:normal;color:#9a978c}.demo-row em.demo-ok{color:#7ad99a}.demo-spin{display:inline-block;text-align:center}.demo-vpn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.demo-end{font:12px var(--mono);padding:14px 12px;border:1px solid #8a7f5a;border-radius:10px;background:#1c1f26}.demo-tunnel{position:relative;height:70px;border-radius:40px;background:linear-gradient(90deg,#1c1f26,#2a2619,#1c1f26);border:1px solid #3a3f4a;overflow:hidden}.demo-pkt{position:absolute;top:50%;transform:translateY(-50%);font:11px var(--mono);color:#d9c27a;background:#111318;border:1px solid #5a5340;padding:3px 7px;border-radius:6px;white-space:nowrap}.demo-chat{display:flex;flex-direction:column;gap:8px;min-height:250px}.demo-msg{align-self:flex-start;max-width:80%;background:#1f232b;padding:9px 13px;border-radius:14px 14px 14px 4px;font-size:14px}.demo-msg.me{align-self:flex-end;background:#8a7f5a;color:#111318;border-radius:14px 14px 4px}.demo-pipe{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-stage{display:flex;gap:10px;align-items:center;padding:16px;border-radius:12px;border:1px solid #2a2e37;background:#1c1f26;color:#9a978c;font-size:14px;transition:background .3s,color .3s,border-color .3s}.demo-stage b{width:24px;height:24px;border-radius:99px;display:grid;place-items:center;background:#2a2e37;font-size:12px}.demo-stage.run{border-color:#d9c27a;color:#e9e6dc}.demo-stage.done{background:#2a2619;color:#e9e6dc;border-color:#5a5340}.demo-stage.done b{background:#8a7f5a;color:#111318}.demo-veil{display:grid;place-items:center;gap:18px}.demo-veil p{margin:0;font:13px var(--mono);color:#9a978c}.demo-shield{width:84px;height:96px;border-radius:42px 42px 48px 48px/30px 30px 66px 66px;background:#2a2e37;transition:background .4s}.demo-shield.on{background:#8a7f5a}.demo-toggle{width:64px;height:34px;border-radius:99px;background:#2a2e37;padding:4px;display:flex;justify-content:flex-start;transition:background .3s}.demo-toggle.on{background:#8a7f5a;justify-content:flex-end}.demo-toggle i{width:26px;height:26px;border-radius:99px;background:#e9e6dc;display:block}.demo-blocks{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;aspect-ratio:12 / 8}.demo-blocks i{background:#1c1f26;border-radius:3px;transition:background .25s}.demo-blocks i.on{background:hsl(calc(30 + var(--h) * .08) 35% 48%)}.demo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-gallery i{aspect-ratio:4 / 3;border-radius:8px;display:block}@media (max-width: 640px){.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-bar-wide{grid-template-columns:80px 1fr 64px}}.demo-tabs{display:inline-flex;gap:4px;padding:4px;background:#1c1f26;border-radius:999px;margin-bottom:14px}.demo-tabs button{border:0;background:transparent;color:#9a978c;font:12px var(--mono);padding:6px 12px;border-radius:999px;cursor:pointer}.demo-tabs button.on{background:#d4b483;color:#0b0c10}.demo-tabs button:focus-visible,.veil-srv:focus-visible{outline:2px solid #d4b483;outline-offset:2px}.veil-win{width:min(300px,100%);margin:0 auto;background:#0b0c10;border:1px solid #242732;border-radius:20px;padding:16px;color:#f3efe6;display:grid;gap:12px;box-shadow:0 20px 50px #00000080}.veil-top{display:flex;justify-content:space-between;align-items:center}.veil-top b{letter-spacing:.3em;font-size:13px;color:#d4b483}.veil-caps{font:10px var(--mono);letter-spacing:.15em;padding:3px 8px;border-radius:999px;background:#14161d;color:#8a8794}.veil-caps.s1{color:#e8c468;background:#2a2212}.veil-caps.s2{color:#6ee7b7;background:#10241c}.veil-power-wrap{display:grid;place-items:center;gap:8px;padding:6px 0}.veil-power-wrap p{margin:0;font-size:12px;color:#8a8794}.veil-power{width:92px;height:92px;border-radius:999px;display:grid;place-items:center;background:#0e0f14;color:#5c5a66;border:2px solid #242732;transition:color .4s,border-color .4s,box-shadow .4s}.veil-power.s1{color:#e8c468;border-color:#e8c468}.veil-power.s2{color:#6ee7b7;border-color:#6ee7b7;box-shadow:0 0 0 8px #6ee7b714,0 0 36px #6ee7b740}.veil-graph{width:100%;height:40px;background:#14161d;border-radius:10px}.veil-line{fill:none;stroke:#d4b483;stroke-width:1.5;vector-effect:non-scaling-stroke;transition:d .9s linear}.veil-area{fill:#d4b48326;transition:d .9s linear}.veil-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.veil-stats div{background:#14161d;border-radius:10px;padding:7px 8px;display:grid;gap:2px}.veil-stats span,.veil-lbl{font:9px var(--mono);letter-spacing:.12em;color:#5c5a66}.veil-stats b{font:12px var(--mono);color:#f3efe6}.veil-list{display:grid;gap:5px}.veil-srv{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;text-align:left;background:#14161d;border:1px solid transparent;color:#f3efe6;border-radius:10px;padding:7px 10px;font-size:12px;cursor:pointer}.veil-srv i{width:7px;height:7px;border-radius:99px;background:#5c5a66}.veil-srv.on{border-color:#d4b483}.veil-srv.on i{background:#6ee7b7}.veil-srv em{font:11px var(--mono);font-style:normal;color:#8a8794}.rs{--bg:#f4f4f5;--sf:#fff;--sf2:#fafafa;--bd:#e4e4e7;--tx:#18181b;--mu:#71717a;--ac:#2563eb;--ok:#16a34a;--wa:#ca8a04;position:relative;overflow:hidden;isolation:isolate;background:var(--bg);color:var(--tx);border-radius:14px;padding:14px;font:13px/1.45 Segoe UI,system-ui,sans-serif;text-align:left}.rs.rs-dark{--bg:#09090b;--sf:#18181b;--sf2:#27272a;--bd:#3f3f46;--tx:#fafafa;--mu:#a1a1aa;--ac:#3b82f6}.rs-mesh{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none}.rs-mesh i{position:absolute;border-radius:50%;filter:blur(4px);animation:rs-float 14s ease-in-out infinite alternate}.rs-mesh i:nth-child(1){width:60%;aspect-ratio:1;left:-10%;top:-20%;background:radial-gradient(circle,rgba(37,99,235,.2),transparent 68%)}.rs-mesh i:nth-child(2){width:70%;aspect-ratio:1;right:-20%;bottom:-30%;background:radial-gradient(circle,rgba(148,163,184,.35),transparent 68%);animation-duration:18s}.rs-mesh i:nth-child(3){width:50%;aspect-ratio:1;right:5%;top:0;background:radial-gradient(circle,rgba(96,165,250,.18),transparent 68%);animation-duration:16s;animation-direction:alternate-reverse}.rs-dark .rs-mesh i:nth-child(1){background:radial-gradient(circle,rgba(59,130,246,.32),transparent 68%)}.rs-dark .rs-mesh i:nth-child(2){background:radial-gradient(circle,rgba(129,140,248,.26),transparent 68%)}@keyframes rs-float{to{transform:translate(8%,6%) scale(1.08)}}.rs-dots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(71,85,105,.18) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 75% 70% at 50% 45%,#000 35%,transparent 100%)}.rs-dark .rs-dots{background-image:radial-gradient(rgba(161,161,170,.19) 1px,transparent 1.2px)}.rs-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rs-brand{display:flex;align-items:center;gap:8px;font-size:15px;letter-spacing:-.02em}.rs-mark{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--ac),#60a5fa);box-shadow:0 2px 6px #2563eb59}.rs-btn{height:26px;min-width:26px;padding:0 8px;border-radius:6px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font:600 12px/1 inherit;cursor:pointer}.rs-btn:hover:not(:disabled){background:var(--bd)}.rs-btn:disabled{opacity:.4;cursor:default}.rs-btn:focus-visible,.rs-tab:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.rs-tabs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--bd) 70%,transparent);margin-bottom:10px}.rs-tab{position:relative;border:0;background:transparent;color:var(--mu);font:12px inherit;padding:4px 11px;border-radius:999px;cursor:pointer}.rs-tab.on{color:var(--tx)}.rs-thumb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--sf);box-shadow:0 1px 2px #00000014,0 4px 12px #0000000f}.rs-tab-l{position:relative}.rs-card{background:color-mix(in srgb,var(--sf) 88%,transparent);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px #0000000f,0 4px 12px #0000000a;min-height:236px}.rs-row{padding:6px 0;border-bottom:1px solid var(--bd)}.rs-row-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.rs-name{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-pill{font-size:10.5px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac)}.rs-pill.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.rs-bar{height:5px;border-radius:9px;background:var(--sf2);border:1px solid var(--bd);overflow:hidden;margin:5px 0 3px}.rs-bar b{display:block;height:100%;background:var(--ac);border-radius:9px;transition:width .9s ease}.rs-meta{display:flex;gap:10px;font-size:11px;color:var(--mu);font-variant-numeric:tabular-nums;flex-wrap:wrap}.rs-pager{display:flex;justify-content:space-between;align-items:center;padding-top:8px;font-size:12px;color:var(--mu)}.rs-pager span:last-child{display:flex;gap:4px}.rs-eng{display:grid;grid-template-columns:8px 70px 1fr auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--bd)}.rs-eng .rs-bar{margin:0}.rs-bar-free b{background:linear-gradient(90deg,var(--ac),#60a5fa)}.rs-dot{width:8px;height:8px;border-radius:99px;background:var(--ok)}.rs-dot.warn{background:var(--wa)}.rs-num{font-size:11px;color:var(--mu);font-variant-numeric:tabular-nums;white-space:nowrap}.rs-cells{display:grid;grid-template-columns:repeat(24,1fr);gap:2px}.rs-cells i{aspect-ratio:1;border-radius:2px;background:var(--sf2);border:1px solid var(--bd);cursor:crosshair}.rs-cells i.l1{background:color-mix(in srgb,var(--ac) 18%,var(--sf))}.rs-cells i.l2{background:color-mix(in srgb,var(--ac) 35%,var(--sf))}.rs-cells i.l3{background:color-mix(in srgb,var(--ac) 55%,var(--sf))}.rs-cells i.l4{background:color-mix(in srgb,var(--ac) 75%,var(--sf))}.rs-cells i.l5{background:var(--ac)}.rs-cells i:hover{outline:2px solid var(--tx);outline-offset:0}.rs-tip{margin-top:10px;font-size:12px;color:var(--mu);min-height:18px}@media (max-width: 640px){.rs-eng{grid-template-columns:8px 1fr auto}.rs-eng .rs-bar{grid-column:2 / -1;grid-row:2}.rs-eng .rs-num:last-child{display:none}}@media (prefers-reduced-motion: reduce){.rs-mesh i{animation:none}.rs-bar b{transition:none}}.rs-head-r{display:flex;gap:6px}.rs-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none}.rs-tab{white-space:nowrap}.rs-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}.rs-chip{display:flex;flex-direction:column;gap:1px;text-align:left;padding:7px 9px;background:var(--sf);border:1px solid var(--bd);border-radius:10px;color:var(--tx);font:inherit;cursor:pointer;transition:transform .12s,background .12s}.rs-chip:hover{background:var(--sf2);transform:translateY(-1px)}.rs-chip b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.rs-chip span{font-size:9.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}.rs-spark{display:flex;align-items:flex-end;gap:3px;height:92px;margin:12px 0 8px;padding:8px;border:1px solid var(--bd);border-radius:10px;background:var(--sf2)}.rs-spark i{flex:1;border-radius:3px 3px 1px 1px;background:color-mix(in srgb,var(--ac) 70%,var(--sf));transition:height .8s ease}.rs-ov-eng{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mu)}.rs-ov-eng>span{display:inline-flex;align-items:center;gap:6px}.rs-login{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--bd);border-radius:14px;overflow:hidden;min-height:262px}.rs-login-stage{position:relative;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:flex-end}.rs-streams{position:absolute;top:0;right:0;bottom:0;left:0}.rs-streams i{position:absolute;top:-30%;width:2px;height:40%;border-radius:2px;background:linear-gradient(transparent,var(--ac));opacity:.5;animation:rs-stream 2.4s linear infinite}@keyframes rs-stream{to{transform:translateY(330%)}}.rs-lead{position:relative;margin:0 0 4px;font-size:17px;font-weight:650;letter-spacing:-.03em;line-height:1.15}.rs-sub{position:relative;margin:0;font-size:12px;color:var(--mu)}.rs-login-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;background:var(--sf);border-left:1px solid var(--bd)}.rs-glow{position:absolute;top:-30%;right:-20%;width:70%;aspect-ratio:1;border-radius:50%;filter:blur(30px);background:color-mix(in srgb,var(--ac) 16%,transparent);pointer-events:none}.rs-login-title{position:relative;font-size:16px}.rs-field{position:relative;display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mu)}.rs-input{height:28px;padding:0 8px;border:1px solid var(--bd);border-radius:6px;background:var(--sf2);color:var(--tx);font:12px ui-monospace,monospace;opacity:.85}.rs-submit{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;margin-top:4px;border:0;border-radius:6px;background:var(--ac);color:#fff;font:600 12.5px inherit;cursor:pointer;transition:filter .15s,transform .15s}.rs-submit:hover:not(:disabled){filter:brightness(1.08)}.rs-submit.busy{transform:scale(.98);cursor:progress}.rs-spin{width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:rs-spin .7s linear infinite}@keyframes rs-spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.rs-login{grid-template-columns:1fr}.rs-login-stage{min-height:90px}.rs-login-panel{border-left:0;border-top:1px solid var(--bd)}}@media (prefers-reduced-motion: reduce){.rs-streams i,.rs-spin{animation:none}.rs-spark i{transition:none}}.rs-card{container-type:inline-size}.rs-chips{grid-template-columns:repeat(6,minmax(0,1fr))}.rs-chip{grid-column:span 2;min-width:0}.rs-chip:nth-child(-n+2){grid-column:span 3}.rs-chip b{overflow:hidden;text-overflow:ellipsis}.rs-tt{margin-top:10px;border:1px solid var(--bd);border-radius:10px;background:var(--sf);overflow:hidden;font-size:11.5px}.rs-tt-h,.rs-tt-r{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 3.2em 2.6em;align-items:center;gap:8px;padding:6px 9px}.rs-tt .w{display:none}.rs-tt-h{background:var(--sf2);color:var(--mu);font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--bd)}.rs-tt-r{border-bottom:1px solid var(--bd);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s}.rs-tt-r:hover,.rs-tt-r:focus-visible{background:var(--sf2);outline:none}.rs-tt-r .rs-name small{display:block;font-weight:400;color:var(--mu);font-size:10.5px}.rs-tt-p{display:flex;align-items:center;gap:6px;min-width:0}.rs-tt-p .rs-bar{flex:1;margin:0}.rs-tt-p small{color:var(--mu);min-width:2.6em;text-align:right}.rs-more{display:block;width:100%;padding:6px 9px;border:0;background:transparent;color:var(--ac);font:600 11.5px inherit;text-align:right;cursor:pointer}.rs-more:hover{background:var(--sf2)}.rs-spark-s{height:56px;margin-top:10px}@container (min-width: 460px){.rs-tt .w{display:block}.rs-tt-h,.rs-tt-r{grid-template-columns:minmax(0,1.5fr) 4.2em minmax(0,1.3fr) 6.4em 2.8em 2.8em 2.6em}.rs-tt-r .rs-name small{display:none}}.dlg-root{overflow:hidden}.dlg-panel{max-width:calc(100vw - 48px);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);overflow-x:hidden;overscroll-behavior:contain}.dlg-stage,.dlg-demo,.dlg-body{min-width:0}.dlg-panel.dlg-wide{width:min(1120px,100%);grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 900px){.dlg-panel,.dlg-panel.dlg-wide{grid-template-columns:minmax(0,1fr)}.dlg-stage{min-height:300px}}@media (max-width: 640px){.dlg-panel,.dlg-panel.dlg-wide{max-width:100vw;max-height:92dvh}}.dlg-panel{background:transparent;border-radius:22px;isolation:isolate}.dlg-stage{border-radius:22px 0 0 22px;background-clip:padding-box}.dlg-body{background:var(--sheet);border-radius:0 22px 22px 0}@media (max-width: 900px){.dlg-stage{border-radius:22px 22px 0 0}.dlg-body{border-radius:0 0 22px 22px}}@media (max-width: 640px){.dlg-panel{border-radius:22px 22px 0 0}.dlg-body{border-radius:0}}.xv{display:grid;gap:10px;color:#c9c6bb;font:12px var(--mono);min-width:0}.xv-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.xv-gop{display:flex;gap:4px}.xv-f{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:10px;background:#1c1f26;border:1px solid #2a2e37;color:#9a978c;transition:all .2s}.xv-f.tI{color:#d9c27a}.xv-f.tP{color:#7ad99a}.xv-f.tB{color:#7ab4d9}.xv-f.off{opacity:.3}.xv-f.cur{border-color:currentColor;transform:scale(1.15)}.xv-btn{width:30px;height:28px;border-radius:8px;background:#1c1f26;border:1px solid #2a2e37;color:#e9e6dc;cursor:pointer;font-size:11px}.xv-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#1c1f26;border:1px solid #2a2e37;border-radius:10px;padding:3px}.xv-step{background:none;border:0;border-radius:7px;color:#9a978c;padding:6px 2px;cursor:pointer;font:12px var(--mono);display:grid;gap:1px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xv-step small{font-size:9px;opacity:.7}.xv-step small.g{color:#7ad99a;opacity:1}.xv-step.on{background:#2a2e37;color:#e9e6dc}.xv-main{display:grid;gap:10px;min-width:0}.xv-main.two{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.xv-cv{position:relative;border-radius:10px;overflow:hidden;border:1px solid #2a2e37;line-height:0;min-width:0}.xv-cv canvas{width:100%;height:auto;aspect-ratio:320/176;display:block;cursor:crosshair}.xv-badge{position:absolute;left:6px;top:6px;line-height:1;padding:4px 6px;border-radius:6px;background:#0b0c10bf;font-size:10px}.xv-badge.tI{color:#d9c27a}.xv-badge.tP{color:#7ad99a}.xv-badge.tB{color:#7ab4d9}.xv-hint{position:absolute;left:6px;right:6px;bottom:6px;line-height:1.3;padding:4px 6px;border-radius:6px;background:#0b0c10bf;font-size:10px;color:#d9c27a}.xv-side{display:grid;gap:6px;min-width:0}.xv-heat{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;aspect-ratio:1;background:#0b0c10;border:1px solid #2a2e37;border-radius:8px;padding:3px}.xv-heat i{border-radius:2px;transition:background .25s}.xv-vlc{margin:0;background:#0b0c10;border:1px solid #2a2e37;border-radius:8px;padding:8px;font:11px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word;color:#c9c6bb;min-height:96px}.xv-leg{font-size:10px;color:#9a978c}.xv-desc{margin:0;color:#9a978c;font-size:11.5px;line-height:1.5;min-height:3em}.xv-mode{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.xv-seg{display:flex;background:#1c1f26;border:1px solid #2a2e37;border-radius:8px;padding:2px}.xv-seg button{background:none;border:0;color:#9a978c;padding:5px 9px;border-radius:6px;cursor:pointer;font:11px var(--mono)}.xv-seg button.on{background:#2a2e37;color:#e9e6dc}.xv-rate{font-size:11px;color:#9a978c}.xv-rate em{font-style:normal;color:#d9c27a}@media (max-width:640px){.xv-main.two{grid-template-columns:minmax(0,1fr)}.xv-heat{max-width:200px}}.ph{position:relative;background:#f6f4f1;color:#1c1b19;border-radius:12px;overflow:hidden;font:13px/1.45 var(--sans,system-ui);min-width:0;isolation:isolate}.ph h4,.ph h5{font-family:Georgia,Times New Roman,serif;font-weight:400;margin:0}.ph h4{font-size:20px}.ph h5{font-size:15px}.ph-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e8e2d8;background:#fff}.ph-brand{font:italic 16px Georgia,serif;letter-spacing:.02em}.ph-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.ph-tabs button{background:none;border:0;padding:5px 9px;border-radius:99px;color:#6f6a63;cursor:pointer;font:12px var(--sans,system-ui);white-space:nowrap}.ph-tabs button.on{background:#1c1b19;color:#f6f4f1}.ph-body{height:430px;overflow-y:auto;overflow-x:hidden;padding:14px;scrollbar-width:thin}.ph-hero{text-align:center;margin-bottom:10px}.ph-hero p{margin:2px 0 0;color:#6f6a63;font-size:12px}.ph-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ph-chips button{border:1px solid #e6e2dc;background:#fff;border-radius:99px;padding:4px 11px;font-size:12px;color:#6f6a63;cursor:pointer;transition:all .2s}.ph-chips button.on{border-color:#9a7b4f;color:#9a7b4f;background:#f8f3ea}.ph-masonry{-moz-columns:3;columns:3;-moz-column-gap:8px;column-gap:8px}.ph-tile{display:block;width:100%;padding:0;margin:0 0 8px;border:0;background:#e8e2d8;border-radius:6px;overflow:hidden;cursor:zoom-in;-moz-column-break-inside:avoid;break-inside:avoid}.ph-img{display:block;width:100%;height:auto;opacity:0;transition:opacity .4s,transform .4s}.ph-img.ok{opacity:1}.ph-tile:hover .ph-img{transform:scale(1.03)}.ph-lb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#141311eb;display:grid;place-items:center}.ph-lb-img{max-width:calc(100% - 80px);max-height:calc(100% - 70px);border-radius:4px;box-shadow:0 10px 40px #0006}.ph-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:99px;border:0;background:#ffffff1f;color:#fff;font-size:22px;line-height:1;cursor:pointer}.ph-lb-nav.l{left:8px}.ph-lb-nav.r{right:8px}.ph-lb-x{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:99px;border:0;background:#ffffff1f;color:#fff;font-size:18px;cursor:pointer}.ph-lb-n{position:absolute;bottom:10px;color:#e8e2d8;font-size:11px;letter-spacing:.08em}.ph-key{display:grid;justify-items:center;gap:10px;text-align:center;padding:50px 10px}.ph-key p{margin:0;color:#6f6a63}.ph-key small{color:#6f6a63;font-size:11px}.ph-key-f{width:min(260px,100%);padding:10px;border:1px solid #e6e2dc;border-radius:8px;background:#fff;color:#b9b2a6;letter-spacing:.2em;font-family:var(--mono)}.ph-btn{background:#1c1b19;color:#f6f4f1;border:0;border-radius:99px;padding:8px 16px;font-size:12px;cursor:pointer}.ph-btn:disabled{opacity:.45;cursor:default}.ph-link{background:none;border:0;color:#9a7b4f;cursor:pointer;font-size:12px;padding:4px}.ph-alb-h{display:flex;justify-content:space-between;align-items:start;margin-bottom:10px}.ph-alb-h p{margin:2px 0 0;color:#6f6a63;font-size:12px}.ph-cgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ph-cell{position:relative;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;background:#e8e2d8;aspect-ratio:1;cursor:pointer;transition:border-color .2s}.ph-cell .ph-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ph-cell.on{border-color:#9a7b4f}.ph-check{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:99px;border:1.5px solid #fff;background:#00000040;color:#fff;font-size:11px;display:grid;place-items:center}.ph-cell.on .ph-check{background:#9a7b4f;border-color:#9a7b4f}.ph-dl{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ph-prog{margin-top:10px;display:grid;gap:5px;font-size:12px;color:#6f6a63}.ph-prog div,.ph-up div{height:6px;background:#e8e2d8;border-radius:9px;overflow:hidden}.ph-prog b,.ph-up b{display:block;height:100%;background:#9a7b4f;border-radius:9px;transition:width .15s}.ph-adm{display:grid;gap:14px}.ph-adm section{background:#fff;border:1px solid #e8e2d8;border-radius:10px;padding:12px;display:grid;gap:8px}.ph-sec-h{display:flex;justify-content:space-between;align-items:center}.ph-up{display:grid;grid-template-columns:96px minmax(0,1fr) 38px;align-items:center;gap:8px;font:11px var(--mono)}.ph-up em{font-style:normal;text-align:right;color:#6f6a63}.ph-muted{color:#6f6a63;font-size:11px}.ph-al{display:grid;grid-template-columns:minmax(0,1fr) 60px 84px;align-items:center;justify-items:center;gap:6px;padding:6px 0;border-top:1px solid #f0ece5}.ph-al>span:first-child{justify-self:start;display:grid}.ph-al small{color:#6f6a63;font-size:11px}.ph-al-h{border-top:0;font-size:11px;color:#6f6a63;padding:0}.ph-sw{width:34px;height:20px;border-radius:99px;border:0;background:#e6e2dc;position:relative;cursor:pointer;transition:background .2s;padding:0}.ph-sw i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:99px;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .2s}.ph-sw.on{background:#2f6f3e}.ph-sw.on i{transform:translate(14px)}@media (max-width:640px){.ph-masonry{-moz-columns:2;columns:2}.ph-cgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-body{height:380px}.ph-brand{display:none}.ph-bar{justify-content:center}}@media (prefers-reduced-motion:reduce){.ph *{transition:none!important}}.hover\:gap-3:hover{gap:.75rem}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.06\]{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-reduced-motion: reduce){.motion-reduce\:transition-none{transition-property:none}.group:hover .motion-reduce\:group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width: 640px){.sm\:h-10{height:2.5rem}.sm\:w-10{width:2.5rem}.sm\:gap-6{gap:1.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-\[22vw\]{font-size:22vw}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width: 768px){.md\:gap-12{gap:3rem}.md\:rounded-\[2rem\]{border-radius:2rem}.md\:rounded-b-3xl{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.md\:p-3{padding:.75rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width: 1024px){.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.lg\:pb-10{padding-bottom:2.5rem}.lg\:text-\[18vw\]{font-size:18vw}}