:root{--color-bg:#fff;--color-ink:#000;--color-sub:#5c5c5c;--color-surface:#f5f5f5;--color-accent:#b619ff;--color-hairline:#0003;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-normal:.26s;--dur-slow:.42s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html,body{max-width:100%;overflow-x:clip}body{background:var(--color-bg);color:var(--color-ink);font-feature-settings:"calt" 0, "liga" 0}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth{z-index:80;-webkit-backdrop-filter:blur(6px);background:#0006;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.auth__card{background:var(--color-bg);will-change:transform, opacity;border:1px solid #00000014;width:100%;max-width:400px;padding:28px;position:relative;box-shadow:0 30px 80px #00000047}.auth__close{width:36px;height:36px;color:var(--color-sub);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.auth__close:hover{background:var(--color-surface);color:var(--color-ink)}.auth__head{margin-bottom:20px}.auth__title{letter-spacing:-.4px;font-size:20px;font-weight:700}.auth__sub{color:var(--color-sub);margin-top:4px;font-size:13px}.auth__switch{background:var(--color-surface);border-radius:10px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:18px;padding:4px;display:grid;position:relative}.auth__switch-btn{z-index:1;cursor:pointer;text-transform:uppercase;letter-spacing:-.1px;color:var(--color-sub);transition:color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;padding:9px 0;font-size:13px;font-weight:500;position:relative}.auth__switch-btn[data-active=true]{color:var(--color-ink)}.auth__switch-pill{background:var(--color-bg);z-index:0;border-radius:7px;width:calc(50% - 4px);position:absolute;top:4px;bottom:4px;box-shadow:0 1px 3px #0000001f}.auth__google{background:var(--color-bg);cursor:pointer;width:100%;transition:background var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart);border:1px solid #00000024;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:11px 14px;font-size:14px;font-weight:500;display:inline-flex}.auth__google:hover:not(:disabled){background:var(--color-surface);box-shadow:0 2px 10px #0000000f}.auth__google:active:not(:disabled){transform:scale(.98)}.auth__google:disabled{opacity:.6;cursor:not-allowed}.auth__divider{color:var(--color-sub);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin:16px 0;font-size:11px;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:#0000001a;flex:1;height:1px}.auth__form{flex-direction:column;gap:12px;display:flex}.auth__field{flex-direction:column;gap:6px;display:flex}.auth__field span{text-transform:uppercase;letter-spacing:.06em;color:var(--color-sub);font-size:11px}.auth__field input{font:inherit;background:var(--color-bg);transition:border-color var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart);border:1px solid #00000024;border-radius:10px;padding:11px 12px;font-size:14px}.auth__field input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #b619ff24}.auth__submit{border-radius:10px;width:100%;margin-top:4px;padding:12px}.auth__submit:disabled{opacity:.7;cursor:not-allowed}.auth__magic{cursor:pointer;color:var(--color-sub);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;padding:6px;font-size:13px;text-decoration:underline}.auth__magic:hover:not(:disabled){color:var(--color-ink)}.auth__magic:disabled{opacity:.6;cursor:not-allowed}.auth__msg{border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.4}.auth__msg--error{color:#b00020;background:#b0002012}.auth__msg--ok{color:#0a7a2f;background:#0a7a2f14}.auth__config{color:var(--color-sub);text-align:center;margin-top:16px;font-size:12px;line-height:1.5}.auth__config code{font-family:var(--font-mono);background:var(--color-surface);border-radius:4px;padding:1px 4px}.usermenu{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.usermenu__avatar{cursor:pointer;background:var(--color-accent);color:#fff;text-transform:uppercase;width:34px;height:34px;transition:transform var(--dur-fast) var(--ease-out-quart);border:none;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.usermenu__avatar:active{transform:scale(.94)}.usermenu__email{color:var(--color-sub);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}@media (width<=760px){.usermenu__email{display:none}}.tabbar{border-bottom:1px dashed var(--color-hairline);width:100%;max-width:1440px;margin:0 auto;padding:0 40px}.tabbar__scroll{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.tabbar__scroll::-webkit-scrollbar{display:none}.tabbar__item{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.tabbar__tab{cursor:pointer;letter-spacing:-.1px;text-transform:uppercase;color:var(--color-sub);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;padding:14px 10px;font-size:13px;font-weight:500;position:relative}.tabbar__item[data-active=true] .tabbar__tab,.tabbar__tab:hover{color:var(--color-ink)}.tabbar__underline{background:var(--color-accent);height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.tabbar__remove{width:20px;height:20px;color:var(--color-sub);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:50%;place-items:center;margin-left:-2px;margin-right:4px;display:grid}.tabbar__remove:hover{color:#b00020;background:#b000201a}.tabbar__new{cursor:pointer;text-transform:uppercase;letter-spacing:-.1px;color:var(--color-sub);transition:color var(--dur-fast) var(--ease-out-quart), border-color var(--dur-fast) var(--ease-out-quart);background:0 0;border:1px dashed #00000040;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin-left:6px;padding:8px 12px;font-size:12px;font-weight:500;display:inline-flex}.tabbar__new:hover{color:var(--color-ink);border-color:var(--color-ink)}.tabbar__form{align-items:center;gap:4px;margin-left:6px;display:inline-flex;overflow:hidden}.tabbar__form input{font:inherit;border:1px solid var(--color-accent);border-radius:8px;outline:none;width:130px;padding:8px 10px;font-size:13px}.tabbar__confirm{background:var(--color-ink);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;padding:8px 10px;font-size:12px}.tabbar__confirm:disabled{opacity:.5;cursor:not-allowed}@media (width<=760px){.tabbar{padding:0 20px}}.ugal{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px 40px 56px}.ugal__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.ugal__title{letter-spacing:-.5px;font-size:22px;font-weight:700}.ugal__count{color:var(--color-sub);margin-top:2px;font-size:13px}.ugal__add{border-radius:10px;flex-shrink:0}.ugal__add:disabled{opacity:.7;cursor:not-allowed}.ugal__drop{transition:background var(--dur-normal) var(--ease-out-quart);border-radius:14px}.ugal__drop[data-drag]{outline:2px dashed var(--color-accent);outline-offset:8px;background:#b619ff0f}.ugal__empty{cursor:pointer;width:100%;min-height:360px;color:var(--color-sub);transition:border-color var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart);background:0 0;border:1.5px dashed #0003;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ugal__empty:hover{border-color:var(--color-accent);color:var(--color-ink);background:#b619ff08}.ugal__empty-plus{background:var(--color-surface);width:56px;height:56px;color:var(--color-ink);border-radius:50%;place-items:center;display:grid}.ugal__empty-title{color:var(--color-ink);font-size:15px;font-weight:600}.ugal__empty-sub{font-size:13px}.ugal__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.ugal__item{background:var(--color-surface);aspect-ratio:1;border-radius:12px;flex-direction:column;min-width:0;margin:0;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.ugal__item img{object-fit:cover;flex:1;width:100%;height:100%}.ugal__cap{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000000b3);padding:28px 12px 12px;font-size:12px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ugal__cap--empty{opacity:.6;font-style:italic}.ugal__tools{opacity:0;transition:opacity var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);gap:6px;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-4px)}.ugal__item:hover .ugal__tools,.ugal__item:focus-within .ugal__tools{opacity:1;transform:translateY(0)}.ugal__tools button{width:32px;height:32px;color:var(--color-ink);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);background:#ffffffeb;border:none;border-radius:8px;place-items:center;display:grid}.ugal__tools button:hover{background:#fff}.ugal__tools button:active{transform:scale(.9)}.ugal__tools button[data-danger]:hover{color:#fff;background:#b00020}@media (pointer:coarse){.ugal__tools{opacity:1;transform:none}}.editcap{max-width:420px}.editcap__img{aspect-ratio:16/10;object-fit:cover;border-radius:10px;width:100%;margin-bottom:16px}.editcap .auth__field textarea{font:inherit;resize:vertical;transition:border-color var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart);border:1px solid #00000024;border-radius:10px;padding:11px 12px;font-size:14px}.editcap .auth__field textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #b619ff24}.editcap__actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.editcap__actions .btn{border-radius:10px}@media (width<=760px){.ugal{padding:24px 20px 48px}.ugal__head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.ugal__title{overflow-wrap:anywhere}.ugal__add{justify-content:center;width:100%;padding-top:12px;padding-bottom:12px}.ugal__grid{grid-template-columns:repeat(2,1fr);gap:12px}.ugal__empty{text-align:center;min-height:260px;padding:0 20px}.ugal__empty-sub{overflow-wrap:anywhere}}.page{flex-direction:column;min-height:100%;display:flex;overflow-x:clip}.nav{z-index:10;-webkit-backdrop-filter:blur(10px);border-bottom:1px dashed var(--color-hairline);background:#ffffffd1;align-items:center;gap:34px;padding:20px 40px;display:flex;position:sticky;top:0}.nav__links{align-items:center;gap:8px;display:flex}.nav__link{cursor:pointer;letter-spacing:-.224px;text-transform:uppercase;color:var(--color-sub);transition:color var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:96px;padding:6px 8px;font-size:14px;font-weight:500;line-height:20px;position:relative}.nav__link:hover,.nav__link[data-active=true]{color:var(--color-ink)}.nav__link-underline{background:var(--color-ink);border-radius:2px;height:2px;position:absolute;bottom:1px;left:8px;right:8px}.nav__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.nav__brand{letter-spacing:-.224px;text-transform:uppercase;color:var(--color-sub);font-size:14px;font-weight:500;display:none}.nav__hamburger{width:44px;height:44px;color:var(--color-ink);cursor:pointer;transition:background var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;margin-left:auto;display:none}.nav__hamburger:hover{background:var(--color-surface)}.nav__hamburger:active{transform:scale(.92)}.btn{cursor:pointer;letter-spacing:-.084px;text-transform:uppercase;transition:transform var(--dur-fast) var(--ease-out-quart), background-color var(--dur-fast) var(--ease-out-quart), box-shadow var(--dur-fast) var(--ease-out-quart), color var(--dur-fast) var(--ease-out-quart);border:none;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--color-surface);color:var(--color-ink)}.btn--ghost:hover{background:#ededed}.btn--solid{background:var(--color-ink);color:#fff}.btn--solid:hover{background:#1c1c1c;box-shadow:0 6px 18px #0000002e}.layout{flex:1;grid-template-columns:minmax(0,528px) minmax(0,1fr);align-items:start;gap:42px;width:100%;max-width:1440px;margin:0 auto;padding:40px;display:grid}.grid{outline:none;grid-template-columns:repeat(3,1fr);gap:54px;display:grid}.thumb{aspect-ratio:1;cursor:pointer;background:0 0;border:none;padding:0;position:relative;overflow:visible}.thumb__magnet{background:var(--color-surface);will-change:transform;transition:box-shadow .3s;position:absolute;inset:0;box-shadow:0 1px 3px #00000014}.thumb[data-hovered=true]{z-index:2}.thumb[data-hovered=true] .thumb__magnet{box-shadow:0 8px 25px #0000001f}.thumb__magnet[data-press=true]{transition:transform .2s var(--ease-spring), box-shadow .3s ease;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #0000002e}.thumb__frame{background:var(--color-surface);position:absolute;inset:0;overflow:hidden}.thumb__frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-out-expo), filter var(--dur-normal) var(--ease-out-quart);filter:saturate(.92)}.thumb[data-hovered=true] .thumb__frame img{filter:saturate(1.05);transform:scale(1.08)}.thumb:active .thumb__frame img{transform:scale(1.02)}.thumb__frame:after{content:"";transition:background var(--dur-normal) var(--ease-out-quart);background:0 0;position:absolute;inset:0}.thumb[aria-selected=true] .thumb__frame:after{background:#b619ff14}.thumb[aria-selected=true] .thumb__magnet{box-shadow:0 0 0 1px #b619ff4d,0 0 15px #b619ff14,0 8px 25px #0000001a}.thumb__stroke{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.thumb__plus{color:#fff;pointer-events:none;transition:background var(--dur-normal) var(--ease-out-quart), opacity var(--dur-fast) var(--ease-out-quart);background:#0003;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.thumb__plus svg{transition:transform var(--dur-normal) var(--ease-spring)}.thumb:active .thumb__plus{background:#00000057}.thumb:active .thumb__plus svg{transform:scale(.82)rotate(90deg)}.feature{aspect-ratio:830/831;background:var(--color-surface);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.feature__dots{opacity:.5;pointer-events:none;background-image:url(/assets/dots.png);background-position:0 0;background-size:22px 22px;position:absolute;inset:-40px}.feature__stage{aspect-ratio:1;place-items:center;width:76%;display:grid;position:relative}.feature__card{will-change:transform, opacity;cursor:zoom-in;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #00000038}.feature__parallax{will-change:transform;position:absolute;inset:0}.feature__card img{object-fit:cover;width:100%;height:100%}.feature__light{pointer-events:none;z-index:4;filter:blur(40px);mix-blend-mode:soft-light;opacity:0;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;transition:opacity .4s;position:absolute;top:0;left:0}.feature[data-cursor-in] .feature__light{opacity:1;transition:opacity .2s}.feature__counter{z-index:5;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#0000008c;pointer-events:none;padding:12px 16px;font-size:13px;display:inline-flex;position:absolute;top:0;right:0}.feature__counter>span:first-child{text-align:right;width:2ch;display:inline-block}.feature__meta{z-index:5;letter-spacing:.01em;color:#ffffffeb;-webkit-backdrop-filter:blur(12px)saturate(1.2);opacity:0;pointer-events:none;background:#0000006b;margin:0;padding:14px 18px;font-size:13px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.feature__card:hover .feature__meta{opacity:1;transform:translateY(0)}.sheet{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000052;position:fixed;inset:0}.sheet__panel{background:var(--color-bg);border-bottom:1px dashed var(--color-hairline);flex-direction:column;gap:4px;padding:16px 20px 24px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 24px 60px #0000002e}.sheet__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet__head .nav__brand{display:block}.sheet__head .nav__hamburger{margin-left:0;display:flex}.sheet__link{text-align:left;cursor:pointer;letter-spacing:-.2px;text-transform:uppercase;color:var(--color-sub);transition:color var(--dur-fast) var(--ease-out-quart), background var(--dur-fast) var(--ease-out-quart);background:0 0;border:none;border-radius:12px;padding:14px 8px;font-size:16px;font-weight:500}.sheet__link:hover,.sheet__link[data-active=true]{color:var(--color-ink);background:var(--color-surface)}.sheet__actions{gap:10px;margin-top:16px;display:flex}.sheet__actions .btn{flex:1}.viewer{z-index:60;-webkit-backdrop-filter:blur(20px);background:#000000eb;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.viewer__stage{grid-row:1;place-items:center;padding:64px 24px 16px;display:grid;position:relative;overflow:hidden}.viewer__slide{aspect-ratio:1;cursor:grab;will-change:transform;place-items:center;width:min(86vw,78vh);display:grid;position:absolute}.viewer__slide:active{cursor:grabbing}.viewer__slide img{object-fit:contain;will-change:transform;width:100%;height:100%;box-shadow:0 30px 80px #00000080}.viewer__close,.viewer__nav{z-index:2;cursor:pointer;color:#fff;transition:background var(--dur-fast) var(--ease-out-quart), transform var(--dur-fast) var(--ease-out-quart);background:#ffffff1a;border:none;border-radius:999px;place-items:center;display:grid;position:absolute}.viewer__close:hover,.viewer__nav:hover{background:#fff3}.viewer__close:active,.viewer__nav:active{transform:scale(.92)}.viewer__close{width:44px;height:44px;top:20px;right:20px}.viewer__nav{width:48px;height:48px;top:50%;transform:translateY(-50%)}.viewer__nav:active{transform:translateY(-50%)scale(.92)}.viewer__nav--prev{left:20px}.viewer__nav--next{right:20px}.viewer__filmstrip{scrollbar-width:none;grid-row:2;justify-content:safe center;align-items:center;gap:8px;height:64px;padding:8px 16px;display:flex;overflow-x:auto}.viewer__filmstrip::-webkit-scrollbar{display:none}.viewer__film{cursor:pointer;opacity:.5;width:48px;height:48px;transition:transform var(--dur-normal) var(--ease-spring), opacity var(--dur-normal) var(--ease-out-quart), box-shadow var(--dur-normal) var(--ease-out-quart);background:0 0;border:none;border-radius:6px;flex:none;padding:0;overflow:hidden;box-shadow:0 0 #b619ff00}.viewer__film img{object-fit:cover;width:100%;height:100%}.viewer__film[data-active=true]{opacity:1;box-shadow:0 0 0 2px var(--color-accent);transform:scale(1.15)}.press{z-index:55;pointer-events:none;background:#00000080;place-items:center;display:grid;position:fixed;inset:0}.press__card{aspect-ratio:1;border-radius:4px;width:min(70vw,320px);margin:0;overflow:hidden;box-shadow:0 30px 70px #00000073}.press__card img{object-fit:cover;width:100%;height:100%}@media (width<=960px) and (width>=761px){.layout{grid-template-columns:1fr;gap:32px}.grid{gap:24px}.feature{order:-1}}@media (width<=760px){.nav{gap:12px;padding:12px 20px}.nav__brand{display:block}.nav__links,.nav__actions{display:none}.nav__hamburger{display:flex}.layout{grid-template-columns:1fr;gap:0;padding:17px 20px 40px}.grid{gap:14px}.thumb{min-width:0}.feature{display:none}.thumb__plus{display:flex}.thumb__frame img{filter:none}.thumb[data-hovered=true] .thumb__frame img{transform:none}}