@font-face{font-family:Allskiin OS;src:url(/font/allskiin-os.otf) format("opentype");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg: #19191c;--bg-deep: #131315;--surface: #222226;--surface-2: #2b2b31;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .16);--ink: #f4f4f6;--ink-2: #b9b9c2;--ink-3: #868690;--brand: #5b3df5;--brand-hover: #6b50ff;--brand-text: #ab9dff;--grad-mark: linear-gradient(135deg, #c9b6ff 0%, #8d66ff 46%, #5b2fe6 100%);--ok: #43d69b;--warn: #f6bd5a;--bad: #ff6b6b;--info: #7cc4ff;--line-hover: rgba(255, 255, 255, .32);--on-ink: #151517;--fill: rgba(255, 255, 255, .05);--fill-2: rgba(255, 255, 255, .1);--card-bg: rgba(255, 255, 255, .035);--panel: #1f1f24;--panel-2: #26262c;--track: rgba(255, 255, 255, .13);--scrim: rgba(8, 8, 10, .6);--toast-bg: rgba(34, 34, 40, .88);--card-ring: rgba(255, 255, 255, .08);--shadow-lift: 0 30px 60px -28px rgba(0, 0, 0, .95);--shadow-xl: 0 50px 100px -40px rgba(0, 0, 0, .95);--hero-shadow: 0 30px 80px rgba(0, 0, 0, .35);--title-grad: linear-gradient(120deg, #ffffff 0%, #e2d7ff 30%, #a184ff 68%, #6a4cff 100%);--ambient-opacity: .5;--ambient-filter: blur(90px) saturate(1.55);--wall-opacity: .6;--word-grad: linear-gradient(100deg, #f4f4f6 0%, #c9b8ff 45%, #8d6bff 75%, #c9b8ff 100%);--r-sm: 14px;--r: 18px;--r-card: 22px;--r-lg: 28px;--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-brand: "Allskiin OS", "Plus Jakarta Sans", system-ui, sans-serif;--container: 1560px;--gutter: clamp(16px, 4vw, 48px);--hdr: 68px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root[data-theme=light]{color-scheme:light;--bg: #f3f3f6;--bg-deep: #e9e9ef;--surface: #e4e4ea;--surface-2: #efeff4;--line: rgba(22, 18, 44, .09);--line-strong: rgba(22, 18, 44, .16);--line-hover: rgba(22, 18, 44, .32);--ink: #131218;--ink-2: #4a4957;--ink-3: #74737f;--on-ink: #ffffff;--brand-text: #4a2fe0;--ok: #0c8f5a;--warn: #a35f00;--bad: #cf2f36;--info: #1d68c8;--fill: rgba(22, 18, 44, .045);--fill-2: rgba(22, 18, 44, .085);--card-bg: #ffffff;--panel: #ffffff;--panel-2: #fbfbfd;--track: rgba(22, 18, 44, .1);--scrim: rgba(22, 18, 44, .3);--toast-bg: rgba(255, 255, 255, .94);--card-ring: rgba(22, 18, 44, .07);--shadow-lift: 0 30px 60px -30px rgba(40, 28, 110, .4);--shadow-xl: 0 40px 90px -40px rgba(40, 28, 110, .38);--hero-shadow: none;--title-grad: linear-gradient(120deg, #141026 0%, #3a28a6 46%, #6a4cff 100%);--ambient-opacity: .34;--ambient-filter: blur(90px) saturate(1.8) brightness(1.18);--wall-opacity: .5;--word-grad: linear-gradient(100deg, #131218 0%, #4a2fe0 45%, #7a5cff 75%, #4a2fe0 100%)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;overflow-wrap:break-word}body.is-locked{overflow:hidden}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3{line-height:1.12;text-wrap:balance}::selection{background:#5b3df573}:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px;border-radius:10px}.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}.wrap{width:100%;max-width:var(--container);margin:0 auto;padding-left:max(var(--gutter),var(--safe-left));padding-right:max(var(--gutter),var(--safe-right))}.muted{color:var(--ink-3);font-size:14px}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;view-transition-name:ambient;-webkit-mask-image:radial-gradient(130% 80% at 50% 0%,#000 0%,rgba(0,0,0,.55) 48%,transparent 88%);mask-image:radial-gradient(130% 80% at 50% 0%,#000 0%,rgba(0,0,0,.55) 48%,transparent 88%)}.ambient img{position:absolute;left:-15%;top:-15%;width:130%;height:130%;max-width:none;object-fit:cover;filter:var(--ambient-filter);opacity:0;transition:opacity 1.4s ease}.ambient img.is-on{opacity:var(--ambient-opacity)}.app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1}.skip{position:fixed;top:10px;left:10px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;transform:translateY(-160%);transition:transform .2s var(--ease)}.skip:focus{transform:none}.hdr{position:sticky;top:0;z-index:40;padding-top:var(--safe-top)}.hdr:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 74%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);opacity:0;transition:opacity .5s var(--ease);pointer-events:none}.hdr.is-solid:before{opacity:1}.hdr-in{view-transition-name:header;height:var(--hdr);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.hdr-brand{justify-self:start;border-radius:12px}.app-icon{display:block;flex:none;filter:drop-shadow(0 6px 12px rgba(80,50,220,.35))}.wordmark{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.wordmark-text{font-family:var(--font-brand);font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding-top:1px;background:var(--word-grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;background-position:0% 0;transition:background-position .9s var(--ease-out)}.hdr-brand:hover .wordmark-text{background-position:100% 0}.hdr-brand .app-icon{transition:transform .5s var(--ease-out)}.hdr-brand:hover .app-icon{transform:scale(1.06) rotate(-4deg)}.app-icon-sun{transform-box:fill-box;transform-origin:center;transition:transform .7s var(--ease-out)}.hdr-brand:hover .app-icon-sun{transform:translateY(-14px)}.hdr-nav{position:relative;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--fill);border:1px solid var(--line);isolation:isolate}.hdr-thumb{position:absolute;top:4px;bottom:4px;left:0;z-index:-1;border-radius:999px;background:var(--ink);opacity:0;transition:transform .55s var(--ease-out),width .55s var(--ease-out),opacity .3s ease}.hdr-thumb.is-on{opacity:1}.hdr-link{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:999px;color:var(--ink-2);font-size:14px;font-weight:600;transition:color .35s ease}.hdr-link:hover{color:var(--ink)}.hdr-link.active{color:var(--on-ink)}.theme-btn{position:relative;overflow:hidden}.theme-btn svg{position:absolute;inset:0;margin:auto;transition:transform .6s var(--ease-out),opacity .35s ease}.theme-moon{opacity:0;transform:rotate(-90deg) scale(.4)}:root[data-theme=light] .theme-sun{opacity:0;transform:rotate(90deg) scale(.4)}:root[data-theme=light] .theme-moon{opacity:1;transform:none}:root.is-theming *{view-transition-name:none!important}:root.is-theming::view-transition-old(root),:root.is-theming::view-transition-new(root){animation:none;mix-blend-mode:normal}:root.is-theming::view-transition-new(root){z-index:2}.hdr-end{justify-self:end;display:flex;align-items:center;gap:10px}.hdr-placeholder{width:92px;height:36px}.hdr-account{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 14px 0 5px;border-radius:999px;background:var(--fill);border:1px solid var(--line);font-size:14px;font-weight:650;transition:background .2s ease}.hdr-account:hover{background:var(--fill-2)}.hdr-account-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){.hdr-in{grid-template-columns:auto 1fr auto}.hdr-nav{justify-self:end;background:none;border:0;padding:0}.hdr-link{padding:0 10px}.hdr-link svg{display:none}.hdr-thumb{top:0;bottom:0}}@media(max-width:560px){.hdr .wordmark-text{font-size:13px;letter-spacing:.08em}.hdr .wordmark{gap:6px}.hdr-nav .hdr-link:first-of-type{display:none}.hdr-in,.hdr-end{gap:8px}.hdr-link{font-size:13px;padding:0 10px;height:34px}.hdr-account{padding:0 4px}.hdr-account-name{display:none}.hdr-cta{padding:0 14px}.theme-btn{width:36px;height:36px}}@media(max-width:370px){.hdr .wordmark-text{display:none}}.avatar{--size: 32px;width:var(--size);height:var(--size);flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--ink);font-weight:750;font-size:calc(var(--size) * .42);line-height:1}.avatar.is-premium{background:var(--grad-mark);color:#fff;box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px #9a78ff}.ftr{margin-top:48px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg-deep) 55%,transparent);padding-bottom:var(--safe-bottom)}.ftr-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;padding-top:40px;padding-bottom:40px}.ftr-brand p{margin-top:14px;max-width:44ch;color:var(--ink-3);font-size:14px}.ftr-brand a{color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.ftr-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:start;font-size:14px;font-weight:600;color:var(--ink-2)}.ftr-links a:hover{color:var(--ink)}.ftr-copy{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding-top:20px;border-top:1px solid var(--line);color:var(--ink-3);font-size:13px}@media(max-width:640px){.ftr-in{grid-template-columns:1fr}}.btn{--h: 44px;height:var(--h);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:650;line-height:1;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .35s ease,transform .2s var(--ease),opacity .2s ease}.btn:active:not([disabled]){transform:scale(.97)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-sm{--h: 36px;padding:0 16px;font-size:14px}.btn-lg{--h: 54px;padding:0 28px;font-size:16px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 28px -14px #5b3df5e6}.btn-primary:hover:not([disabled]){background:var(--brand-hover);box-shadow:0 16px 40px -14px #6b50fff2}.btn-ghost{background:var(--fill);border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not([disabled]){background:var(--fill-2);border-color:var(--line-strong)}.btn-danger{background:#e5484d;color:#fff}.btn-danger:hover:not([disabled]){background:#f05b60}.btn-danger-ghost{background:transparent;border-color:#ff6b6b59;color:var(--bad)}.btn-danger-ghost:hover:not([disabled]){background:#ff6b6b1a}.btn.is-busy{cursor:progress}.spinner{width:16px;height:16px;flex:none;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--fill);color:var(--ink-2);transition:background .2s ease,color .2s ease}.icon-btn:hover{background:var(--fill-2);color:var(--ink)}.pill{height:40px;padding:0 18px;flex:none;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-2);font-size:14px;font-weight:600;white-space:nowrap;transition:background .3s var(--ease),color .2s ease,border-color .2s ease,transform .2s var(--ease)}.pill:hover{color:var(--ink);border-color:var(--line-hover)}.pill:active{transform:scale(.96)}.pill.is-active{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.seg{position:relative;display:inline-flex;max-width:100%;padding:4px;gap:2px;border-radius:999px;background:var(--fill);border:1px solid var(--line);isolation:isolate}.seg-thumb{position:absolute;top:4px;bottom:4px;left:0;z-index:-1;border-radius:999px;background:var(--ink);box-shadow:0 6px 18px -8px #0009;transition:transform .5s var(--ease-out),width .5s var(--ease-out)}.seg-opt{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:0;border-radius:999px;background:none;color:var(--ink-2);font-size:14px;font-weight:650;white-space:nowrap;transition:color .3s ease}.seg-opt:hover{color:var(--ink)}.seg-opt.is-on{color:var(--on-ink)}.seg-sm .seg-opt{height:30px;padding:0 12px;font-size:13px}.field{display:grid;gap:7px;min-width:0}.field .seg{justify-self:start}.field-label{font-size:13px;font-weight:650;color:var(--ink-2)}.field-hint{font-size:12.5px;color:var(--ink-3)}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--fill);color:var(--ink);font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field textarea{padding:12px 14px;resize:vertical;line-height:1.5}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}.field select option{background:var(--surface)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ab9dffb3;background:var(--fill);box-shadow:0 0 0 4px #5b3df538}.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:14.5px;font-weight:600;color:var(--ink-2)}.switch input{position:absolute;opacity:0;pointer-events:none}.switch-track{position:relative;width:42px;height:24px;flex:none;border-radius:999px;background:var(--track);transition:background .25s ease}.switch-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000059;transition:transform .35s var(--ease-out)}.switch input:checked+.switch-track{background:var(--brand)}.switch input:checked+.switch-track .switch-dot{transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--brand-text);outline-offset:3px}.status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.status.is-ok{background:#43d69b24;color:var(--ok)}.status.is-wait{background:#f6bd5a24;color:var(--warn)}.status.is-info{background:#7cc4ff24;color:var(--info)}.status.is-bad{background:#ff6b6b24;color:var(--bad)}.status.is-mute{background:var(--fill-2);color:var(--ink-3)}.empty{display:grid;justify-items:center;gap:10px;padding:64px 16px;text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--fill);border:1px solid var(--line);color:var(--brand-text);margin-bottom:6px}.empty h3{font-size:20px;font-weight:700}.empty p{max-width:46ch;color:var(--ink-2)}.empty-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.page-loading{min-height:50vh;display:grid;place-items:center}.page-loading:after{content:"";width:26px;height:26px;border-radius:50%;border:2.5px solid var(--ink-3);border-right-color:transparent;animation:spin .8s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.shimmer,.prem-wait,.detail-skeleton span{background:linear-gradient(110deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.toasts{position:fixed;left:50%;bottom:calc(20px + var(--safe-bottom));z-index:90;transform:translate(-50%);display:grid;gap:8px;justify-items:center;width:min(460px,calc(100% - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:100%;padding:12px 18px 12px 14px;border-radius:18px;border:1px solid var(--line-strong);background:var(--toast-bg);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 24px 50px -20px #000c;color:var(--ink);font-size:14.5px;font-weight:600;text-align:left;animation:toast-in .5s var(--ease-out) backwards}.toast.is-ok svg{color:var(--ok);flex:none}.toast.is-error svg{color:var(--bad);flex:none}.toast.is-leaving{animation:toast-out .3s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px) scale(.98)}}.sheet-root,.dialog-root{position:fixed;inset:0;z-index:80}.sheet-scrim{position:absolute;inset:0;border:0;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s ease;cursor:default}.sheet-root.is-open .sheet-scrim,.dialog-root .sheet-scrim{opacity:1}.sheet{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line);box-shadow:-30px 0 80px -30px #000c;transform:translate(104%);transition:transform .45s var(--ease-out);outline:none;padding-top:var(--safe-top)}.sheet-root.is-open .sheet{transform:none}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.sheet-head h2{font-size:18px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-body{flex:1;overflow-y:auto;padding:20px;overscroll-behavior:contain}.sheet-foot{display:flex;justify-content:space-between;gap:10px;padding:14px 20px calc(14px + var(--safe-bottom));border-top:1px solid var(--line)}@media(max-width:640px){.sheet{top:auto;left:0;width:100%;max-height:92dvh;border-left:0;border-top:1px solid var(--line);border-radius:24px 24px 0 0;transform:translateY(104%)}}.dialog{position:absolute;left:50%;top:50%;width:min(420px,calc(100% - 32px));padding:24px;border-radius:24px;background:var(--panel);border:1px solid var(--line-strong);box-shadow:0 40px 90px -30px #000000e6;transform:translate(-50%,-50%);animation:dialog-in .4s var(--ease-out) backwards}.dialog h2{font-size:19px;font-weight:700}.dialog p{margin-top:10px;color:var(--ink-2);font-size:14.5px}.dialog-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.36s;animation-timing-function:var(--ease)}::view-transition-group(wp-shot){animation-duration:.62s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(wp-shot),::view-transition-new(wp-shot){height:100%;object-fit:cover;overflow:clip}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(max-width:1023px){.ambient img{filter:var(--ambient-filter) blur(60px)}.ambient img.is-on{opacity:calc(var(--ambient-opacity) * .85)}}.hero{padding:clamp(36px,7vw,96px) 0 clamp(28px,4vw,52px);text-align:center}.hero-word{position:relative;display:inline-flex;margin:0 auto;font-family:var(--font-brand);font-size:clamp(48px,12.6vw,200px);font-weight:600;line-height:.92;letter-spacing:-.015em;color:var(--ink);text-shadow:var(--hero-shadow)}.hero-word>span[aria-hidden]{display:inline-block}.hero-word.is-playing>span:not(.hero-mark){animation:letter-rise 1.1s var(--ease-out) backwards;animation-delay:calc(var(--i) * 55ms + 60ms)}@keyframes letter-rise{0%{opacity:0;transform:translateY(.32em) rotate(5deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}.hero-lead{max-width:600px;margin:22px auto 0;color:var(--ink-2);font-size:clamp(15px,1.35vw,18px)}.hero-lead.is-playing,.hero-tools.is-playing{animation:fade-up .9s var(--ease-out) backwards}.hero-lead.is-playing{animation-delay:.5s}.hero-tools.is-playing{animation-delay:.65s}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.hero-tools{margin-top:30px}.search{display:flex;align-items:center;gap:10px;width:100%;max-width:540px;height:54px;margin:0 auto;padding:0 8px 0 20px;border-radius:999px;border:1px solid var(--line);background:var(--fill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink-3);transition:border-color .25s ease,background .25s ease,box-shadow .3s ease}.search:focus-within{border-color:#ab9dff99;background:var(--fill-2);box-shadow:0 0 0 5px #5b3df533;color:var(--ink-2)}.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--ink);font-size:16px;outline:none}.search input::placeholder{color:var(--ink-3)}.search input::-webkit-search-cancel-button{display:none}.search-kbd{width:28px;height:28px;display:grid;place-items:center;margin-right:6px;border-radius:8px;border:1px solid var(--line-strong);color:var(--ink-3);font-family:inherit;font-size:13px}.search-clear{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--fill-2);color:var(--ink-2)}.search-sm{height:42px;max-width:320px;margin:0;padding-left:14px}.search-sm input{font-size:15px}@media(hover:none),(max-width:640px){.search-kbd{display:none}}.pills{margin-top:22px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pills::-webkit-scrollbar{display:none}.pills-track{display:flex;gap:8px;width:max-content;margin:0 auto;padding:2px 4px}@media(max-width:760px){.pills{margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent)}.pills-track{padding:2px var(--gutter)}}.gallery{padding-bottom:72px}.gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:22px}.gallery-title{display:flex;align-items:baseline;gap:12px;min-width:0}.gallery-title h2{font-family:var(--font-brand);font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-count{color:var(--ink-3);font-size:14px;white-space:nowrap}.gallery-devices{overflow-x:auto;scrollbar-width:none}.gallery-body{transition:opacity .35s ease}.gallery-body.is-stale{opacity:.45;pointer-events:none}.gallery-more{display:flex;justify-content:center;margin-top:36px}.gallery-error{margin-top:16px;text-align:center;color:var(--warn);font-size:14px}@media(max-width:640px){.gallery-head{align-items:flex-start;flex-direction:column}.gallery-devices{max-width:100%}.gallery-devices .seg-opt{padding:0 12px;font-size:13px}.gallery-devices .seg-opt svg{display:none}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}@media(min-width:1360px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}}.card{position:relative;border-radius:var(--r-card);animation:card-in .85s var(--ease-out) backwards;animation-delay:calc(var(--i) * 45ms)}@keyframes card-in{0%{opacity:0;transform:translateY(22px) scale(.98)}}.card-link{position:relative;display:block;aspect-ratio:4 / 5;border-radius:inherit;overflow:hidden;background:var(--surface);isolation:isolate;transform:translateZ(0);transition:transform .55s var(--ease-out),box-shadow .55s var(--ease-out)}.card-link:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--card-ring);pointer-events:none}.card-link:focus-visible{outline-offset:4px;border-radius:var(--r-card)}.card-media{position:absolute;inset:0;transition:transform 1.3s var(--ease-out)}.card-media img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);filter:blur(12px);transition:opacity .7s ease,transform 1.1s var(--ease-out),filter .8s ease}.card.is-loaded .card-media img{opacity:1;transform:none;filter:none}.card-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,#0c0c0ee6,#0c0c0e6b 32%,#0c0c0e00 58%);pointer-events:none}.card-crown{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#12121680;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d8c9ff}.card-info{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:grid;gap:10px}.card-head{display:grid;padding:0 4px;min-width:0}.card-title{color:#fff;font-size:15.5px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-cat{color:#ffffff9e;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bar{display:flex;align-items:center;gap:8px;padding-right:46px;min-width:0}.card-stat{height:34px;min-width:0;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;background:#10101480;border:1px solid rgba(255,255,255,.13);-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);color:#ffffffeb;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}.card-stat svg{flex:none}.card-stat-sep{width:1px;height:12px;margin:0 2px;background:#ffffff38}.card-quick{position:absolute;right:12px;bottom:12px;z-index:4;width:36px;height:36px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#1010148c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;transition:background .3s ease,border-color .3s ease,transform .55s var(--ease-out)}.card-quick:hover{background:var(--brand);border-color:var(--brand)}.card-quick:active{transform:scale(.92);transition-duration:.3s,.3s,.15s}.card-quick.is-busy{background:var(--brand);border-color:var(--brand)}@media(hover:hover)and (pointer:fine){.card:hover .card-link{transform:translateY(-5px);box-shadow:var(--shadow-lift)}.card:hover .card-media{transform:scale(1.06)}.card:hover .card-quick{transform:translateY(-5px)}.card:hover .card-quick:active{transform:translateY(-5px) scale(.92)}}@media(max-width:1023px){.card-stat,.card-quick,.card-crown{-webkit-backdrop-filter:none;backdrop-filter:none}.card-stat,.card-quick{background:#101014a8}}@media(max-width:520px){.card-info{left:10px;right:10px;bottom:10px;gap:8px}.card-title{font-size:14px}.card-stat-sep,.card-stat-sep~svg{display:none}.card-stat{height:32px;padding:0 10px}.card-bar{padding-right:40px}.card-quick{right:10px;bottom:10px;width:32px;height:32px;border-radius:10px}.card-crown{top:10px;right:10px}}.card.is-skeleton{aspect-ratio:4 / 5;background:linear-gradient(110deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s linear infinite,card-in .85s var(--ease-out) backwards;animation-delay:0s,calc(var(--i) * 45ms)}.detail{padding-top:14px;padding-bottom:32px}.back{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px 0 12px;border-radius:999px;border:1px solid var(--line);background:var(--fill);color:var(--ink-2);font-size:14px;font-weight:650;transition:background .2s ease,color .2s ease}.back:hover{background:var(--fill-2);color:var(--ink)}.back svg{transition:transform .3s var(--ease-out)}.back:hover svg{transform:translate(-3px)}.detail-grid{display:grid;gap:28px;margin-top:18px}.detail-stage{height:clamp(440px,70vh,640px)}@media(min-width:1024px){.detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:48px}.detail-stage{height:clamp(520px,calc(100dvh - var(--hdr) - 110px),820px)}}.stage{width:100%;height:100%;display:grid;place-items:center}.frame{--fr: 50px;position:relative;padding:var(--bezel);border-radius:var(--fr);background:linear-gradient(160deg,#2a2a30,#0d0d10 40%,#18181c);box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1.5px #ffffff12,var(--shadow-xl),0 20px 40px -24px #00000073;opacity:0;transition:width .8s var(--ease-out),height .8s var(--ease-out),border-radius .8s var(--ease-out),opacity .5s ease}.frame.is-ready{opacity:1}.frame.is-android{--fr: 38px}.frame.is-desktop{--fr: 16px}.frame:before{content:"";position:absolute;top:22%;right:-3px;width:3px;height:11%;border-radius:0 3px 3px 0;background:#2c2c32;transition:opacity .4s ease}.frame.is-desktop:before{opacity:0}.frame-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--fr) - var(--bezel));background:#050506;container-type:size;transition:border-radius .8s var(--ease-out)}.frame-screen img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.frame-screen img.is-loaded{opacity:1}.frame-island{position:absolute;top:2.4cqh;left:50%;width:31cqw;height:8.6cqw;max-height:30px;border-radius:999px;background:#000;transform:translate(-50%);transition:width .5s var(--ease-out),height .5s var(--ease-out),opacity .4s ease}.frame.is-android .frame-island{width:4.4cqw;height:4.4cqw;top:2.2cqh}.frame.is-desktop .frame-island{opacity:0;width:0}.lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding-top:15cqh;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);pointer-events:none;transition:opacity .45s ease}.lock-date{font-size:clamp(9px,4.4cqw,16px);font-weight:600;opacity:.92}.lock-date:first-letter{text-transform:uppercase}.lock-time{font-family:var(--font-brand);font-size:23cqw;font-weight:600;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.lock-android{align-items:flex-start;flex-direction:column-reverse;justify-content:flex-end;padding:12cqh 9cqw 0}.lock-android .lock-time{font-size:19cqw}.frame.is-desktop .lock{opacity:0}.frame-dock{position:absolute;left:50%;bottom:3.2cqh;display:flex;gap:1.1cqw;padding:.9cqw 1.2cqw;border-radius:1.6cqw;background:#fff3;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%,30%);opacity:0;transition:opacity .5s ease,transform .6s var(--ease-out)}.frame-dock i{width:3.4cqw;height:3.4cqw;border-radius:28%;background:#ffffffc7}.frame-dock i:nth-child(2){background:#8d66ff}.frame-dock i:nth-child(4){background:#ffffff80}.frame.is-desktop .frame-dock{opacity:1;transform:translate(-50%);transition-delay:.35s}.frame-stand{position:absolute;top:100%;left:50%;width:18%;height:46px;transform:translate(-50%);background:linear-gradient(180deg,#121215,#1f1f24 60%,#18181c);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);opacity:0;transition:opacity .4s ease}.frame-stand:after{content:"";position:absolute;left:-40%;right:-40%;bottom:0;height:6px;border-radius:6px;background:#222228}.frame.is-desktop .frame-stand{opacity:1;transition-delay:.3s}.detail-info{display:flex;flex-direction:column;align-items:flex-start;max-width:540px}.detail-info.is-ready>*{animation:fade-up .7s var(--ease-out) backwards}.detail-info.is-ready>:nth-child(2){animation-delay:.05s}.detail-info.is-ready>:nth-child(3){animation-delay:.1s}.detail-info.is-ready>:nth-child(n+4){animation-delay:.16s}.detail-cat{display:inline-flex;align-items:center;height:30px;padding:0 13px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-2);font-size:13px;font-weight:650;transition:color .2s ease,border-color .2s ease}.detail-cat:hover{color:var(--ink);border-color:var(--line-hover)}.detail-title{margin-top:16px;font-family:var(--font-brand);font-size:clamp(42px,5.4vw,80px);font-weight:600;line-height:.98;letter-spacing:-.01em;overflow-wrap:anywhere}.detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:18px;color:var(--ink-2);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:var(--fill-2);color:var(--ink);font-size:13px;font-weight:700}.badge-premium{background:var(--grad-mark);color:#fff;box-shadow:0 8px 24px -10px #7448f7e6}.detail-downloads{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.detail-desc{margin-top:16px;max-width:46ch;color:var(--ink-2)}.picker{width:100%;display:grid;gap:12px;margin-top:30px}.picker-label{font-size:13px;font-weight:650;color:var(--ink-3)}.picker .seg{justify-self:start}.sizes{display:flex;flex-wrap:wrap;gap:8px}.size{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-2);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;transition:background .25s ease,color .2s ease,border-color .2s ease}.size:hover{color:var(--ink)}.size.is-on{background:#5b3df533;border-color:#ab9dff99;color:var(--ink)}.detail-cta{margin-top:26px;min-width:300px}.detail-note{margin-top:12px;max-width:46ch;color:var(--ink-3);font-size:13.5px}.detail-note a{color:var(--brand-text);font-weight:650}.share{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);width:100%}.chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--fill);color:var(--ink-2);font-size:13.5px;font-weight:650;transition:background .2s ease,color .2s ease}.chip:hover{background:var(--fill-2);color:var(--ink)}.chip.is-done{color:var(--ok)}.detail-skeleton{width:100%;display:grid;gap:14px}.detail-skeleton span{display:block;height:18px;border-radius:10px}.detail-skeleton span:nth-child(1){width:30%}.detail-skeleton span:nth-child(2){width:80%;height:64px;border-radius:16px}.detail-skeleton span:nth-child(3){width:55%}.detail-skeleton span:nth-child(4){width:100%;height:54px;margin-top:20px;border-radius:999px}@media(max-width:1023px){.detail-info{max-width:none;align-items:stretch}.detail-info>.detail-cat{align-self:flex-start}.detail-cta{min-width:0;width:100%}.picker .seg{justify-self:stretch}.picker .seg-opt{flex:1;justify-content:center}.frame-dock{-webkit-backdrop-filter:none;backdrop-filter:none}}.related{padding-top:40px;padding-bottom:40px}.related h2{margin-bottom:20px;font-family:var(--font-brand);font-size:clamp(24px,2.4vw,32px);font-weight:600}.detail-missing{padding-top:64px;padding-bottom:64px}.prem{display:grid;gap:48px;padding-top:clamp(28px,6vw,72px);padding-bottom:32px}@media(min-width:640px){.prem-title{font-size:clamp(72px,12vw,132px)}}@media(min-width:1024px){.prem{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px}.prem-title{font-size:clamp(80px,8.2vw,132px)}.prem.is-paying{align-items:start}}.prem-copy>*{animation:fade-up .8s var(--ease-out) backwards}.prem-copy>:nth-child(2){animation-delay:.08s}.prem-copy>:nth-child(3){animation-delay:.14s}.prem-copy>:nth-child(n+4){animation-delay:.2s}.prem-title{font-family:var(--font-brand);font-size:clamp(56px,18vw,96px);overflow-wrap:normal;white-space:nowrap;font-weight:600;line-height:.9;letter-spacing:-.015em;background:var(--title-grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.04em}.prem-price{display:flex;align-items:flex-end;gap:10px;margin-top:20px}.prem-amount{font-family:var(--font-brand);font-size:clamp(44px,5vw,66px);font-weight:600;line-height:.95;font-variant-numeric:tabular-nums}.prem-unit{display:grid;font-size:16px;font-weight:750;line-height:1.15;padding-bottom:4px}.prem-unit small{font-size:13px;font-weight:500;color:var(--ink-3)}.prem-lead{margin-top:18px;max-width:48ch;color:var(--ink-2);font-size:17px}.prem-action{margin-top:28px}.prem-active{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.prem-wait{display:block;width:280px;max-width:100%;height:54px;border-radius:999px}.perks{display:grid;gap:20px;margin-top:40px}@media(min-width:640px){.perks{grid-template-columns:1fr 1fr}}.perks li{display:flex;gap:14px;font-size:14px;color:var(--ink-2)}.perks strong{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:2px}.perk-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:13px;border:1px solid var(--line);background:var(--fill);color:var(--brand-text)}.prem-side{display:grid;place-items:center;min-height:420px}@media(min-width:1024px){.prem-side{min-height:560px}}.fan{--tx: 0;--ty: 0;position:relative;width:min(460px,100%);aspect-ratio:1 / 1.02;perspective:1400px}.fan-stage{position:absolute;inset:0;transform:rotateY(calc(var(--tx) * 12deg)) rotateX(calc(var(--ty) * -9deg));transform-style:preserve-3d;transition:transform .9s var(--ease-out)}.fan.is-empty{opacity:0}.fan-card{position:absolute;top:50%;left:50%;width:50%;aspect-ratio:9 / 19.5;border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--card-ring),var(--shadow-xl);will-change:transform;transition:transform 1.15s cubic-bezier(.22,1,.36,1),filter .9s ease,box-shadow .9s ease;animation:fan-in 1.2s var(--ease-out) backwards}.fan-card img{width:100%;height:100%;object-fit:cover}.fan-0{z-index:3;transform:translate(-50%,-50%)}.fan-1{z-index:2;transform:translate(-112%,-46%) rotate(-11deg);filter:brightness(.62);animation-delay:.12s}.fan-2{z-index:1;transform:translate(12%,-46%) rotate(11deg);filter:brightness(.62);animation-delay:.22s}@keyframes fan-in{0%{opacity:0;transform:translate(-50%,-38%) scale(.92)}}@media(hover:hover)and (pointer:fine){.fan:hover .fan-1{transform:translate(-121%,-47%) rotate(-14deg);filter:brightness(.82)}.fan:hover .fan-2{transform:translate(21%,-47%) rotate(14deg);filter:brightness(.82)}.fan:hover .fan-0{transform:translate(-50%,-52%) scale(1.03)}}.fan-tag{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 12px;border-radius:14px;background:#10101499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.fan{width:100%}.fan-card{border-radius:22px}}.prem-pay,.prem-ticket{width:100%;max-width:520px;scroll-margin-top:calc(var(--hdr) + 16px);animation:pay-in .6s var(--ease-out) backwards}@keyframes pay-in{0%{opacity:0;transform:translateY(18px) scale(.98)}}.prem-pay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.prem-pay-head h2{font-family:var(--font-brand);font-size:24px;font-weight:600}.prem-pay-head p{margin-top:4px;color:var(--ink-2);font-size:14px}.pay-paper{border-radius:24px;padding:22px;background:#fff;color:#30313d;box-shadow:0 0 0 1px var(--line),var(--shadow-xl)}.pay-head{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#5d6070;font-size:13px;font-weight:700}.pay-loading{display:grid;gap:12px}.pay-loading span{display:block;height:52px;border-radius:6px;background:linear-gradient(110deg,#eef0f4 30%,#f8f9fb,#eef0f4 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.pay-loading span:last-child{height:44px;width:60%}.pay-slot:empty{display:none}.pay-note,.pay-error{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600}.pay-error{color:#df1b41}.pay-fine{display:flex;align-items:center;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid #eceef2;color:#6b6f7b;font-size:12.5px}.pay-fine svg{color:#00a86b;flex:none}.ticket{width:min(470px,100%);border-radius:24px;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-xl);overflow:hidden}.ticket-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:20px 22px 6px}.ticket-head h2{font-size:17px;font-weight:750}.ticket-head p{color:var(--ink-3);font-size:13px}.ticket-body{display:grid;gap:12px;padding:0 22px 18px}.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-row dt{color:var(--ink-3);font-size:14px}.ticket-row dd{display:flex;align-items:center;gap:8px;min-width:0}.ticket-value{font-weight:750;font-variant-numeric:tabular-nums}.ticket-value.is-soft{font-weight:600;color:var(--ink-2)}.ticket-row.is-big{padding:12px 0}.ticket-row.is-big .ticket-value{font-family:var(--font-brand);font-size:clamp(24px,6vw,32px);font-weight:600;letter-spacing:.03em}.ticket-copy{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--fill);color:var(--ink-2);transition:background .2s ease,color .2s ease}.ticket-copy:hover{background:var(--fill-2);color:var(--ink)}.ticket-copy.is-done{color:var(--ok)}.ticket-cut{position:relative;height:22px}.ticket-cut:before,.ticket-cut:after{content:"";position:absolute;top:50%}.ticket-cut:before{left:18px;right:18px;border-top:1.5px dashed var(--line-strong)}.ticket-cut:after{left:-11px;right:-11px;height:22px;margin-top:-11px;background:radial-gradient(circle at 11px 50%,var(--bg) 10px,transparent 10.5px) left / 50% 100% no-repeat,radial-gradient(circle at calc(100% - 11px) 50%,var(--bg) 10px,transparent 10.5px) right / 50% 100% no-repeat}.ticket-foot{padding:16px 22px 22px;color:var(--ink-2);font-size:14px}.drop{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 10px 10px 14px;border:1.5px dashed var(--line-strong);border-radius:16px;transition:border-color .2s ease,background .2s ease}.drop.is-over,.drop.has-file{border-color:#ab9dffb3;background:#5b3df51a}.drop-label{flex:1;min-width:0;display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer;color:var(--ink-2);font-weight:600}.drop-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.steps{padding-top:64px;padding-bottom:24px}.steps h2,.faq h2{font-family:var(--font-brand);font-size:clamp(28px,3vw,40px);font-weight:600}.steps ol{display:grid;gap:14px;margin-top:24px}@media(min-width:768px){.steps ol{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps li{padding:24px;border-radius:22px;border:1px solid var(--line);background:var(--card-bg)}.step-n{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(171,157,255,.45);color:var(--brand-text);font-family:var(--font-brand);font-size:15px;font-weight:600}.steps h3{margin-top:18px;font-size:18px;font-weight:750}.steps p{margin-top:6px;color:var(--ink-2);font-size:14.5px}.faq{padding-top:48px;padding-bottom:72px}.faq-list{margin-top:18px;border-top:1px solid var(--line);max-width:880px}.faq details{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}.faq details::details-content{height:0;overflow:clip;transition:height .45s var(--ease-out),content-visibility .45s allow-discrete}.faq details[open]::details-content{height:auto}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:12px;height:12px;flex:none;background:linear-gradient(var(--ink-2),var(--ink-2)) center / 12px 2px no-repeat,linear-gradient(var(--ink-2),var(--ink-2)) center / 2px 12px no-repeat;transition:transform .4s var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding-bottom:20px;max-width:70ch;color:var(--ink-2)}.acct{padding-top:48px;padding-bottom:48px}.acct-head{display:flex;align-items:center;gap:20px;animation:fade-up .7s var(--ease-out) backwards}.acct-head>div{min-width:0}.acct-head h1{font-family:var(--font-brand);font-size:clamp(30px,4vw,48px);font-weight:600;overflow-wrap:anywhere}.acct-head p{color:var(--ink-3);overflow-wrap:anywhere}.acct-grid{display:grid;gap:16px;margin-top:36px}@media(min-width:900px){.acct-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}.panel{padding:24px;border-radius:24px;border:1px solid var(--line);background:var(--card-bg);animation:fade-up .7s var(--ease-out) .08s backwards}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{font-size:18px;font-weight:750}.panel-text{margin-top:10px;color:var(--ink-2);font-size:14.5px}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.panel .ticket{width:100%;margin-top:16px;box-shadow:none}.sub-big{margin-top:14px;font-family:var(--font-brand);font-size:clamp(26px,3vw,38px);font-weight:600}.meter{height:8px;margin-top:16px;border-radius:999px;background:var(--track);overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:var(--grad-mark);transform-origin:left;transition:transform 1.2s var(--ease-out)}.login{position:relative;min-height:100dvh;display:grid;place-items:center;padding:calc(96px + var(--safe-top)) 16px calc(40px + var(--safe-bottom));overflow:hidden}.wall{position:absolute;inset:-20% -10%;display:flex;justify-content:center;gap:18px;transform:rotate(-9deg);opacity:var(--wall-opacity)}.wall-col{display:flex;flex-direction:column;gap:18px;width:clamp(120px,15vw,220px);flex:none;animation:wall-up var(--dur, 80s) linear infinite}.wall-col.is-down{animation-direction:reverse}.wall-col img{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:22px;background:var(--surface)}@keyframes wall-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.login-scrim{position:absolute;inset:0;background:radial-gradient(56% 52% at 50% 52%,color-mix(in srgb,var(--bg) 55%,transparent),color-mix(in srgb,var(--bg) 94%,transparent) 78%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent),color-mix(in srgb,var(--bg) 15%,transparent) 30% 70%,color-mix(in srgb,var(--bg) 90%,transparent))}.login-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(16px + var(--safe-top)) var(--gutter) 16px}.login-back{height:40px;display:inline-flex;align-items:center;gap:8px;padding:0 16px 0 12px;border-radius:999px;font-size:14px;font-weight:650;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--bg) 50%,transparent);color:var(--ink-2);transition:color .2s ease,background .2s ease}.login-back:hover{color:var(--ink);background:var(--fill-2)}.login-card{position:relative;z-index:2;width:min(420px,100%);padding:36px 30px 26px;border-radius:30px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--panel) 78%,transparent);-webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);box-shadow:var(--shadow-xl);text-align:center;animation:login-in .9s var(--ease-out) backwards}@keyframes login-in{0%{opacity:0;transform:translateY(24px) scale(.97)}}.login-mark{margin:0 auto 18px;animation:icon-in 1s var(--ease-out) .15s backwards}@keyframes icon-in{0%{opacity:0;transform:translateY(10px) rotate(-10deg) scale(.8)}}.login-card h1{font-family:var(--font-brand);font-size:42px;font-weight:600}.login-card>p{margin-top:10px;color:var(--ink-2);font-size:15px}.login-google{position:relative;min-height:44px;margin-top:28px;display:grid;place-items:center}.login-google-slot{width:100%;max-width:360px;display:flex;justify-content:center}.login-google-wait{position:absolute;inset:0;border-radius:999px;background:linear-gradient(110deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.login-busy{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:var(--ink-2);font-size:14px}.login-dev{display:grid;gap:8px;margin-top:24px;padding-top:18px;border-top:1px dashed var(--line-strong)}.login-dev span{color:var(--ink-3);font-size:12px}.login-error{margin-top:14px;color:var(--bad);font-size:14px}.login-fine{margin-top:22px;color:var(--ink-3);font-size:12.5px}@media(max-width:1023px){.login-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--panel) 94%,transparent)}}@media(prefers-reduced-motion:reduce){.wall-col{animation:none}}.ticket-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#5b3df524;color:var(--brand-text)}.ticket-title{min-width:0}.ticket-amount{display:flex;align-items:baseline;gap:8px;padding:10px 22px 14px}.ticket-amount span{font-family:var(--font-brand);font-size:clamp(34px,7vw,44px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.ticket-amount small{color:var(--ink-3);font-size:15px;font-weight:700}.ticket-body .ticket-row{padding:10px 0;border-top:1px solid var(--line)}.ticket-body .ticket-row:first-child{border-top:0}.ticket-value.is-mono{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;text-align:right}.ticket-row dd{justify-content:flex-end}.ticket-value.is-soft{text-align:right}@media(max-width:420px){.ticket-row{align-items:flex-start}.ticket-row.is-big .ticket-value,.ticket-value.is-mono{font-size:15px}}.prem-methods{display:grid;justify-items:start;gap:16px}.prem-methods .seg-opt{height:40px;padding:0 18px}.prem-off{color:var(--ink-2)}.pay-fallback{display:inline-flex;align-items:center;gap:8px;margin-top:14px;height:44px;padding:0 18px;border:0;border-radius:999px;background:#5b3df5;color:#fff;font-size:14.5px;font-weight:700;transition:background .2s ease,transform .2s var(--ease)}.pay-fallback:hover{background:#6b50ff}.pay-fallback:active{transform:scale(.97)}.steps li{animation:fade-up .6s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 70ms)}@media(max-width:480px){.ticket-head{grid-template-columns:auto minmax(0,1fr);row-gap:10px}.ticket-head .status{grid-column:1 / -1;justify-self:start}.ticket-title h2{font-size:16px}.ticket-title p{white-space:nowrap}.ticket-body .ticket-row{flex-direction:column;align-items:stretch;gap:4px}.ticket-row dd{justify-content:space-between}.ticket-value.is-mono,.ticket-value.is-soft{text-align:left}}.studio{padding-top:40px;padding-bottom:48px}.studio-head h1{font-family:var(--font-brand);font-size:clamp(36px,4vw,54px);font-weight:600}.studio-head p{margin-top:6px;color:var(--ink-2)}.studio-tabs{margin-top:24px;overflow-x:auto;scrollbar-width:none}.studio-section{margin-top:28px;animation:fade-up .5s var(--ease-out) backwards}.studio-section.narrow{max-width:640px}.studio-h2{margin-top:34px;font-size:18px;font-weight:750}.studio-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:32px 0 16px}.tiles{display:grid;gap:12px}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.tile{padding:20px 22px;border-radius:22px;border:1px solid var(--line);background:var(--card-bg)}.tile dt{color:var(--ink-3);font-size:13px;font-weight:650}.tile dd{margin-top:6px;font-family:var(--font-brand);font-size:40px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.rank{display:grid;gap:8px;margin-top:14px}.rank li{display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:var(--card-bg)}.rank-n{font-family:var(--font-brand);color:var(--ink-3)}.rank li img,.rank-thumb{width:40px;height:50px;border-radius:8px;object-fit:cover;background:var(--surface)}.rank-title{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-crown{color:var(--brand-text)}.rank-count{color:var(--ink-3);font-size:13px;white-space:nowrap}.publish{display:grid;gap:20px;padding:20px;border-radius:24px;border:1px solid var(--line);background:var(--card-bg)}@media(min-width:1024px){.publish{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}}.publish-drop{min-height:240px;display:grid;border:1.5px dashed var(--line-strong);border-radius:18px;transition:border-color .2s ease,background .2s ease}.publish-drop.is-over{border-color:#ab9dffcc;background:#5b3df514}.publish-empty{display:grid;place-items:center;align-content:center;gap:8px;padding:32px;text-align:center;cursor:pointer}.publish-empty strong{font-size:16px}.publish-empty span{max-width:44ch;color:var(--ink-3);font-size:13.5px}.publish-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:10px;padding:12px}.publish-thumbs li{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:var(--surface);animation:fade-up .4s var(--ease-out) backwards}.publish-thumbs img{width:100%;height:100%;object-fit:cover}.publish-thumbs button{position:absolute;top:5px;right:5px;width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:50%;background:#000000a6;color:#fff}.publish-more{height:100%;display:grid;place-items:center;border:1.5px dashed var(--line-strong);border-radius:12px;color:var(--ink-3);cursor:pointer}.publish-fields{display:grid;align-content:start;gap:16px}.publish-switches{display:grid;gap:12px}.arch{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.arch-item{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.arch-media{position:relative;display:block;aspect-ratio:4 / 5;border-radius:18px;overflow:hidden;background:var(--surface)}.arch-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease-out)}.arch-item:hover .arch-media img{transform:scale(1.05)}.arch-edit{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#10101499;color:#fff;opacity:0;transition:opacity .25s ease}.arch-item:hover .arch-edit,.arch-item:focus-visible .arch-edit{opacity:1}.arch-flags{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px}.flag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:#101014b3;color:#fff;font-size:11px;font-weight:700}.flag.is-premium{background:var(--grad-mark)}.arch-title{display:block;margin-top:8px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-sub{display:block;color:var(--ink-3);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit{display:grid;gap:16px}.edit-preview{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}.edit-preview img{width:120px;aspect-ratio:4 / 5;object-fit:cover;border-radius:14px;background:var(--surface)}.edit-preview .field-hint{flex-basis:100%}.edit-replace{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-2);font-size:14px;font-weight:650;cursor:pointer}.edit-replace:hover{color:var(--ink);background:var(--fill)}.edit-meta{color:var(--ink-3);font-size:13px}.edit-meta a{display:inline-flex;align-items:center;gap:4px;color:var(--brand-text);font-weight:650}.inline-form{display:flex;align-items:flex-end;gap:10px}.inline-form .field{flex:1}.inline-form+.muted{margin-top:12px}.cats{display:grid;gap:8px;margin-top:16px}.cat-row{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 8px;border-radius:16px;border:1px solid var(--line);background:var(--card-bg)}.cat-row input{flex:1;min-width:0;height:38px;padding:0 8px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:15px;font-weight:650;outline:none;transition:background .2s ease}.cat-row input:focus{background:var(--fill)}.cat-slug{color:var(--ink-3);font-size:12.5px;white-space:nowrap}.price-form{display:grid;gap:18px}.price-now{color:var(--ink-2);font-size:15px}.price-now span{display:block;font-family:var(--font-brand);font-size:56px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.price-form .btn{justify-self:start}.pays{display:grid;gap:10px}.pay{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto auto;align-items:center;gap:8px 16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--card-bg)}.pay-main{min-width:0}.pay-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-sub{color:var(--ink-3);font-size:12.5px}.pay-amount{font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.pay-date{color:var(--ink-3);font-size:13px;white-space:nowrap}.pay-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pay-actions:empty{display:none}@media(max-width:720px){.pay{grid-template-columns:minmax(0,1fr) auto}.pay-date{grid-column:1}.pay-actions{justify-content:flex-start}}
