:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262822;background:#f7f6f2;font-synthesis:none;scrollbar-gutter:stable;overflow-anchor:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}main{max-width:1280px;margin:auto;padding:0 20px 36px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd7}#home{font-size:24px;font-weight:650;letter-spacing:2px}#count{font-size:13px;color:#777d71}nav{display:flex;gap:10px;align-items:center;padding:24px 0 20px;flex-wrap:wrap;font-size:14px}nav a{color:#667354}nav span{color:#abb0a2}#folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:20px}.folder{display:flex;align-items:center;gap:16px;text-align:left;border:1px solid #e0e2d8;border-radius:14px;background:#fff;padding:20px}.folder-icon{font-size:29px;color:#7a8867}.folder-name{overflow-wrap:anywhere;font-size:15px}.folder:hover{border-color:#8a977c}#message{font-size:14px;color:#7c8177;margin:20px 0}#grid{position:relative;contain:layout style}.tile{position:absolute;border:0;padding:0;background:#e8e9e1;border-radius:8px;overflow:hidden;color:#787e70}.tile img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.badge{position:absolute;left:7px;bottom:7px;padding:3px 6px;border-radius:4px;background:#0007;color:#fff;font-size:10px;font-weight:600;pointer-events:none}.tile-note{font-size:12px;padding:15px;display:block}.tile:focus-visible{outline:3px solid #60704a;outline-offset:3px}#login{min-height:100dvh;display:grid;place-items:center;padding:24px}form{width:min(360px,100%);padding:32px 28px;background:#fff;border:1px solid #e1e3d9;border-radius:20px}form h1{font-size:30px;margin:16px 0 8px}form p{font-size:14px;color:#7d8475;line-height:1.6}.mark{font-size:36px;color:#768960}label{display:block;font-size:13px;margin:22px 0 0}input{display:block;width:100%;border:1px solid #dce0d3;border-radius:8px;padding:12px;font:inherit;margin-top:8px;outline:none}input:focus{border-color:#768960}.primary{width:100%;padding:13px;border:0;background:#647651;color:white;border-radius:8px;margin-top:26px}#login-error{color:#a04335}dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#11120f;color:#fff;overflow:hidden}dialog::backdrop{background:#11120f}.viewer-bar{height:72px;padding:max(16px,env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;gap:18px}#close{border:0;background:#ffffff15;color:#fff;border-radius:8px;padding:9px 13px;font-size:14px}#filename{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#c8cdbf}#position{font-size:12px;color:#8f9785}#stage{position:relative;height:calc(100dvh - 124px);display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#stage>img,#stage>video{position:absolute;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#large{opacity:0;transition:opacity .12s}#large.loaded{opacity:1}.arrow{position:absolute;z-index:2;top:calc(50% - 22px);width:42px;height:44px;border:0;border-radius:9px;background:#0005;color:#fff;font-size:30px}#previous{left:12px}#next{right:12px}#viewer-hint{height:36px;text-align:center;font-size:12px;color:#a3ac94;margin:12px 0;padding-bottom:env(safe-area-inset-bottom)}@media(max-width:600px){main{padding:0 12px 28px}header{height:60px}#home{font-size:21px}nav{padding:18px 0;font-size:13px;gap:8px}#folders{grid-template-columns:1fr;gap:8px}.folder{padding:15px;border-radius:10px}.viewer-bar{gap:10px;padding-left:10px;padding-right:10px}#filename{font-size:11px}.arrow{width:32px;font-size:25px}#previous{left:5px}#next{right:5px}}

#filters{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}#filters button{border:1px solid #d6ddce;border-radius:24px;background:#fff;padding:9px 15px;font-size:13px;color:#59644e}#filters button[aria-pressed=true]{background:#647651;color:#fff;border-color:#647651}.badge.live{background:#315f43e8;font-size:11px;padding:5px 7px}#play-video{position:absolute;z-index:3;border:1px solid #ffffff55;border-radius:30px;background:#20261ee8;color:#fff;padding:16px 24px;font-size:17px}#stage:has(video:not([hidden]):not(.arming))>#large{opacity:0}

#motion.arming{opacity:0;pointer-events:none}#enable-live{position:absolute;z-index:3;border:1px solid #ffffff55;border-radius:30px;background:#20261ee8;color:#fff;padding:16px 24px;font-size:17px}