:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111;--fg:#eee;--accent:#4c9aff}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--fg);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,sans-serif}#app{height:100dvh}button{font:inherit;color:var(--fg);cursor:pointer;background:#222;border:1px solid #444;border-radius:8px;padding:.75rem 1.5rem}button:hover{background:#333}.error{color:#ff7a7a;max-width:32rem}.note{color:#999;max-width:32rem;font-size:.875rem}#start-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}#start-screen h1{margin:0;font-size:2rem;font-weight:600}#start-screen p{margin:0}#pick-folder{background:var(--accent);color:#0b1521;border-color:#0000;padding:.9rem 2rem;font-size:1.1rem;font-weight:600}#pick-folder:hover{background:#6cb0ff}#viewer{touch-action:pan-y;background:var(--bg);position:fixed;inset:0;overflow:hidden}#viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform;width:100%;height:100%;position:absolute;inset:0}#photo-incoming{visibility:hidden}#spinner{border:4px solid #fff3;border-top-color:var(--fg);pointer-events:none;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}#viewer-error{bottom:calc(2rem + env(safe-area-inset-bottom));text-align:center;background:#000000bf;border-radius:8px;padding:.75rem 1.25rem;position:absolute;left:50%;transform:translate(-50%)}#swipe-hint{bottom:calc(2rem + env(safe-area-inset-bottom));color:#ccc;pointer-events:none;background:#0009;border-radius:999px;padding:.6rem 1.1rem;font-size:.875rem;animation:2s ease-in-out infinite hint-pulse;position:absolute;left:50%;transform:translate(-50%)}@keyframes hint-pulse{0%,to{opacity:.6}50%{opacity:1}}#change-folder{top:calc(.75rem + env(safe-area-inset-top));right:calc(.75rem + env(safe-area-inset-right));opacity:.45;z-index:10;background:#00000080;border-color:#0000;padding:.4rem .9rem;font-size:.8rem;position:absolute}#change-folder:hover{opacity:1}