:root{--ink:#0b0a09;--bg2:#141311;--bg3:#1c1a17;--paper:#f0efeb;--paper-70:#f0efebb3;--paper-50:#f0efeb80;--paper-35:#f0efeb75;--paper-25:#f0efeb57;--line:#f0efeb24;--line-soft:#f0efeb14;--tick:#f0efeb8c;--surface:#ffffff09;--surface2:#ffffff0f;--green:#6ba878;--amber:#dbae57;--red:#d15c4d;--sp-xs:4px;--sp-s:8px;--sp-m:12px;--sp-l:16px;--sp-xl:20px;--sp-2xl:28px;--sp-3xl:40px;--ease:cubic-bezier(.16,1,.3,1);--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--font-display:"Anton", "Impact", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font-sans);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5;overflow-x:hidden}::selection{background:var(--paper);color:var(--ink)}::placeholder{color:var(--paper-35)}button{cursor:pointer;color:inherit;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}body:after{content:"";pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;line-height:.9}.h-hero{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2.8rem,7vw,5rem);line-height:.86}.h-sec{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:.92}.h-card{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;font-size:1.35rem}.eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--paper-70);font-size:.66rem;font-weight:500}.mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}.dim{color:var(--paper-50)}.dim2{color:var(--paper-35)}.h-hero,.h-sec,.h-card,.display{overflow-wrap:anywhere}.barry-mark{max-width:100%;height:auto;display:block}.syncchip{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;font-size:.62rem;display:inline-flex}.syncchip .dot{border-radius:50%;flex:none;width:7px;height:7px}.syncchip.sync-failed{color:var(--red);border-color:#d15c4d80}.syncchip.sync-failed .dot{background:var(--red)}.syncchip.sync-wait{color:var(--amber);border-color:#dbae5780}.syncchip.sync-wait .dot{background:var(--amber)}.syncchip.sync-up,.syncchip.sync-queued{color:var(--paper-50)}.syncchip.sync-up .dot{background:var(--paper-50);animation:pulse 1.4s var(--ease) infinite}.syncchip.sync-queued .dot{background:var(--paper-35)}.pthumb{cursor:default;display:inline-block;position:relative}.pthumb .pbadge{width:14px;height:14px;font-family:var(--font-mono);color:var(--ink);border-radius:3px;justify-content:center;align-items:center;font-size:9px;line-height:1;display:flex;position:absolute;bottom:3px;right:3px}.pbadge-failed{background:var(--red);color:#fff;cursor:pointer}.pbadge-wait{background:var(--amber)}.pbadge-up{display:none!important}.pbadge-queued{background:var(--paper-35)}.shell{width:100%;max-width:720px;padding:0 var(--sp-xl);margin-inline:auto}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.spacer{flex:1}.panel{background:var(--surface);border:1px solid var(--line);padding:var(--sp-l)}.framebox{background:var(--surface);padding:var(--sp-xl);border:1.5px solid #f0efebe6;position:relative}.framebox>.tk{border:1.5px solid var(--paper);background:var(--ink);z-index:2;width:11px;height:11px;position:absolute}.tk.tl{border-bottom:none;border-right:none;top:-6px;left:-6px}.tk.tr{border-bottom:none;border-left:none;top:-6px;right:-6px}.tk.bl{border-top:none;border-right:none;bottom:-6px;left:-6px}.tk.br{border-top:none;border-left:none;bottom:-6px;right:-6px}.card-tap{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;padding:var(--sp-l);transition:transform .12s var(--ease), background .12s;display:block}.card-tap:hover{background:var(--surface2)}.card-tap:active{transform:translateY(1px)}.dimrule{height:7px;position:relative}.dimrule:before{content:"";background:var(--line);height:1px;position:absolute;top:3px;left:0;right:0}.dimrule:after,.dimrule>i{content:"";background:var(--tick);width:1px;height:7px;position:absolute;top:0}.dimrule:after{left:0}.dimrule>i{right:0}.btn{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;transition:transform .15s var(--ease), background .15s, opacity .15s;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:14px 20px;font-size:.72rem;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--paper);color:var(--ink)}.btn-primary:hover:not(:disabled){background:#fff}.btn-outline{color:var(--paper);background:0 0;border:1px solid;position:relative}.btn-outline.amber{color:var(--amber)}.btn-outline.red{color:var(--red)}.btn-outline.green{color:var(--green)}.btn-outline .tk{width:6px;height:6px;position:absolute}.btn-outline .tk.tl{border-top:1px solid;border-left:1px solid;top:-3px;left:-3px}.btn-outline .tk.tr{border-top:1px solid;border-right:1px solid;top:-3px;right:-3px}.btn-outline .tk.bl{border-bottom:1px solid;border-left:1px solid;bottom:-3px;left:-3px}.btn-outline .tk.br{border-bottom:1px solid;border-right:1px solid;bottom:-3px;right:-3px}.icon-btn{background:var(--surface);border:1px solid var(--line);width:44px;height:44px;color:var(--paper);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface2)}.field{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--paper);padding:12px 14px;font-size:16px;transition:border-color .15s}.field:focus{border-color:var(--paper);outline:none}.field.mono{font-family:var(--font-mono)}.chip{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid;align-items:center;gap:5px;padding:4px 8px;font-size:.6rem;font-weight:500;display:inline-flex}.chip .dot{width:6px;height:6px}.status-green{color:var(--green);border-color:#6ba87880}.status-amber{color:var(--amber);border-color:#dbae5780}.status-red{color:var(--red);border-color:#d15c4d80}.status-none{color:var(--paper-50);border-color:var(--line)}.bg-green{background:var(--green)}.bg-amber{background:var(--amber)}.bg-red{background:var(--red)}.thumb{object-fit:cover;border:1px solid var(--line);background:var(--surface2);cursor:pointer;flex:none;width:56px;height:56px}.thumb.lg{width:64px;height:64px}.thumb-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.tabbar{background:var(--ink);border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));flex:none;display:flex}.tabbar a{min-height:44px;color:var(--paper-35);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.55rem;display:flex}.tabbar a.active{color:var(--paper)}.tabbar svg{width:22px;height:22px}.topbar{z-index:40;padding:14px var(--sp-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#0b0a09d9;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .title{font-family:var(--font-mono);letter-spacing:.05em;font-size:.8rem}.back{background:var(--surface2);width:44px;height:44px;color:var(--paper);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.back:hover{background:#ffffff1a}.page{padding-bottom:32px}.page-pad{padding:var(--sp-xl)}.stat-strip{display:flex}.stat-strip>*+*{margin-left:-1px}.stat{border:1px solid var(--line);padding:var(--sp-m);flex:1}.stat .n{font-family:var(--font-display);font-size:1.9rem;line-height:1}.stat .l{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--paper-50);margin-top:4px;font-size:.55rem}.check{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper-35);align-items:center;gap:6px;font-size:.62rem;display:inline-flex}.check.on{color:var(--green)}.check .box{border:1.5px solid;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.check.on .box{background:var(--green);border-color:var(--green);color:var(--ink)}.scrim{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{overscroll-behavior:contain;background:var(--ink);border-top:1px solid var(--line);width:100%;max-width:560px;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);overflow-y:auto}.viewer{z-index:200;padding-top:env(safe-area-inset-top);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;flex:1;min-height:0}.live{font-family:var(--font-mono);letter-spacing:.2em;color:var(--green);align-items:center;gap:6px;font-size:.55rem;display:inline-flex}.live .sq{background:var(--green);width:6px;height:6px;animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 #6ba87899}to{box-shadow:0 0 0 8px #6ba87800}}.spin{animation:24s linear infinite spin}@keyframes spin{to{transform:rotate(-360deg)}}.rise{animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.toast{z-index:300;background:var(--paper);color:var(--ink);padding:10px 18px;font-size:14px;font-weight:600;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.banner{top:calc(12px + env(safe-area-inset-top));z-index:300;max-width:560px;color:var(--paper);background:#d15c4df2;align-items:center;gap:10px;margin-inline:auto;padding:12px 14px;font-size:14px;display:flex;position:fixed;left:12px;right:12px}.skel{background:var(--surface);border:1px solid var(--line-soft);position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty{text-align:center;color:var(--paper-50);padding:56px 20px}.empty svg{opacity:.4;width:34px;height:34px;margin-bottom:12px}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.appframe{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.scrollarea{-webkit-overflow-scrolling:touch;min-width:0;min-height:0;padding-top:env(safe-area-inset-top);overscroll-behavior-y:contain;flex:1;overflow-y:auto}.sidenav{display:none}@media (width>=900px){.appframe{flex-direction:row}.tabbar{display:none}.page{padding-bottom:40px}.sidenav{border-right:1px solid var(--line);flex-direction:column;flex:none;gap:4px;width:250px;height:100%;padding:26px 16px;display:flex}.sidenav .brand{align-items:center;gap:10px;padding:4px 12px 22px;display:flex}.sidenav .brand .wm{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem}.sidenav a{color:var(--paper-50);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;font-size:.68rem;transition:color .15s,background .15s,border-color .15s;display:flex}.sidenav a:hover{color:var(--paper)}.sidenav a.active{color:var(--paper);background:var(--surface);border-color:var(--line)}.sidenav a svg{flex:none;width:18px;height:18px}.sidenav .who{border-top:1px solid var(--line);margin-top:auto;padding:12px}.content-wide{max-width:860px!important}}.page-enter{animation:pageIn .45s var(--ease) both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.stagger>*{animation:rise .55s var(--ease) both}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(n+7){animation-delay:.26s}.thumb,.viewer img{opacity:0;animation:.4s forwards imgIn}@keyframes imgIn{to{opacity:1}}.btn{position:relative;overflow:hidden}.btn:not(:disabled):hover{filter:brightness(1.04)}.card-tap{transition:transform .12s var(--ease), background .12s, border-color .15s}.card-tap:hover{border-color:var(--paper-25)}.toast{animation:toastIn .3s var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.uploading{position:relative}.uploading:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.1s infinite shimmer;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;animation-duration:.001ms!important}}.scrim{animation:.2s both scrimIn}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.sheet{animation:sheetIn .34s var(--ease) backwards}@keyframes sheetIn{0%{opacity:.5;transform:translateY(28px)}to{opacity:1;transform:none}}.viewer{animation:.22s both scrimIn}@media (width>=900px){.scrim{align-items:center}.sheet{border:1px solid var(--line);max-height:88dvh}}