@layer reset,base,tokens,components,app;@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-cyrillic-ext-wght-normal.CVcCQn0y.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-cyrillic-wght-normal.BJ-nQEdz.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-greek-wght-normal.DeN4rzfy.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-vietnamese-wght-normal.AVFfiTln.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-latin-ext-wght-normal.gysdOMcS.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./roboto-flex-latin-wght-normal.n-dP9qr2.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer base{*,*:before,*:after{box-sizing:inherit}.m3-container{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.m3-container a,a.m3-container{text-decoration:none}.m3-container dialog,dialog.m3-container{margin:auto}:root{accent-color:var(--m3c-primary);caret-color:var(--m3c-primary)}:focus-visible{outline:none;animation:focus-outward .6s cubic-bezier(.14,5.63,.4,.5) forwards}}@layer tokens{:root{--m3-elevation-0: none;--m3-elevation-1: 0px 1px 2px 0px oklch(from var(--m3c-shadow) l c h / .3), 0px 1px 3px 1px oklch(from var(--m3c-shadow) l c h / .15);--m3-elevation-2: 0px 1px 2px 0px oklch(from var(--m3c-shadow) l c h / .3), 0px 2px 6px 2px oklch(from var(--m3c-shadow) l c h / .15);--m3-elevation-3: 0px 1px 3px 0px oklch(from var(--m3c-shadow) l c h / .3), 0px 4px 8px 3px oklch(from var(--m3c-shadow) l c h / .15);--m3-elevation-4: 0px 2px 3px 0px oklch(from var(--m3c-shadow) l c h / .3), 0px 6px 10px 4px oklch(from var(--m3c-shadow) l c h / .15);--m3-elevation-5: 0px 4px 4px 0px oklch(from var(--m3c-shadow) l c h / .3), 0px 8px 12px 6px oklch(from var(--m3c-shadow) l c h / .15);--m3-shape-none: 0;--m3-shape-extra-small: 4px;--m3-shape-small: 8px;--m3-shape-medium: 12px;--m3-shape-large: 16px;--m3-shape-large-increased: 20px;--m3-shape-extra-large: 28px;--m3-shape-full: calc(infinity * 1px);--m3-optical-centering-coefficient: .11;--m3-font: "Google Sans Flex", "Google Sans Flex Variable", Roboto, system-ui;--m3-font-mono: "Google Sans Code", monospace;--m3-timing-function-fast-spatial: linear( 0, .02, .07, .15, .25 7.8%, .65 15.5%, .81, .93, 1.015, 1.07 29.9%, 1.09, 1.092 38.3%, 1.015 55.9%, .99 66.2%, 1 );--m3-duration-fast-spatial: 383ms;--m3-easing-fast-spatial: var(--m3-timing-function-fast-spatial) var(--m3-duration-fast-spatial);--m3-timing-function-spatial: linear( 0, .018, .06, .13, .2 9%, .53 18%, .692, .82, .9, .96, .99 45%, 1.012 54%, 1 );--m3-duration-spatial: .45s;--m3-easing-spatial: var(--m3-timing-function-spatial) var(--m3-duration-spatial);--m3-timing-function-slow-spatial: linear( 0, .015, .06, .12, .195 9%, .54 19%, .7, .82, .9, .954, .99 46%, 1.01 55%, 1.01, 1 );--m3-duration-slow-spatial: .6s;--m3-easing-slow-spatial: var(--m3-timing-function-slow-spatial) var(--m3-duration-slow-spatial);--m3-timing-function-fast: linear( 0, .02 2.3%, .08 5.1%, .265, .452, .61, .732, .82 33.7%, .89, .93 46.9%, .974 58.6%, .994, 1 );--m3-duration-fast: .15s;--m3-easing-fast: var(--m3-timing-function-fast) var(--m3-duration-fast);--m3-timing-function: linear( 0, .016 2%, .08 5%, .26, .45, .605, .726, .815 33%, .89, .935 47%, .972 58%, .996, 1 );--m3-duration: 233ms;--m3-easing: var(--m3-timing-function) var(--m3-duration);--m3-timing-function-slow: linear( 0, .016 2%, .08 5%, .26, .452, .61, .73, .82 33%, .89, .932 46%, .975 58%, .995, 1 );--m3-duration-slow: 333ms;--m3-easing-slow: var(--m3-timing-function-slow) var(--m3-duration-slow);--m3-timing-function-emphasized: linear( 0, .01 3.2%, .03, .06, .11, .19 13.3%, .25, .32, .43, .53, .61 19.3%, .69, .74, .78, .81 27.2%, .88, .92 40.6%, .964 55%, .994, 1 );--m3-timing-function-emphasized-accel: cubic-bezier(.3, 0, .8, .15);--m3-timing-function-emphasized-decel: cubic-bezier(.05, .7, .1, 1);--m3-timing-function-zeno: linear( 0, .175, .32, .44, .54, .62 17.2%, .73, .81, .87 36.1%, .926, .96 55.6%, .99, 1 )}}:root{--m3v-background: var(--m3c-surface)}@keyframes focus-outward{0%{box-shadow:0 0 0 0 var(--m3c-secondary)}to{box-shadow:0 0 0 3px var(--m3c-secondary)}}@keyframes focus-inward{0%{box-shadow:inset 0 0 0 0 var(--m3c-secondary)}to{box-shadow:inset 0 0 0 3px var(--m3c-secondary)}}:root{--m3c-surface: #f9f9ff;--m3c-surface-dim: #d9d9e0;--m3c-surface-bright: #f9f9ff;--m3c-surface-container-lowest: #ffffff;--m3c-surface-container-low: #f3f3fa;--m3c-surface-container: #ededf4;--m3c-surface-container-high: #e7e8ee;--m3c-surface-container-highest: #e2e2e9;--m3c-on-surface: #191c20;--m3c-on-surface-variant: #43474e;--m3c-outline: #74777f;--m3c-outline-variant: #c4c6cf;--m3c-inverse-surface: #2e3035;--m3c-inverse-on-surface: #f0f0f7;--m3c-primary: #3f5f90;--m3c-primary-dim: #325383;--m3c-on-primary: #ffffff;--m3c-primary-container: #d6e3ff;--m3c-on-primary-container: #254777;--m3c-primary-fixed: #d6e3ff;--m3c-primary-fixed-dim: #a8c8ff;--m3c-on-primary-fixed: #001b3c;--m3c-on-primary-fixed-variant: #254777;--m3c-inverse-primary: #a8c8ff;--m3c-secondary: #555f71;--m3c-secondary-dim: #495365;--m3c-on-secondary: #ffffff;--m3c-secondary-container: #d9e3f8;--m3c-on-secondary-container: #3e4758;--m3c-secondary-fixed: #d9e3f8;--m3c-secondary-fixed-dim: #bdc7dc;--m3c-on-secondary-fixed: #121c2b;--m3c-on-secondary-fixed-variant: #3e4758;--m3c-tertiary: #6f5675;--m3c-tertiary-dim: #624a69;--m3c-on-tertiary: #ffffff;--m3c-tertiary-container: #f9d8fe;--m3c-on-tertiary-container: #563e5d;--m3c-tertiary-fixed: #f9d8fe;--m3c-tertiary-fixed-dim: #dbbce1;--m3c-on-tertiary-fixed: #28132f;--m3c-on-tertiary-fixed-variant: #563e5d;--m3c-error: #ba1a1a;--m3c-error-dim: #a80710;--m3c-on-error: #ffffff;--m3c-error-container: #ffdad6;--m3c-on-error-container: #93000a;--m3c-shadow: #000000;--m3c-scrim: #000000;--m3c-on-on-primary: #436394;--m3c-primary-container-subtle: #c8dbff;--m3c-on-primary-container-subtle: #2c4d7d;--m3c-secondary-container-subtle: #d1daf0;--m3c-on-secondary-container-subtle: #434d5e;--m3c-tertiary-container-subtle: #f0d0f5;--m3c-on-tertiary-container-subtle: #5c4463;--m3c-error-container-subtle: #ffcfc9;--m3c-on-error-container-subtle: #9e000b;color-scheme:light}:root[data-theme=dark]{--m3c-surface: #111318;--m3c-surface-dim: #111318;--m3c-surface-bright: #37393e;--m3c-surface-container-lowest: #0c0e13;--m3c-surface-container-low: #191c20;--m3c-surface-container: #1d2024;--m3c-surface-container-high: #282a2f;--m3c-surface-container-highest: #33353a;--m3c-on-surface: #e2e2e9;--m3c-on-surface-variant: #c4c6cf;--m3c-outline: #8e9099;--m3c-outline-variant: #43474e;--m3c-inverse-surface: #e2e2e9;--m3c-inverse-on-surface: #2e3035;--m3c-primary: #a8c8ff;--m3c-primary-dim: #a0bff7;--m3c-on-primary: #06305f;--m3c-primary-container: #254777;--m3c-on-primary-container: #d6e3ff;--m3c-primary-fixed: #d6e3ff;--m3c-primary-fixed-dim: #a8c8ff;--m3c-on-primary-fixed: #001b3c;--m3c-on-primary-fixed-variant: #254777;--m3c-inverse-primary: #3f5f90;--m3c-secondary: #bdc7dc;--m3c-secondary-dim: #d6e0f6;--m3c-on-secondary: #273141;--m3c-secondary-container: #3e4758;--m3c-on-secondary-container: #d9e3f8;--m3c-secondary-fixed: #d9e3f8;--m3c-secondary-fixed-dim: #bdc7dc;--m3c-on-secondary-fixed: #121c2b;--m3c-on-secondary-fixed-variant: #3e4758;--m3c-tertiary: #dbbce1;--m3c-tertiary-dim: #f9d8fe;--m3c-on-tertiary: #3e2845;--m3c-tertiary-container: #563e5d;--m3c-on-tertiary-container: #f9d8fe;--m3c-tertiary-fixed: #f9d8fe;--m3c-tertiary-fixed-dim: #dbbce1;--m3c-on-tertiary-fixed: #28132f;--m3c-on-tertiary-fixed-variant: #563e5d;--m3c-error: #ffb4ab;--m3c-error-dim: #ff554a;--m3c-on-error: #690005;--m3c-error-container: #93000a;--m3c-on-error-container: #ffdad6;--m3c-shadow: #000000;--m3c-scrim: #000000;--m3c-on-on-primary: #92b1e8;--m3c-primary-container-subtle: #143968;--m3c-on-primary-container-subtle: #9ebdf4;--m3c-secondary-container-subtle: #30394a;--m3c-on-secondary-container-subtle: #b3bcd1;--m3c-tertiary-container-subtle: #48314e;--m3c-on-tertiary-container-subtle: #d1b2d6;--m3c-error-container-subtle: #790006;--m3c-on-error-container-subtle: #ffa49a;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--m3c-surface: #111318;--m3c-surface-dim: #111318;--m3c-surface-bright: #37393e;--m3c-surface-container-lowest: #0c0e13;--m3c-surface-container-low: #191c20;--m3c-surface-container: #1d2024;--m3c-surface-container-high: #282a2f;--m3c-surface-container-highest: #33353a;--m3c-on-surface: #e2e2e9;--m3c-on-surface-variant: #c4c6cf;--m3c-outline: #8e9099;--m3c-outline-variant: #43474e;--m3c-inverse-surface: #e2e2e9;--m3c-inverse-on-surface: #2e3035;--m3c-primary: #a8c8ff;--m3c-primary-dim: #a0bff7;--m3c-on-primary: #06305f;--m3c-primary-container: #254777;--m3c-on-primary-container: #d6e3ff;--m3c-primary-fixed: #d6e3ff;--m3c-primary-fixed-dim: #a8c8ff;--m3c-on-primary-fixed: #001b3c;--m3c-on-primary-fixed-variant: #254777;--m3c-inverse-primary: #3f5f90;--m3c-secondary: #bdc7dc;--m3c-secondary-dim: #d6e0f6;--m3c-on-secondary: #273141;--m3c-secondary-container: #3e4758;--m3c-on-secondary-container: #d9e3f8;--m3c-secondary-fixed: #d9e3f8;--m3c-secondary-fixed-dim: #bdc7dc;--m3c-on-secondary-fixed: #121c2b;--m3c-on-secondary-fixed-variant: #3e4758;--m3c-tertiary: #dbbce1;--m3c-tertiary-dim: #f9d8fe;--m3c-on-tertiary: #3e2845;--m3c-tertiary-container: #563e5d;--m3c-on-tertiary-container: #f9d8fe;--m3c-tertiary-fixed: #f9d8fe;--m3c-tertiary-fixed-dim: #dbbce1;--m3c-on-tertiary-fixed: #28132f;--m3c-on-tertiary-fixed-variant: #563e5d;--m3c-error: #ffb4ab;--m3c-error-dim: #ff554a;--m3c-on-error: #690005;--m3c-error-container: #93000a;--m3c-on-error-container: #ffdad6;--m3c-shadow: #000000;--m3c-scrim: #000000;--m3c-on-on-primary: #92b1e8;--m3c-primary-container-subtle: #143968;--m3c-on-primary-container-subtle: #9ebdf4;--m3c-secondary-container-subtle: #30394a;--m3c-on-secondary-container-subtle: #b3bcd1;--m3c-tertiary-container-subtle: #48314e;--m3c-on-tertiary-container-subtle: #d1b2d6;--m3c-error-container-subtle: #790006;--m3c-on-error-container-subtle: #ffa49a;color-scheme:dark}}:root{--m3-font: "Roboto Flex Variable", Roboto, system-ui, sans-serif;--m3v-bottom-offset: 24px;font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:400;color:var(--m3c-on-surface);background:var(--m3c-surface);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0}html{scroll-padding-block:96px 104px}h1,h2,h3,p{margin:0}h1{font-family:var(--m3-font);font-size:1.75rem;line-height:1.286;font-weight:400}h2{font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}h3{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500}p{color:var(--m3c-on-surface-variant)}button,input,select,textarea{font:inherit}a{color:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}::selection{background:var(--m3c-primary-container)}:focus-visible{outline:3px solid var(--m3c-primary);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-180%);background:var(--m3c-primary);color:var(--m3c-on-primary);padding:12px 20px;border-radius:8px}.skip-link:focus{transform:none}.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}.wordmark svg{color:var(--m3c-primary)}.muted,.subtle{color:var(--m3c-on-surface-variant)}.subtle{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.stack{display:flex;flex-direction:column;gap:20px}.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.text-link{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;text-underline-offset:4px}.check-label{display:flex;align-items:center;gap:12px;min-height:48px;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.notice{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:var(--m3c-secondary-container);color:var(--m3c-on-secondary-container);font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;margin-block:16px}.notice p{color:inherit}.notice.error{background:var(--m3c-error-container);color:var(--m3c-on-error-container)}.notice ul{margin:0;padding-left:20px}.field-help,.retention-note,.auth-footnote{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant)}.retention-note{margin-block:12px}.material-list{list-style:none;padding:0;margin:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:24px}.page-heading>div{min-width:0}.page-heading h1{overflow-wrap:anywhere}.page-heading p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;margin-top:4px}.section-heading{margin:32px 0 12px;font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500}.panel{background:var(--m3c-surface-container-low);--m3v-background: var(--m3c-surface-container-low);border-radius:var(--m3-shape-medium)}.panel-padded{padding:24px}.app-shell{min-height:100dvh;--app-navigation-width: 232px}.app-bar{height:80px;position:sticky;top:0;z-index:35;display:grid;grid-template-columns:208px minmax(200px,720px) 1fr;align-items:center;gap:24px;background:var(--m3c-surface);padding:0 24px}.app-bar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:var(--m3c-tertiary-container);color:var(--m3c-on-tertiary-container);border-radius:50%;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500}.app-search{min-width:0}.search-box{display:flex;align-items:center;gap:16px;height:56px;background:var(--m3c-surface-container-high);border-radius:28px;padding:0 8px 0 20px;transition:background .16s,box-shadow .16s}.search-box:focus-within{background:var(--m3c-surface-container-lowest);box-shadow:var(--m3-elevation-2)}.search-box>svg{color:var(--m3c-on-surface-variant);flex-shrink:0}.search-box input{border:0;outline:none;background:transparent;color:var(--m3c-on-surface);min-width:0;width:100%;height:100%;font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:400}.search-box input::placeholder{color:var(--m3c-on-surface-variant);opacity:1}.search-box input::-webkit-search-cancel-button{display:none}.app-rail{position:fixed;inset:80px auto 0 0;width:var(--app-navigation-width);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;z-index:30}.rail-expanded{display:flex;flex-direction:column;min-height:100%;padding-bottom:24px}.rail-expanded>nav.m3-container.extra-large{padding-block:0}.rail-expanded>nav>a.m3-container.extra-large{padding-inline:12px}.rail-expanded>nav>a.m3-container.extra-large>div{width:100%}.rail-collapsed{display:none}.rail-fab{padding:8px 0 24px 20px}.rail-divider{height:1px;background:var(--m3c-outline-variant);margin:16px 24px}.rail-storage{display:flex;flex-direction:column;gap:12px;margin:auto 24px 0;padding:24px 0 0;text-decoration:none;border-radius:12px}.rail-storage>span{display:flex;align-items:center;gap:12px;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500}.rail-storage small{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant)}.storage-track{height:4px;border-radius:4px;background:var(--m3c-surface-container-highest);overflow:hidden}.storage-track>div{height:100%;min-width:2px;background:var(--m3c-primary);border-radius:inherit}.rail-secondary{margin-top:auto;padding:24px 0}.app-content{margin-left:var(--app-navigation-width);padding:0 16px 16px 0}.app-content>main{background:var(--m3c-surface-container-lowest);--m3v-background: var(--m3c-surface-container-lowest);border-radius:24px;min-height:calc(100dvh - 96px);padding:28px 32px 40px;max-width:1760px;margin-inline:auto}.mobile-navigation,.mobile-fab{display:none}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:380px;gap:16px;padding:56px 24px}.empty-icon{color:var(--m3c-on-surface-variant);margin-bottom:8px}.empty-state h2{font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}.empty-state p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;max-width:360px}.empty-state button,.empty-state a{margin-top:8px}.library-heading{margin-bottom:24px}.library-heading h1{font-family:var(--m3-font);font-size:1.75rem;line-height:1.286;font-weight:400}.library-heading-actions{display:flex;align-items:center}.collection-shortcut{display:none;align-items:center;gap:8px;text-decoration:none;color:var(--m3c-primary);font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;min-height:48px}.library-mobile-search{display:none}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.quick-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.view-toggle{margin-left:auto;flex-shrink:0}.view-segments{display:flex;gap:2px;border:1px solid var(--m3c-outline-variant);border-radius:var(--m3-shape-full);padding:2px}.view-toggle [aria-pressed=true]{background:var(--m3c-secondary-container);color:var(--m3c-on-secondary-container)}.active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 20px}.library-result-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:12px;color:var(--m3c-on-surface-variant);font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,244px),1fr));gap:20px}.clip-card{min-width:0;position:relative;border-radius:16px;--m3-card-shape: 16px;--m3c-surface-container-highest: var(--m3c-surface-container-low);transition:box-shadow .16s}.clip-card>div{height:100%}.clip-card:hover{box-shadow:var(--m3-elevation-1)}.clip-card.selected{outline:2px solid var(--m3c-primary);outline-offset:2px;--m3c-surface-container-highest: var(--m3c-secondary-container)}.poster-wrap{position:relative;aspect-ratio:16/9;margin:-8px -8px 8px;background:#151619;border-radius:10px}.poster-link{display:block;width:100%;height:100%;text-decoration:none;border-radius:inherit;overflow:hidden}.poster-link img{display:block;width:100%;height:100%;object-fit:contain}.poster-placeholder{width:100%;height:100%;background:var(--m3c-surface-container);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--m3c-on-surface-variant);font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:500}.poster-placeholder.attention{background:var(--m3c-tertiary-container);color:var(--m3c-on-tertiary-container)}.poster-wrap.loading{background:var(--m3c-surface-container)}.poster-wrap.loading img{opacity:0}.duration{position:absolute;right:8px;bottom:8px;padding:2px 6px;background:#000b;color:#fff;border-radius:4px;font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:500;font-variant-numeric:tabular-nums}.card-select{position:absolute;top:6px;left:6px;min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:50%;background:var(--m3c-surface-container);opacity:0;transition:opacity .12s}.clip-card:hover .card-select,.clip-card:focus-within .card-select,.clip-card.selected .card-select{opacity:1}.card-content{min-width:0}.card-title-row{display:flex;align-items:center;gap:8px;min-width:0;margin-right:-8px}.card-title{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;display:block;flex:1;min-width:0;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title-row .action-menu-trigger{flex-shrink:0}.card-meta{display:flex;align-items:center;gap:6px;color:var(--m3c-on-surface-variant);font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;min-height:20px}.sharing-mark{margin-left:auto;display:flex}.card-extra{display:none}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-row a{font-family:var(--m3-font);font-size:.688rem;line-height:1.455;font-weight:500;border-radius:4px;padding:2px 6px;background:var(--m3c-surface-container);color:var(--m3c-on-surface-variant);text-decoration:none}.clip-list{display:flex;flex-direction:column;gap:0}.clip-list .clip-card{border-radius:0;box-shadow:none;--m3-card-shape: 0;--m3c-surface-container-highest: var(--m3c-surface-container-lowest);border-bottom:1px solid var(--m3c-outline-variant)}.clip-list .clip-card:hover{--m3c-surface-container-highest: var(--m3c-surface-container-low)}.clip-list .clip-card>div{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;padding:12px 8px}.clip-list .poster-wrap{margin:0}.clip-list .card-content{align-self:center}.clip-list .card-extra{display:flex;gap:20px;margin-top:4px;font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant)}.clip-list .tag-row{display:none}.selection-bar{position:sticky;top:88px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;margin-bottom:16px;border-radius:16px;background:var(--m3c-secondary-container);color:var(--m3c-on-secondary-container);font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.action-menu-trigger{display:inline-flex}.action-menu-panel{position:fixed;margin:0;padding:0;border:0;background:transparent;overflow:visible;z-index:100;max-width:calc(100vw - 16px);color:var(--m3c-on-surface)}.action-menu-panel hr{border:0;border-top:1px solid var(--m3c-outline-variant);margin:8px 0}.menu-action{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;border:0;background:transparent;text-align:left;text-decoration:none;color:var(--m3c-on-surface);white-space:nowrap;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.menu-action:disabled{opacity:.38;cursor:default}.menu-action.danger{color:var(--m3c-error)}.menu-action:focus-visible{outline-offset:-3px}.notification-host{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;max-width:calc(100vw - 32px)}.notification-host>div.m3-container{min-width:min(320px,calc(100vw - 32px));gap:16px}.notification-host span{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;padding:14px 0}.toast-action,.toast-close{background:transparent;border:0;min-height:48px;color:var(--m3c-inverse-primary);font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;flex-shrink:0}.toast-close{display:grid;place-items:center;min-width:36px;color:var(--m3c-inverse-on-surface)}.drop-overlay{position:fixed;inset:16px;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;pointer-events:none;border:3px dashed var(--m3c-primary);border-radius:28px;background:var(--m3c-primary-container);color:var(--m3c-on-primary-container)}.transfer-pill{position:fixed;bottom:24px;right:24px;z-index:40;display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;background:var(--m3c-secondary-container);color:var(--m3c-on-secondary-container);box-shadow:var(--m3-elevation-2);text-decoration:none;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500}.working-dot,.status-dot,.dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--m3c-primary)}.status-dot.attention{background:var(--m3c-error)}.transfer-row{display:flex;align-items:center;gap:16px;padding:24px 0;border-bottom:1px solid var(--m3c-outline-variant)}.transfer-file-icon{padding:12px;border-radius:12px;background:var(--m3c-surface-container)}.transfer-body{flex:1;min-width:0}.transfer-progress{width:100%;margin-top:12px;margin-bottom:8px;overflow:clip}.upload-policy{margin-top:24px;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;color:var(--m3c-on-surface-variant)}.upload-policy p{margin-top:12px;max-width:640px}.transfer-message{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;margin-top:8px}.transfer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.activity-row{display:flex;align-items:center;gap:16px;padding:16px 20px;text-decoration:none;border-bottom:1px solid var(--m3c-outline-variant);min-height:72px}.activity-row:last-child{border-bottom:0}.activity-row>div{flex:1;min-width:0}.activity-row strong{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:400}.activity-row p,.activity-row small{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;overflow-wrap:anywhere}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.settings-section{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px}.settings-section p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.settings-section>div,.settings-section form{width:100%}.settings-section h2{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500}.settings-pane{max-width:800px}.settings-pane .settings-grid{display:flex;flex-direction:column;gap:0}.settings-pane .settings-section{background:transparent;border-radius:0;border-bottom:1px solid var(--m3c-outline-variant);padding:24px 0}.settings-tabs{margin-bottom:24px;max-width:800px}.auth-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:32px 24px}.auth-card{width:min(100%,480px);display:flex;flex-direction:column;gap:24px;padding:40px;background:var(--m3c-surface-container-lowest);border-radius:28px}.auth-icon{color:var(--m3c-primary)}.auth-card p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.auth-footnote{margin-top:8px}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recovery-codes code{background:var(--m3c-surface-container);border-radius:8px;padding:12px;font-size:14px;overflow-wrap:anywhere}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:28px;align-items:start}.detail-sidebar{min-width:0}.detail-sidebar .panel{background:transparent;border-radius:0;padding:20px 0;border-bottom:1px solid var(--m3c-outline-variant)}.detail-sidebar h2{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500;margin-bottom:12px}.detail-sidebar p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;margin-block:8px}.detail-editor{margin-top:24px}.detail-editor h2{font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}.detail-layout.editing{display:block}.detail-layout.editing .detail-sidebar{display:none}.clip-editor{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:24px;align-items:start}.editor-source-conflict{grid-column:1 / -1}.editor-source-conflict p{margin-bottom:16px}.editor-canvas{min-width:0}.editor-preview-surface{display:grid;place-items:center;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#111214;color:#e4e4e8}.editor-preview-surface video{width:100%;height:100%;max-height:56dvh;object-fit:contain}.editor-preparing{display:flex;flex-direction:column;gap:20px;width:min(80%,280px);text-align:center;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400}.editor-preparing>div{width:100%}.editor-transport{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;flex-wrap:wrap}.editor-transport output{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;font-variant-numeric:tabular-nums;margin-inline:8px}.preview-quality{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant)}.editor-tools{display:flex;flex-direction:column;min-width:0;background:var(--m3c-surface-container-low);--m3v-background: var(--m3c-surface-container-low);border-radius:16px;overflow:hidden}.editor-tool-content{display:flex;flex-direction:column;gap:20px;padding:24px}.tool-title{display:flex;align-items:center;gap:12px}.tool-title h2{font-family:var(--m3-font);font-size:1rem;line-height:1.5;font-weight:500}.tool-title>span{margin-left:auto;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;color:var(--m3c-on-surface-variant)}.editor-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.editor-time-fields>div.m3-container{min-width:0}.editor-source-note{margin-top:auto;padding:16px 24px;font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant)}.editor-audio-track{border-bottom:1px solid var(--m3c-outline-variant);padding-bottom:12px}.editor-audio-track small{display:block;font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400;color:var(--m3c-on-surface-variant);margin-top:4px}.audio-gain{display:flex;align-items:center;gap:12px}.audio-gain>div{flex:1;min-width:0}.audio-gain output{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:500;min-width:40px}.editor-footer{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;padding-block:16px;border-top:1px solid var(--m3c-outline-variant);background:var(--m3c-surface-container-lowest)}.detail-title{display:flex;align-items:center;gap:12px;min-width:0}.detail-title h1{font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}.inspector-content{padding-top:24px}.inspector-content .stack{gap:20px}.inspector-content>section{padding-bottom:24px}.editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:24px}.editor-fields>div.m3-container{min-width:0;--m3v-background: var(--m3c-surface-container-low)}.audio-track{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0}.audio-track input[type=number]{width:88px}.edit-preview{margin-top:16px}.player{position:relative;background:#000;color:#fff;aspect-ratio:16/9;border-radius:12px;overflow:hidden;isolation:isolate}.player>video{display:block;width:100%;height:100%;object-fit:contain}.player-chrome{position:absolute;inset:auto 0 0;padding:12px 16px;background:linear-gradient(transparent,#000c)}.player-buttons{display:flex;align-items:center;gap:8px;min-width:0}.player-chrome button{display:grid;place-items:center;background:transparent;color:#fff;border:0;border-radius:50%;min-width:48px;min-height:48px;padding:0}.player-chrome button:hover{background:#ffffff25}.player-chrome input[type=range]{width:100%;min-height:28px;accent-color:#aec6ef}.player-buttons .player-volume{width:70px;min-width:40px;flex:0 1 70px}.player-time{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:500;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:auto}.player-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:16px;background:#0004;padding:24px}.player-center p,.player-feedback{color:#fff}.player-feedback{font-family:var(--m3-font);font-size:.75rem;line-height:1.333;font-weight:400}.player-unmute{position:absolute;top:16px;left:16px;border:0;border-radius:24px;padding:12px 16px;background:#fff;color:#111;font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:500;min-height:48px}.player:fullscreen{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.watch-page{max-width:1120px;margin-inline:auto;padding:24px}.watch-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:32px}.watch-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:24px}.watch-heading h1{font-family:var(--m3-font);font-size:1.5rem;line-height:1.333;font-weight:400;overflow-wrap:anywhere}.watch-heading p{font-family:var(--m3-font);font-size:.875rem;line-height:1.429;font-weight:400;margin-top:8px}@media not (min-width:1200px){.app-shell{--app-navigation-width: 96px}.app-bar{grid-template-columns:160px minmax(180px,1fr) 48px;gap:24px}.rail-expanded{display:none}.rail-collapsed{display:flex;flex-direction:column;min-height:100%;align-items:center}.rail-fab{padding:8px 0 24px}.collection-shortcut{display:flex}.detail-layout{grid-template-columns:minmax(0,1fr) 304px;gap:24px}}@media not (min-width:1000px){.clip-editor{grid-template-columns:minmax(0,1fr)}.editor-preview-surface{max-height:50dvh}.editor-tools{border-radius:16px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{max-width:800px}.settings-grid{grid-template-columns:1fr}.app-content>main{padding:24px}}@media not (min-width:840px){.app-bar{grid-template-columns:1fr 48px;height:72px}.app-search{display:none}.app-rail{top:72px}.library-mobile-search{display:block;margin-bottom:20px}.library-toolbar{align-items:flex-start}.quick-filters{gap:8px}}@media not (min-width:600px){.clip-editor{gap:16px}.editor-tool-content{padding:20px}.editor-footer{flex-wrap:wrap;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--m3c-surface)}.editor-footer>button{flex:1 1 auto}.editor-transport{gap:4px}.preview-quality{display:none}:root{--m3v-bottom-offset: 96px}.app-bar{height:64px;padding-inline:20px}.app-rail{display:none}.app-content{margin:0;padding:0 0 calc(96px + env(safe-area-inset-bottom))}.app-content>main{border-radius:0;padding:16px 20px 32px;min-height:calc(100dvh - 160px);background:var(--m3c-surface);--m3v-background: var(--m3c-surface)}.mobile-navigation{display:block;position:fixed;inset:auto 0 0;background:var(--m3c-surface-container);padding-block:8px calc(8px + env(safe-area-inset-bottom));z-index:45}.mobile-fab{display:block;position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));right:20px;z-index:40}.page-heading{margin-bottom:20px}h1,.library-heading h1{font-family:var(--m3-font);font-size:1.5rem;line-height:1.333;font-weight:400}.empty-state{padding:48px 12px;min-height:360px}.library-toolbar{gap:12px;flex-wrap:wrap}.quick-filters{flex:1 1 100%}.library-toolbar .view-toggle{display:none}.card-select{opacity:1;min-width:48px;min-height:48px}.clip-grid{grid-template-columns:1fr;gap:20px}.clip-list .clip-card>div{grid-template-columns:104px minmax(0,1fr);gap:12px}.clip-list .card-extra{display:none}.selection-bar{top:72px;margin-inline:-8px;gap:0}.selection-bar .inline-actions{gap:0}.transfer-row{flex-wrap:wrap;gap:12px}.transfer-file-icon{display:none}.transfer-actions{width:100%;justify-content:flex-end}.transfer-pill{bottom:calc(104px + env(safe-area-inset-bottom));left:16px;right:auto;padding:12px 16px}.activity-row{padding:16px;flex-wrap:wrap}.activity-row .inline-actions{flex-basis:100%}.settings-section,.panel-padded{padding:20px}.detail-title{gap:4px}.clip-heading{flex-wrap:wrap}.clip-heading>.detail-title{flex:1 1 100%}.clip-heading>.inline-actions{margin-left:auto}.detail-layout.editing .detail-sidebar{display:none}.app-shell:has(.clip-heading.editing) .mobile-navigation{display:none}.app-shell:has(.clip-heading.editing) .app-content{padding-bottom:16px}.detail-title h1{font-family:var(--m3-font);font-size:1.375rem;line-height:1.273;font-weight:400}.detail-layout{gap:24px}.detail-editor{margin-inline:-20px;border-radius:0;padding:24px 20px}.editor-fields{gap:8px}.player-chrome{padding:8px}.player-buttons{gap:2px}.player-buttons .player-volume{display:none}.player-time{font-size:10px}.watch-page{padding:16px}.watch-header{margin-bottom:24px}.watch-heading{flex-wrap:wrap;gap:16px}.auth-page{justify-content:flex-start;padding-top:56px}.auth-card{padding:24px}.notification-host{bottom:calc(96px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.panel,.clip-card,.player,.notice{border:1px solid CanvasText}.player-chrome{background:Canvas}.player-chrome button,.player-time,.player-feedback{color:CanvasText}.status-dot,.working-dot{background:CanvasText}}@layer tokens{:root{--m3-snackbar-shape: var(--m3-shape-extra-small)}}.m3-container.svelte-16vlfh5{display:flex;align-items:center;padding:0 1rem;min-width:20rem;max-width:60rem;min-height:3rem;border-radius:var(--m3-snackbar-shape);box-shadow:var(--m3-elevation-3);background-color:var(--m3c-inverse-surface);color:var(--m3c-inverse-on-surface);animation:svelte-16vlfh5-snackbarIn var(--m3-timing-function-emphasized-decel) .5s,svelte-16vlfh5-opacity var(--m3-timing-function-emphasized-decel) .1s}@keyframes svelte-16vlfh5-snackbarIn{0%{clip-path:polygon(-100% 150%,-100% calc(100% + .25rem),0% calc(100% + .25rem),.033rem calc(100% + .125rem),.125rem calc(100% + .033rem),.25rem 100%,calc(100% - .25rem) 100%,calc(100% - .125rem) calc(100% + .033rem),calc(100% - .033rem) calc(100% + .125rem),100% calc(100% + .25rem),200% calc(100% + .25rem),200% 150%)}to{clip-path:polygon(-100% 150%,-100% .25rem,0% .25rem,.033rem .125rem,.125rem .033rem,.25rem 0%,calc(100% - .25rem) 0%,calc(100% - .125rem) .033rem,calc(100% - .033rem) .125rem,100% .25rem,200% .25rem,200% 150%)}}@keyframes svelte-16vlfh5-opacity{0%{opacity:0}to{opacity:1}}