@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-sans-latin-400-normal-gapTbOY8.woff2) format("woff2"),url(/assets/geist-sans-latin-400-normal-BOaIZNA2.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-sans-latin-500-normal-uokXdC-Q.woff2) format("woff2"),url(/assets/geist-sans-latin-500-normal-CN2lyvyL.woff) format("woff")}@font-face{font-family:Geist Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-sans-latin-600-normal-DFOURf8L.woff2) format("woff2"),url(/assets/geist-sans-latin-600-normal-CA1yjETN.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DTRLJnHl.woff2) format("woff2"),url(/assets/geist-mono-latin-400-normal-B2yvC1Cq.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-YINYabwD.woff2) format("woff2"),url(/assets/geist-mono-latin-500-normal-D-GG86Jb.woff) format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}}@layer base{*,:before,:after{box-sizing:border-box}html,body{min-height:100%}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--ds-background-200);color:var(--ds-gray-1000);font-family:var(--font-sans);font-feature-settings:"liga","calt";margin:0;font-size:14px;line-height:20px}h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,input,select,label{-webkit-tap-highlight-color:transparent}:focus-visible{box-shadow:var(--ds-focus-ring);outline:none}::selection{background:var(--ds-blue-400)}code,kbd,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}code{background:var(--ds-gray-alpha-100);box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);border-radius:4px;padding:1px 4px;font-size:.9em}img,video{max-width:100%;display:block}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}:root{color-scheme:light;--ds-background-100-value:0, 0%, 100%;--ds-background-200-value:0, 0%, 98%;--ds-gray-100-value:0, 0%, 95%;--ds-gray-200-value:0, 0%, 92%;--ds-gray-300-value:0, 0%, 90%;--ds-gray-400-value:0, 0%, 92%;--ds-gray-500-value:0, 0%, 79%;--ds-gray-600-value:0, 0%, 66%;--ds-gray-700-value:0, 0%, 56%;--ds-gray-800-value:0, 0%, 49%;--ds-gray-900-value:0, 0%, 30%;--ds-gray-1000-value:0, 0%, 9%;--ds-blue-100-value:212, 100%, 97%;--ds-blue-200-value:210, 100%, 96%;--ds-blue-300-value:210, 100%, 94%;--ds-blue-400-value:209, 100%, 90%;--ds-blue-500-value:209, 100%, 80%;--ds-blue-600-value:208, 100%, 66%;--ds-blue-700-value:212, 100%, 48%;--ds-blue-800-value:212, 100%, 41%;--ds-blue-900-value:211, 100%, 42%;--ds-blue-1000-value:211, 100%, 15%;--ds-red-100-value:0, 100%, 97%;--ds-red-200-value:0, 100%, 96%;--ds-red-300-value:0, 100%, 95%;--ds-red-400-value:0, 90%, 92%;--ds-red-500-value:0, 82%, 85%;--ds-red-600-value:359, 90%, 71%;--ds-red-700-value:358, 75%, 59%;--ds-red-800-value:358, 70%, 52%;--ds-red-900-value:358, 66%, 48%;--ds-red-1000-value:355, 49%, 15%;--ds-amber-100-value:39, 100%, 95%;--ds-amber-200-value:44, 100%, 92%;--ds-amber-300-value:43, 96%, 90%;--ds-amber-400-value:42, 100%, 78%;--ds-amber-500-value:38, 100%, 71%;--ds-amber-600-value:36, 90%, 62%;--ds-amber-700-value:39, 100%, 57%;--ds-amber-800-value:35, 100%, 52%;--ds-amber-900-value:30, 100%, 32%;--ds-amber-1000-value:20, 79%, 17%;--ds-green-100-value:120, 60%, 96%;--ds-green-200-value:120, 60%, 95%;--ds-green-300-value:120, 60%, 91%;--ds-green-400-value:122, 60%, 86%;--ds-green-500-value:124, 60%, 75%;--ds-green-600-value:125, 60%, 64%;--ds-green-700-value:131, 41%, 46%;--ds-green-800-value:132, 43%, 39%;--ds-green-900-value:133, 50%, 32%;--ds-green-1000-value:128, 29%, 15%;--ds-gray-alpha-100:#0000000d;--ds-gray-alpha-200:#00000015;--ds-gray-alpha-300:#0000001a;--ds-gray-alpha-400:#00000014;--ds-gray-alpha-500:#00000036;--ds-gray-alpha-600:#0000003d;--ds-shadow-border-base:0 0 0 1px #00000014;--ds-shadow-small:0px 2px 2px #0000000a;--ds-shadow-medium:0px 2px 2px #0000000a, 0px 8px 8px -8px #0000000a;--ds-shadow-large:0px 2px 2px #0000000a, 0px 8px 16px -4px #0000000a;--ds-overlay:#00000029;--ds-hover-primary:#383838;--font-sans:"Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-control:6px;--radius-material:8px;--radius-card:12px;--radius-full:9999px;--sidebar-width:244px;--content-width:1200px;--z-sticky:20;--z-nav:30;--z-popover:65;--z-modal:60;--z-toast:70;--motion-instant:90ms;--motion-fast:.15s;--motion-normal:.22s;--motion-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.36, .64, 1);--press-scale:.97}:root[data-theme=dark]{color-scheme:dark;--ds-background-100-value:0, 0%, 4%;--ds-background-200-value:0, 0%, 0%;--ds-gray-100-value:0, 0%, 10%;--ds-gray-200-value:0, 0%, 12%;--ds-gray-300-value:0, 0%, 16%;--ds-gray-400-value:0, 0%, 18%;--ds-gray-500-value:0, 0%, 27%;--ds-gray-600-value:0, 0%, 53%;--ds-gray-700-value:0, 0%, 56%;--ds-gray-800-value:0, 0%, 49%;--ds-gray-900-value:0, 0%, 63%;--ds-gray-1000-value:0, 0%, 93%;--ds-blue-100-value:216, 50%, 12%;--ds-blue-200-value:214, 59%, 15%;--ds-blue-300-value:213, 71%, 20%;--ds-blue-400-value:212, 78%, 23%;--ds-blue-500-value:211, 86%, 27%;--ds-blue-600-value:206, 100%, 50%;--ds-blue-700-value:212, 100%, 48%;--ds-blue-800-value:212, 100%, 41%;--ds-blue-900-value:210, 100%, 66%;--ds-blue-1000-value:206, 100%, 96%;--ds-red-100-value:357, 37%, 12%;--ds-red-200-value:357, 46%, 16%;--ds-red-300-value:356, 54%, 22%;--ds-red-400-value:357, 55%, 26%;--ds-red-500-value:357, 60%, 32%;--ds-red-600-value:358, 75%, 59%;--ds-red-700-value:358, 75%, 59%;--ds-red-800-value:358, 69%, 52%;--ds-red-900-value:358, 100%, 69%;--ds-red-1000-value:353, 90%, 96%;--ds-amber-100-value:35, 100%, 8%;--ds-amber-200-value:32, 100%, 10%;--ds-amber-300-value:33, 100%, 15%;--ds-amber-400-value:35, 100%, 17%;--ds-amber-500-value:35, 91%, 22%;--ds-amber-600-value:39, 85%, 49%;--ds-amber-700-value:39, 100%, 57%;--ds-amber-800-value:35, 100%, 52%;--ds-amber-900-value:39, 90%, 50%;--ds-amber-1000-value:40, 94%, 93%;--ds-green-100-value:136, 50%, 9%;--ds-green-200-value:137, 50%, 12%;--ds-green-300-value:136, 50%, 14%;--ds-green-400-value:135, 70%, 16%;--ds-green-500-value:135, 70%, 23%;--ds-green-600-value:135, 70%, 34%;--ds-green-700-value:131, 41%, 46%;--ds-green-800-value:132, 43%, 39%;--ds-green-900-value:131, 43%, 57%;--ds-green-1000-value:136, 73%, 94%;--ds-gray-alpha-100:#ffffff0f;--ds-gray-alpha-200:#ffffff17;--ds-gray-alpha-300:#ffffff21;--ds-gray-alpha-400:#ffffff24;--ds-gray-alpha-500:#ffffff3d;--ds-gray-alpha-600:#ffffff82;--ds-shadow-border-base:0 0 0 1px #ffffff25;--ds-shadow-small:0px 1px 2px #00000029;--ds-shadow-medium:0px 2px 2px #00000052, 0px 8px 8px -8px #00000029;--ds-shadow-large:0px 2px 2px #00000052, 0px 8px 16px -4px #0000003d;--ds-overlay:#000000a3;--ds-hover-primary:#ccc}:root{--ds-background-100:hsl(var(--ds-background-100-value));--ds-background-200:hsl(var(--ds-background-200-value));--ds-gray-100:hsl(var(--ds-gray-100-value));--ds-gray-200:hsl(var(--ds-gray-200-value));--ds-gray-300:hsl(var(--ds-gray-300-value));--ds-gray-400:hsl(var(--ds-gray-400-value));--ds-gray-500:hsl(var(--ds-gray-500-value));--ds-gray-600:hsl(var(--ds-gray-600-value));--ds-gray-700:hsl(var(--ds-gray-700-value));--ds-gray-800:hsl(var(--ds-gray-800-value));--ds-gray-900:hsl(var(--ds-gray-900-value));--ds-gray-1000:hsl(var(--ds-gray-1000-value));--ds-blue-100:hsl(var(--ds-blue-100-value));--ds-blue-200:hsl(var(--ds-blue-200-value));--ds-blue-300:hsl(var(--ds-blue-300-value));--ds-blue-400:hsl(var(--ds-blue-400-value));--ds-blue-600:hsl(var(--ds-blue-600-value));--ds-blue-700:hsl(var(--ds-blue-700-value));--ds-blue-800:hsl(var(--ds-blue-800-value));--ds-blue-900:hsl(var(--ds-blue-900-value));--ds-blue-1000:hsl(var(--ds-blue-1000-value));--ds-red-100:hsl(var(--ds-red-100-value));--ds-red-200:hsl(var(--ds-red-200-value));--ds-red-300:hsl(var(--ds-red-300-value));--ds-red-400:hsl(var(--ds-red-400-value));--ds-red-700:hsl(var(--ds-red-700-value));--ds-red-800:hsl(var(--ds-red-800-value));--ds-red-900:hsl(var(--ds-red-900-value));--ds-red-1000:hsl(var(--ds-red-1000-value));--ds-amber-100:hsl(var(--ds-amber-100-value));--ds-amber-200:hsl(var(--ds-amber-200-value));--ds-amber-300:hsl(var(--ds-amber-300-value));--ds-amber-400:hsl(var(--ds-amber-400-value));--ds-amber-700:hsl(var(--ds-amber-700-value));--ds-amber-900:hsl(var(--ds-amber-900-value));--ds-amber-1000:hsl(var(--ds-amber-1000-value));--ds-green-100:hsl(var(--ds-green-100-value));--ds-green-200:hsl(var(--ds-green-200-value));--ds-green-300:hsl(var(--ds-green-300-value));--ds-green-400:hsl(var(--ds-green-400-value));--ds-green-700:hsl(var(--ds-green-700-value));--ds-green-900:hsl(var(--ds-green-900-value));--ds-green-1000:hsl(var(--ds-green-1000-value));--ds-focus-color:var(--ds-blue-700);--ds-focus-ring:0 0 0 2px var(--ds-background-100), 0 0 0 4px var(--ds-focus-color);--ds-focus-border:0 0 0 1px var(--ds-gray-alpha-600), 0 0 0 4px var(--ds-gray-alpha-300);--ds-shadow-background-border:0 0 0 1px var(--ds-background-200);--ds-shadow-border:var(--ds-shadow-border-base), var(--ds-shadow-background-border);--ds-shadow-border-small:var(--ds-shadow-border-base), var(--ds-shadow-small);--ds-shadow-border-medium:var(--ds-shadow-border-base), var(--ds-shadow-medium);--ds-shadow-border-large:var(--ds-shadow-border-base), var(--ds-shadow-large);--ds-shadow-menu:var(--ds-shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px -4px #0000000a, 0px 16px 24px -8px #0000000f;--ds-shadow-modal:var(--ds-shadow-border-base), 0px 1px 1px #00000005, 0px 8px 16px -4px #0000000a, 0px 24px 32px -8px #0000000f;--ds-shadow-tooltip:var(--ds-shadow-border-base), 0px 1px 1px #00000005, 0px 4px 8px #0000000a}:root[data-theme=dark]{--ds-focus-color:var(--ds-blue-900);--ds-focus-border:0 0 0 1px var(--ds-gray-alpha-600), 0 0 0 4px #ffffff3d}.text-heading-32{letter-spacing:-1.28px;font-size:32px;font-weight:600;line-height:40px}.text-heading-24{letter-spacing:-.96px;font-size:24px;font-weight:600;line-height:32px}.text-heading-20{letter-spacing:-.4px;font-size:20px;font-weight:600;line-height:26px}.text-heading-16{letter-spacing:-.32px;font-size:16px;font-weight:600;line-height:24px}.text-heading-14{letter-spacing:-.28px;font-size:14px;font-weight:600;line-height:20px}.text-label-13{font-size:13px;line-height:16px}.text-label-12{font-size:12px;line-height:16px}.text-copy-14{font-size:14px;line-height:20px}.text-copy-13{font-size:13px;line-height:18px}.muted{color:var(--ds-gray-900)}.subtle{color:var(--ds-gray-700)}.error-text{color:var(--ds-red-900)}.tabular{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.link{color:var(--ds-gray-1000);text-decoration:underline;-webkit-text-decoration-color:var(--ds-gray-alpha-500);text-decoration-color:var(--ds-gray-alpha-500);text-underline-offset:3px;transition:text-decoration-color var(--motion-fast)}.link:hover{text-decoration-color:currentColor}.link-inline{color:var(--ds-gray-900);transition:color var(--motion-fast);align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.link-inline svg{width:14px;height:14px;transition:transform var(--motion-fast) var(--ease-out)}.link-inline:hover{color:var(--ds-gray-1000)}.link-inline:hover svg{transform:translate(2px)}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--ds-gray-1000);color:var(--ds-background-100);transition:transform var(--motion-fast) var(--ease-out);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.stack{align-content:start;gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spacer{flex:1}.btn{--btn-height:40px;--btn-pad:12px;height:var(--btn-height);padding:0 var(--btn-pad);border-radius:var(--radius-control);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border-base);color:var(--ds-gray-1000);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--ease-spring);border:0;flex:none;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.btn svg{width:16px;height:16px;transition:transform var(--motion-normal) var(--ease-spring);flex:none}.btn:hover:not(:disabled,[aria-disabled=true]){background:var(--ds-gray-alpha-100);box-shadow:0 0 0 1px var(--ds-gray-alpha-500),var(--ds-shadow-small);transform:translateY(-1px)}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(var(--press-scale));box-shadow:0 0 0 1px var(--ds-gray-alpha-500);transition-duration:var(--motion-instant)}.btn:focus-visible{box-shadow:var(--ds-focus-ring)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;background:var(--ds-gray-100);box-shadow:0 0 0 1px var(--ds-gray-alpha-400);color:var(--ds-gray-700)}.btn[data-variant=primary]{background:var(--ds-gray-1000);box-shadow:none;color:var(--ds-background-100)}.btn[data-variant=primary]:hover:not(:disabled,[aria-disabled=true]){background:var(--ds-hover-primary);box-shadow:var(--ds-shadow-medium)}.btn[data-variant=tertiary]{box-shadow:none;background:0 0}.btn[data-variant=tertiary]:hover:not(:disabled,[aria-disabled=true]){background:var(--ds-gray-alpha-200);box-shadow:none;transform:none}.btn[data-variant=tertiary]:disabled{box-shadow:none;background:0 0}.btn[data-variant=error]{background:var(--ds-red-800);box-shadow:none;color:#fff}.btn[data-variant=error]:hover:not(:disabled,[aria-disabled=true]){background:var(--ds-red-900);box-shadow:var(--ds-shadow-medium)}.btn[data-variant=warning]{background:var(--ds-amber-700);box-shadow:none;color:#0a0a0a}.btn[data-variant=primary]:disabled,.btn[data-variant=error]:disabled,.btn[data-variant=warning]:disabled{background:var(--ds-gray-100);box-shadow:0 0 0 1px var(--ds-gray-alpha-400);color:var(--ds-gray-700)}.btn[data-size=small]{--btn-height:32px;--btn-pad:10px;font-size:14px}.btn[data-size=tiny]{--btn-height:24px;--btn-pad:6px;gap:4px;font-size:12px}.btn[data-size=tiny] svg{width:14px;height:14px}.btn[data-size=large]{--btn-height:48px;--btn-pad:14px;font-size:16px}.btn[data-shape=square]{width:var(--btn-height);padding:0}.btn[data-loading=true]{cursor:progress}.btn:hover:not(:disabled) .icon-forward{transform:translate(2px)}.btn:hover:not(:disabled) .icon-back{transform:translate(-2px)}.btn:hover:not(:disabled) .icon-spin{transform:rotate(-90deg)}.btn:hover:not(:disabled) .icon-pop{transform:scale(1.12)}.btn[data-full=true]{width:100%}.spinner{width:var(--spinner-size,16px);height:var(--spinner-size,16px);flex:none;display:inline-block;position:relative}.spinner>span{opacity:.15;transform-origin:50%;background:currentColor;border-radius:999px;width:10%;height:26%;animation:1s linear infinite spinner-fade;position:absolute;top:50%;left:50%}@keyframes spinner-fade{0%{opacity:.9}to{opacity:.15}}.loading-dots{align-items:center;gap:3px;display:inline-flex}.loading-dots>span{width:4px;height:4px;animation:dot-pulse 1.2s var(--ease-in-out) infinite both;background:currentColor;border-radius:50%}.loading-dots>span:nth-child(2){animation-delay:.16s}.loading-dots>span:nth-child(3){animation-delay:.32s}@keyframes dot-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.skeleton{width:var(--w,100%);height:var(--h,16px);border-radius:var(--radius-control);background:linear-gradient(90deg,transparent 0%,var(--ds-gray-alpha-100) 40%,var(--ds-gray-alpha-200) 50%,var(--ds-gray-alpha-100) 60%,transparent 100%) 0 0 / 300% 100% var(--ds-gray-alpha-100);animation:1.6s linear infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}.progress{height:var(--progress-h,6px);border-radius:var(--radius-full);background:var(--ds-gray-alpha-200);position:relative;overflow:hidden}.progress>span{border-radius:inherit;background:var(--progress-color,var(--ds-gray-1000));transform-origin:0;width:100%;transform:scaleX(var(--value,0));transition:transform var(--motion-slow) var(--ease-out);position:absolute;inset:0 auto 0 0}.progress[data-variant=success]{--progress-color:var(--ds-green-700)}.progress[data-variant=error]{--progress-color:var(--ds-red-800)}.progress[data-variant=active]>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.4s linear infinite progress-sheen;position:absolute;inset:0}@keyframes progress-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--shell-sidebar:var(--sidebar-width);--tabbar-h:56px;--rail-size:48px;--reel-gap:16px;--heart:var(--ds-red-800)}.app{grid-template-columns:var(--shell-sidebar) minmax(0,1fr);background:var(--ds-background-200);min-height:100dvh;display:grid}.app-main{min-width:0;position:relative}.app[data-immersive] .app-main{height:100dvh;overflow:hidden}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--ds-gray-1000);color:var(--ds-background-100);transition:transform var(--motion-fast) var(--ease-out);padding:8px 12px;font-weight:500;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.sidebar{z-index:var(--z-nav);background:var(--ds-background-100);height:100dvh;box-shadow:inset -1px 0 0 var(--ds-gray-alpha-400);flex-direction:column;gap:24px;padding:20px 12px 16px;display:flex;position:sticky;top:0}.brand{border-radius:var(--radius-material);width:fit-content;transition:background var(--motion-fast);align-items:center;gap:10px;padding:4px 8px;display:flex}.brand:hover{background:var(--ds-gray-alpha-100)}.brand-mark{width:28px;height:28px;box-shadow:var(--ds-shadow-border-base);transition:transform var(--motion-normal) var(--ease-spring);border-radius:7px}.brand:hover .brand-mark{transform:rotate(-6deg)scale(1.06)}.brand:active .brand-mark{transform:scale(.94)}.brand-name{letter-spacing:-.54px;font-size:18px;font-weight:600}.nav{flex-direction:column;gap:4px;display:flex;position:relative}.nav-item{z-index:1;border-radius:var(--radius-material);height:40px;color:var(--ds-gray-900);transition:color var(--motion-fast),background var(--motion-fast);background:0 0;border:0;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item svg{width:20px;height:20px;transition:transform var(--motion-normal) var(--ease-spring);flex:none}.nav-item:hover{color:var(--ds-gray-1000);background:var(--ds-gray-alpha-100)}.nav-item:hover svg{transform:scale(1.08)}.nav-item:active svg{transition-duration:var(--motion-instant);transform:scale(.9)}.nav-item[aria-current=page]{color:var(--ds-gray-1000);background:0 0}.nav-item[aria-current=page] svg{stroke-width:2.25px}.nav-indicator{border-radius:var(--radius-material);background:var(--ds-gray-alpha-200);opacity:0;height:40px;transform:translateY(calc(var(--nav-index,0) * 44px));transition:transform var(--motion-normal) var(--ease-out),opacity var(--motion-fast);position:absolute;inset:0 0 auto}.nav[data-has-active] .nav-indicator{opacity:1}.sidebar-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.theme-full{padding:0 4px}.theme-cycle{display:none}.account{border-radius:var(--radius-material);text-align:left;width:100%;height:44px;transition:background var(--motion-fast);background:0 0;border:0;align-items:center;gap:10px;padding:0 8px;display:flex}.account:hover{background:var(--ds-gray-alpha-100)}.account:active .avatar{transform:scale(.94)}.account .avatar{transition:transform var(--motion-fast) var(--ease-spring)}.account-name{min-width:0;font-weight:500}.account-skeleton{height:40px}.segmented{grid-template-columns:repeat(var(--count),minmax(34px,1fr));border-radius:var(--radius-material);background:var(--ds-gray-alpha-100);width:fit-content;box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);padding:2px;display:grid;position:relative}.segmented button{z-index:1;height:28px;color:var(--ds-gray-900);transition:color var(--motion-fast);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:relative}.segmented button svg{width:15px;height:15px;transition:transform var(--motion-fast) var(--ease-spring)}.segmented button:hover{color:var(--ds-gray-1000)}.segmented button:active svg{transform:scale(.88)}.segmented button[aria-checked=true]{color:var(--ds-gray-1000)}.segmented-thumb{width:calc((100% - 4px) / var(--count));background:var(--ds-background-100);box-shadow:var(--ds-shadow-border-small);transform:translate(calc(var(--index) * 100%));transition:transform var(--motion-normal) var(--ease-out);border-radius:6px;position:absolute;top:2px;bottom:2px;left:2px}.tabbar{display:none}.avatar{width:var(--avatar-size);height:var(--avatar-size);background:var(--ds-gray-200);color:var(--ds-gray-1000);font-size:calc(var(--avatar-size) * .38);border-radius:50%;flex:none;place-items:center;font-weight:600;line-height:1;display:inline-grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.verified{color:#fff;fill:var(--ds-blue-700);flex:none}.kbd{background:var(--ds-background-100);min-width:20px;height:20px;box-shadow:var(--ds-shadow-border-base);color:var(--ds-gray-900);font-family:var(--font-mono);border-radius:4px;place-items:center;padding:0 5px;font-size:12px;display:inline-grid}.icon-button{border-radius:var(--radius-control);width:32px;height:32px;color:var(--ds-gray-900);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--ease-spring);background:0 0;border:0;flex:none;place-items:center;display:grid}.icon-button svg{width:16px;height:16px}.icon-button:hover{background:var(--ds-gray-alpha-200);color:var(--ds-gray-1000)}.icon-button:active{transform:scale(var(--press-scale))}.skeleton-circle{border-radius:50%;width:32px;height:32px}.empty{text-align:center;max-width:420px;animation:rise var(--motion-slow) var(--ease-out) both;flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:48px 24px;display:flex}.empty-icon{border-radius:var(--radius-card);background:var(--ds-background-100);width:48px;height:48px;box-shadow:var(--ds-shadow-border-small);color:var(--ds-gray-900);place-items:center;margin-bottom:8px;display:grid}.empty-icon svg{width:22px;height:22px}.empty-copy{color:var(--ds-gray-900)}.empty-action{gap:8px;margin-top:12px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.feed-shell{background:var(--ds-background-200);height:100%;position:relative}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;outline:none;height:100%;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.feed-state{place-items:center;display:grid}.reel{width:100%;height:100%;padding:var(--reel-gap) 0;scroll-snap-align:start;scroll-snap-stop:always;justify-content:center;display:flex;position:relative}.reel-end{align-items:center}.reel-stage{align-items:flex-end;gap:12px;height:100%;display:flex;position:relative}.reel-stage:before{content:"";width:var(--rail-size);flex:none}.reel-frame{isolation:isolate;height:100%;max-width:calc(100vw - var(--shell-sidebar) - 2 * (var(--rail-size) + 12px) - 96px);aspect-ratio:9/16;border-radius:var(--radius-card);box-shadow:0 0 0 1px var(--ds-gray-alpha-200);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;position:relative;overflow:hidden}.media{background:#000;display:grid;position:absolute;inset:0;overflow:hidden}.media>*{grid-area:1/1}.media-poster,.media-video,.media-image{object-fit:cover;width:100%;height:100%}.media[data-fit=contain] :is(.media-poster,.media-video,.media-image){object-fit:contain}.media-backdrop{object-fit:cover;filter:blur(40px)saturate(1.4)brightness(.55);width:100%;height:100%;transform:scale(1.2)}.media-video{opacity:0;transition:opacity var(--motion-normal) var(--ease-out)}.media-video[data-ready]{opacity:1}.media-status{z-index:2;color:#fff;place-self:center}.media-error{border-radius:var(--radius-full);background:#0009;padding:6px 12px;font-size:13px}.media-tap{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:0;border-radius:50%;place-self:center;place-items:center;width:64px;height:64px;display:grid}.media-tap svg{fill:currentColor;width:28px;height:28px;margin-left:3px}.carousel{position:absolute;inset:0}.carousel-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide.media{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;height:100%;position:relative;inset:auto}.carousel-dots{z-index:3;pointer-events:none;gap:4px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.carousel-dots span{width:6px;height:6px;transition:width var(--motion-normal) var(--ease-out),background var(--motion-fast);background:#ffffff73;border-radius:3px}.carousel-dots span[data-current]{background:#fff;width:16px}.carousel-count,.carousel:has(.carousel-dots span:nth-child(11)) .carousel-dots{display:none}.carousel:has(.carousel-dots span:nth-child(11)) .carousel-count{z-index:3;border-radius:var(--radius-full);background:#00000073;padding:2px 8px;font-size:12px;display:block;position:absolute;bottom:8px;left:50%;translate:-50%}.carousel-arrow{z-index:3;color:#0a0a0a;width:32px;height:32px;box-shadow:var(--ds-shadow-medium);opacity:0;transition:opacity var(--motion-fast),transform var(--motion-fast) var(--ease-spring);background:#ffffffe0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.carousel-arrow[data-side=left]{left:10px}.carousel-arrow[data-side=right]{right:10px}.carousel-arrow svg{width:18px;height:18px}.reel-frame:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{transform:scale(1.08)}.carousel-arrow:active{transform:scale(.92)}.reel-shade{z-index:1;pointer-events:none;transition:background var(--motion-normal);background:linear-gradient(#00000052,#0000 16% 55%,#000000ad);position:absolute;inset:0}.reel-frame:has(.caption[data-expanded]) .reel-shade{background:#0000008c}.reel-top{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;top:12px;right:12px}.reel-sound{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:36px;height:36px;transition:background var(--motion-fast),transform var(--motion-fast) var(--ease-spring);background:#00000059;border:0;border-radius:50%;place-items:center;display:grid}.reel-sound svg{width:18px;height:18px}.reel-sound:hover{background:#0000008c;transform:scale(1.06)}.reel-sound:active{transition-duration:var(--motion-instant);transform:scale(.9)}.sound-hint{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise var(--motion-slow) var(--ease-out) both;background:#00000073;padding:6px 10px;font-size:12px;font-weight:500}.reel-paused{z-index:2;color:#fff;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:72px;height:72px;transition:opacity var(--motion-normal),transform var(--motion-normal) var(--ease-spring);background:#0006;border-radius:50%;place-items:center;margin:-36px 0 0 -36px;display:grid;position:absolute;top:50%;left:50%;transform:scale(.8)}.reel-paused[data-visible]{opacity:1;transform:scale(1)}.reel-paused svg{fill:currentColor;width:30px;height:30px;margin-left:3px}.burst{z-index:4;width:96px;height:96px;color:var(--heart);fill:currentColor;filter:drop-shadow(0 6px 16px #0000004d);pointer-events:none;animation:burst .9s var(--ease-out) forwards;margin:-48px 0 0 -48px;position:absolute}@keyframes burst{0%{opacity:0;transform:scale(.3)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(.95)}45%{transform:scale(1)}75%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-64px)scale(.85)}}.reel-info{z-index:2;text-shadow:0 1px 2px #00000059;pointer-events:none;flex-direction:column;gap:8px;padding:16px 16px 22px;display:flex;position:absolute;inset:auto 0 0}.reel-info>*{pointer-events:auto}.reel-creator{color:#fff;align-items:center;gap:8px;width:fit-content;max-width:100%;font-weight:600;display:flex}.reel-creator .avatar{transition:transform var(--motion-fast) var(--ease-spring);box-shadow:0 0 0 1.5px #ffffffd9}.reel-creator:hover .avatar{transform:scale(1.06)}.reel-creator:hover .reel-creator-name{text-underline-offset:3px;text-decoration:underline}.reel-title{font-size:15px;font-weight:600;line-height:20px}.caption{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.caption-text{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.caption[data-expanded] .caption-text{-webkit-line-clamp:unset;scrollbar-width:thin;max-height:40vh;display:block;overflow-y:auto}.caption-tag{font-weight:600}.caption-tag:hover{text-underline-offset:3px;text-decoration:underline}.caption-more{color:#ffffffbf;transition:color var(--motion-fast);background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.caption-more:hover{color:#fff}.reel-meta{color:#ffffffbf;align-items:center;gap:12px;font-size:12px;display:flex}.reel-meta a{transition:color var(--motion-fast);align-items:center;gap:4px;display:inline-flex}.reel-meta a svg{width:12px;height:12px;transition:transform var(--motion-fast) var(--ease-out)}.reel-meta a:hover{color:#fff}.reel-meta a:hover svg{transform:translate(1px,-1px)}.scrubber{--progress:0;z-index:3;cursor:pointer;touch-action:none;align-items:flex-end;height:16px;display:flex;position:absolute;inset:auto 0 0}.scrubber-track{width:100%;height:2px;transition:height var(--motion-fast) var(--ease-out);background:#ffffff40;position:relative}.scrubber-fill{transform:scaleX(var(--progress));transform-origin:0;background:#fff;position:absolute;inset:0}.scrubber-thumb{top:50%;left:calc(var(--progress) * 100%);width:12px;height:12px;transition:transform var(--motion-fast) var(--ease-spring);background:#fff;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;transform:scale(0);box-shadow:0 1px 4px #0006}.reel-frame:hover .scrubber-track,.scrubber[data-seeking] .scrubber-track{height:4px}.scrubber:hover .scrubber-thumb,.scrubber[data-seeking] .scrubber-thumb{transform:scale(1)}.scrubber-time{border-radius:var(--radius-control);background:#000000a6;padding:4px 8px;font-size:12px;position:absolute;bottom:16px;left:50%;translate:-50%}.rail{width:var(--rail-size);flex-direction:column;flex:none;align-items:center;gap:14px;padding-bottom:4px;display:flex}.rail-item{flex-direction:column;align-items:center;gap:4px;display:flex}.rail-button{width:var(--rail-size);height:var(--rail-size);background:var(--ds-gray-alpha-100);color:var(--ds-gray-1000);transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--ease-spring);border:0;border-radius:50%;place-items:center;display:grid}.rail-button:hover{background:var(--ds-gray-alpha-200);transform:scale(1.06)}.rail-button:active{transition-duration:var(--motion-instant);transform:scale(.9)}.rail-icon{display:grid}.rail-icon svg{width:24px;height:24px;transition:fill var(--motion-fast),color var(--motion-fast)}.rail-icon[data-pop]{animation:pop .42s var(--ease-spring)}@keyframes pop{35%{transform:scale(1.35)}}.rail-button[data-tone=like][data-on]{color:var(--heart)}.rail-button[data-on] svg{fill:currentColor}.rail-count{min-height:16px;color:var(--ds-gray-1000);font-size:12px;font-weight:500;line-height:16px}.rail-skeleton{width:var(--rail-size);height:var(--rail-size)}.reel-frame .skeleton{--ds-gray-alpha-100:#ffffff12;--ds-gray-alpha-200:#fff2}.reel-skeleton .reel-frame{cursor:default;background:#111}.feed-tabs{top:calc(var(--reel-gap) + 12px);z-index:5;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#00000052;gap:2px;padding:3px;display:flex;position:absolute;left:50%;translate:-50%}.feed-tabs a{border-radius:var(--radius-full);color:#ffffffb8;transition:color var(--motion-fast),background var(--motion-normal) var(--ease-out);padding:5px 12px;font-size:13px;font-weight:600}.feed-tabs a:hover{color:#fff}.feed-tabs a:active{transform:scale(.97)}.feed-tabs a[aria-current=page]{color:#0a0a0a;background:#fff}.feed-back{top:calc(var(--reel-gap) + 4px);z-index:5;position:absolute;left:16px}.feed-nav{z-index:5;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:24px;translate:0 -50%}.feed-nav .btn{--btn-height:44px;border-radius:50%}.page{width:100%;max-width:1080px;animation:rise var(--motion-slow) var(--ease-out) both;flex-direction:column;gap:32px;margin:0 auto;padding:40px 32px 64px;display:flex}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.page-description{color:var(--ds-gray-900)}.section{flex-direction:column;gap:12px;display:flex}.section-header{justify-content:space-between;align-items:center;display:flex}.search{border-radius:var(--radius-material);background:var(--ds-background-100);height:48px;box-shadow:var(--ds-shadow-border-base);transition:box-shadow var(--motion-fast);align-items:center;display:flex;position:relative}.search:hover{box-shadow:0 0 0 1px var(--ds-gray-alpha-500)}.search:focus-within{box-shadow:var(--ds-focus-border)}.search-icon{width:18px;height:18px;color:var(--ds-gray-900);pointer-events:none;transition:color var(--motion-fast);position:absolute;left:14px}.search:focus-within .search-icon{color:var(--ds-gray-1000)}.search-input{background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 44px 0 42px;font-size:16px}.search-input:focus-visible{box-shadow:none}.search-input::placeholder{color:var(--ds-gray-700)}.search-input::-webkit-search-cancel-button{display:none}.search-kbd,.search-clear{position:absolute;right:12px}.search-clear{background:var(--ds-gray-alpha-200);width:24px;height:24px;color:var(--ds-gray-900);animation:pop-in var(--motion-normal) var(--ease-spring) both;border:0;border-radius:50%;place-items:center;display:grid}.search-clear svg{width:14px;height:14px}.search-clear:hover{color:var(--ds-gray-1000)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-full);background:var(--ds-background-100);height:32px;box-shadow:var(--ds-shadow-border-base);animation:rise var(--motion-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 25ms);transition:box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-spring);align-items:center;gap:4px;padding:0 12px 0 10px;font-weight:500;display:inline-flex}.chip svg{width:14px;height:14px;color:var(--ds-gray-900)}.chip:hover{box-shadow:0 0 0 1px var(--ds-gray-alpha-500),var(--ds-shadow-small);transform:translateY(-1px)}.chip:active{transform:scale(var(--press-scale))}.chip-count{color:var(--ds-gray-900);margin-left:2px;font-size:12px}.chip-skeleton{border-radius:var(--radius-full);height:32px}.creators{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.creator-card{border-radius:var(--radius-material);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border-base);transition:box-shadow var(--motion-fast),transform var(--motion-fast) var(--ease-spring);align-items:center;gap:12px;padding:12px;display:flex}.creator-card:hover{box-shadow:0 0 0 1px var(--ds-gray-alpha-500),var(--ds-shadow-small);transform:translateY(-1px)}.creator-card:active{transform:scale(.98)}.creator-copy{flex-direction:column;min-width:0;display:flex}.creator-name{align-items:center;gap:4px;min-width:0;font-weight:500;display:flex}.creator-meta{color:var(--ds-gray-900);font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.grid>li{animation:rise var(--motion-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 18ms)}.tile{isolation:isolate;aspect-ratio:9/16;border-radius:var(--radius-material);background:var(--ds-gray-100);box-shadow:0 0 0 1px var(--ds-gray-alpha-200);transition:transform var(--motion-normal) var(--ease-out),box-shadow var(--motion-fast);display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-slow) var(--ease-out)}.tile:hover{box-shadow:0 0 0 1px var(--ds-gray-alpha-500),var(--ds-shadow-medium);transform:translateY(-2px)}.tile:hover img{transform:scale(1.04)}.tile:active{transition-duration:var(--motion-instant);transform:scale(.98)}.tile-shade{pointer-events:none;background:linear-gradient(#0000 60%,#0000008c);position:absolute;inset:0}.tile-kind{color:#fff;filter:drop-shadow(0 1px 2px #00000080);width:16px;height:16px;position:absolute;top:8px;right:8px}.tile-stat{color:#fff;text-shadow:0 1px 2px #00000080;align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:8px;left:8px}.tile-stat svg{width:14px;height:14px}.tile-stat svg[data-on]{color:var(--heart);fill:currentColor}.tile-missing{height:100%;color:var(--ds-gray-700);place-items:center;display:grid}.tile-skeleton{width:100%;height:auto}.grid-foot{min-height:48px;color:var(--ds-gray-900);place-items:center;display:grid}.tag-title{align-items:center;gap:12px;min-width:0;display:inline-flex}.tag-mark{border-radius:var(--radius-material);background:var(--ds-gray-alpha-100);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);flex:none;place-items:center;display:grid}.tag-mark svg{width:20px;height:20px}.creator-header{align-items:flex-start;gap:32px;display:flex}.creator-avatar{box-shadow:0 0 0 1px var(--ds-gray-alpha-400)}.creator-avatar-skeleton{width:96px;height:96px}.creator-summary{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.creator-title{align-items:center;gap:8px;min-width:0;display:flex}.creator-handle{color:var(--ds-gray-900);margin-top:-8px}.creator-stats{flex-wrap:wrap;gap:24px;margin:0;display:flex}.creator-stats div{flex-direction:column-reverse;display:flex}.creator-stats dt{color:var(--ds-gray-900);font-size:12px}.creator-stats dd{margin:0;font-size:16px;font-weight:600}.creator-bio{white-space:pre-line;max-width:60ch}.creator-link{width:fit-content;color:var(--ds-blue-900);align-items:center;gap:6px;font-weight:500;display:inline-flex}.creator-link svg{width:14px;height:14px}.creator-link:hover{text-underline-offset:3px;text-decoration:underline}.creator-actions{flex-wrap:wrap;gap:8px;display:flex}.creator-actions .btn svg{transition:transform var(--motion-normal) var(--ease-spring)}.creator-actions .btn[aria-pressed=true] svg{animation:pop .42s var(--ease-spring)}.you-header{align-items:center;gap:16px;display:flex}.you-copy{flex:1;min-width:0}.tabs{box-shadow:inset 0 -1px 0 var(--ds-gray-alpha-400);gap:4px;display:flex;position:relative}.tab-button{border-radius:var(--radius-control) var(--radius-control) 0 0;height:40px;color:var(--ds-gray-900);transition:color var(--motion-fast);background:0 0;border:0;padding:0 12px;font-weight:500}.tab-button:hover,.tab-button[aria-selected=true]{color:var(--ds-gray-1000)}.tabs-indicator{background:var(--ds-gray-1000);height:2px;transition:transform var(--motion-normal) var(--ease-out),width var(--motion-normal) var(--ease-out);position:absolute;bottom:0;left:0}.tab-panel{animation:rise var(--motion-normal) var(--ease-out) both;margin-top:-8px}.setting{border-radius:var(--radius-card);background:var(--ds-background-100);box-shadow:var(--ds-shadow-border-base);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.setting-label{font-weight:500}.setting-hint{color:var(--ds-gray-900);font-size:13px}.overlay{z-index:var(--z-modal);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay-backdrop{background:var(--ds-overlay);animation:fade-in var(--motion-normal) var(--ease-out) both;position:absolute;inset:0}.overlay[data-state=closing] .overlay-backdrop{animation:fade-out var(--motion-fast) var(--ease-in) forwards}.dialog{border-radius:var(--radius-card);background:var(--ds-background-100);width:100%;max-width:420px;max-height:calc(100dvh - 32px);box-shadow:var(--ds-shadow-modal);animation:dialog-in var(--motion-normal) var(--ease-out) both;outline:none;flex-direction:column;display:flex;position:relative;overflow:auto}.dialog[data-size=medium]{max-width:540px}.overlay[data-state=closing] .dialog{animation:dialog-out var(--motion-fast) var(--ease-in) forwards}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes dialog-out{to{opacity:0;transform:translateY(4px)scale(.98)}}.sheet-grabber{display:none}.dialog-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 0 24px;display:flex}.dialog-description{color:var(--ds-gray-900);padding:8px 24px 0}.dialog-body{flex-direction:column;gap:16px;padding:20px 24px 0;display:flex}.dialog-footer{border-top:1px solid var(--ds-gray-alpha-400);background:var(--ds-background-200);justify-content:flex-end;gap:8px;margin-top:24px;padding:16px 24px;display:flex;position:sticky;bottom:0}.menu-scrim{display:none}.menu{top:var(--menu-y,-9999px);left:var(--menu-x,-9999px);z-index:var(--z-popover);border-radius:var(--radius-card);background:var(--ds-background-100);min-width:208px;box-shadow:var(--ds-shadow-menu);color:var(--ds-gray-1000);transform-origin:var(--menu-origin,right top);visibility:hidden;padding:4px;position:fixed}.menu[data-placed]{visibility:visible;animation:menu-in var(--motion-normal) var(--ease-out) both}.menu[data-state=closing]{animation:menu-out var(--motion-fast) var(--ease-in) forwards}@keyframes menu-in{0%{opacity:0;transform:scale(.95)}}@keyframes menu-out{to{opacity:0;transform:scale(.97)}}.menu-item{border-radius:var(--radius-material);width:100%;height:40px;color:inherit;text-align:left;transition:background var(--motion-fast);background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.menu-item svg{width:16px;height:16px;color:var(--ds-gray-900);transition:transform var(--motion-fast) var(--ease-spring)}.menu-item:hover,.menu-item:focus-visible{background:var(--ds-gray-alpha-100);box-shadow:none}.menu-item:hover svg{transform:scale(1.1)}.menu-item:active{background:var(--ds-gray-alpha-200)}.menu-item[data-tone=danger],.menu-item[data-tone=danger] svg{color:var(--ds-red-900)}.toaster{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:24px;left:50%;translate:-50%}.toast{border-radius:var(--radius-card);background:var(--ds-gray-1000);min-height:44px;box-shadow:var(--ds-shadow-large);color:var(--ds-background-100);pointer-events:auto;animation:toast-in var(--motion-slow) var(--ease-spring) both;align-items:center;gap:10px;padding:6px 6px 6px 14px;display:flex}.toast[data-state=closing]{animation:toast-out var(--motion-fast) var(--ease-in) forwards}.toast>svg{flex:none;width:16px;height:16px}.toast[data-variant=error]>svg{color:var(--ds-red-700)}.toast-check path{stroke-dasharray:12;stroke-dashoffset:12px;animation:check-draw .36s .12s var(--ease-out) forwards}@keyframes check-draw{to{stroke-dashoffset:0}}.toast-body{font-weight:500}.toast-action{border-radius:var(--radius-control);background:var(--ds-background-100);border:0;height:28px;padding:0 10px}@supports (color:color-mix(in lab,red,red)){.toast-action{background:color-mix(in srgb,var(--ds-background-100) 16%,transparent)}}.toast-action{color:inherit;transition:background var(--motion-fast);font-size:13px;font-weight:600}.toast-action:hover{background:var(--ds-background-100)}@supports (color:color-mix(in lab,red,red)){.toast-action:hover{background:color-mix(in srgb,var(--ds-background-100) 26%,transparent)}}.toast-close{border-radius:var(--radius-control);width:28px;height:28px;color:inherit;opacity:.6;transition:opacity var(--motion-fast);background:0 0;border:0;place-items:center;display:grid}.toast-close:hover{opacity:1}.toast-close svg{width:14px;height:14px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.98)}}.choices{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.choice{border-radius:var(--radius-material);box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-400);cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.choice:hover{background:var(--ds-gray-alpha-100)}.choice[data-checked]{background:var(--ds-gray-alpha-100);box-shadow:inset 0 0 0 1.5px var(--ds-gray-1000)}.choice:has(input:focus-visible){box-shadow:var(--ds-focus-ring)}.choice input{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-600);appearance:none;transition:box-shadow var(--motion-fast) var(--ease-spring);border-radius:50%;flex:none;margin:0}.choice input:checked{box-shadow:inset 0 0 0 5px var(--ds-gray-1000)}.choice input:focus-visible{box-shadow:inset 0 0 0 1px var(--ds-gray-alpha-600)}.choice input:checked:focus-visible{box-shadow:inset 0 0 0 5px var(--ds-gray-1000)}.choice-copy{flex-direction:column;display:flex}.choice-label{font-weight:500}.choice-hint{color:var(--ds-gray-900);font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ds-gray-900);font-size:13px;font-weight:500}.textarea{border-radius:var(--radius-control);background:var(--ds-background-100);width:100%;min-height:80px;box-shadow:var(--ds-shadow-border-base);resize:vertical;transition:box-shadow var(--motion-fast);border:0;padding:10px 12px}.textarea:hover{box-shadow:0 0 0 1px var(--ds-gray-alpha-500)}.textarea:focus-visible{box-shadow:var(--ds-focus-border)}.textarea::placeholder{color:var(--ds-gray-700)}.field-error{color:var(--ds-red-900);font-size:13px}@media(max-width:1023px)and (min-width:768px){:root{--shell-sidebar:72px}.sidebar{align-items:center;padding:20px 12px 16px}.brand{padding:4px}.brand-name,.nav-label,.theme-full{display:none}.nav{width:48px}.nav-item,.theme-cycle{justify-content:center;width:48px;padding:0}.theme-cycle{display:flex}.sidebar-foot{align-items:center}.account,.sign-in{justify-content:center;width:48px;padding:0}.sign-in{--btn-height:40px}}@media(max-width:767px){:root{--shell-sidebar:0px;--reel-gap:0px}.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.app-main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.app[data-immersive] .app-main{height:calc(100dvh - var(--tabbar-h) - env(safe-area-inset-bottom));padding-bottom:0}html:has(.app[data-immersive]){background:#000}.tabbar{z-index:var(--z-nav);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ds-background-100);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab,red,red)){.tabbar{background:color-mix(in srgb,var(--ds-background-100) 88%,transparent)}}.tabbar{box-shadow:inset 0 1px 0 var(--ds-gray-alpha-400);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px)}.tab{color:var(--ds-gray-900);transition:color var(--motion-fast);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.tab svg{width:22px;height:22px;transition:transform var(--motion-fast) var(--ease-spring)}.tab:active svg,.tab:active .avatar{transform:scale(.88)}.tab[aria-current=page]{color:var(--ds-gray-1000)}.tab[aria-current=page] svg{stroke-width:2.25px}.tab[aria-current=page] .avatar{box-shadow:0 0 0 1.5px}.app[data-immersive] .tabbar{background:#000;box-shadow:inset 0 1px #ffffff1a}.app[data-immersive] .tab{color:#fff9}.app[data-immersive] .tab[aria-current=page]{color:#fff}.feed-shell{--ds-background-100:#0a0a0a;--ds-background-200:#000;--ds-gray-900:#a1a1a1;--ds-gray-1000:#ededed;--ds-gray-alpha-100:#ffffff0f;--ds-gray-alpha-200:#ffffff17;--ds-gray-alpha-400:#ffffff24;--ds-gray-alpha-500:#ffffff3d;--ds-shadow-border-base:0 0 0 1px #ffffff25;--ds-hover-primary:#ccc;color:var(--ds-gray-1000);color-scheme:dark;background:#000}.reel{padding:0}.reel-stage{width:100%}.reel-stage:before{display:none}.reel-frame{aspect-ratio:auto;width:100%;max-width:none;box-shadow:none;border-radius:0}.rail{z-index:3;gap:14px;position:absolute;bottom:28px;right:6px}.rail-button{color:#fff;filter:drop-shadow(0 1px 3px #00000073);background:0 0;width:44px;height:44px}.rail-button:hover{background:0 0;transform:none}.rail-icon svg{width:28px;height:28px}.rail-count{color:#fff;text-shadow:0 1px 2px #00000080}.reel-info{padding:16px 72px 20px 14px}.feed-tabs{top:calc(env(safe-area-inset-top) + 10px)}.feed-back{top:calc(env(safe-area-inset-top) + 8px);left:8px}.feed-back .btn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000052}.reel-top{top:calc(env(safe-area-inset-top) + 10px)}.feed-nav,.carousel-arrow{display:none}.page{gap:24px;padding:20px 16px 32px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tile{border-radius:6px}.creator-header{text-align:center;flex-direction:column;align-items:center;gap:16px}.creator-summary,.creator-title{align-items:center}.creator-title{justify-content:center;max-width:100%}.creator-stats,.creator-actions{justify-content:center}.you-header{flex-wrap:wrap}.setting{flex-direction:column;align-items:flex-start}.overlay{place-items:end stretch;padding:0}.dialog{max-width:none;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in var(--motion-slow) var(--ease-out) both;border-radius:16px 16px 0 0}.overlay[data-state=closing] .dialog{animation:sheet-out var(--motion-normal) var(--ease-in) forwards}.sheet-grabber{background:var(--ds-gray-alpha-500);border-radius:2px;width:36px;height:4px;margin:8px auto 0;display:block}.dialog-footer .btn{flex:1}.menu-scrim{z-index:calc(var(--z-popover) - 1);background:var(--ds-overlay);animation:fade-in var(--motion-normal) var(--ease-out) both;display:block;position:fixed;inset:0}.menu-scrim[data-state=closing]{animation:fade-out var(--motion-fast) var(--ease-in) forwards}.menu{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));visibility:visible;min-width:0;animation:sheet-in var(--motion-slow) var(--ease-out) both;border-radius:16px;padding:8px;left:8px}.menu[data-placed]{animation:sheet-in var(--motion-slow) var(--ease-out) both}.menu[data-state=closing]{animation:sheet-out var(--motion-normal) var(--ease-in) forwards}.menu-item{height:48px;font-size:16px}.toaster{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 12px)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@media(hover:none){.carousel-arrow{display:none}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.burst{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}