:root{--bg:#fff;--surface:#f5f7f8;--ink:#0b0b0c;--muted:#59595f;--faint:#646b7e;--line:#e3e7ea;--accent:#ff5805;--stage:#e6e9ec;--chrome:#fff;--shadow:0 1px 2px #0b0b0c0f, 0 12px 32px #0b0b0c1a;--font:"Alaska", "Helvetica Neue", Arial, sans-serif;--font-medium:"Alaska Medium", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e0f10;--surface:#17191b;--ink:#f5f3ee;--muted:#c9c6be;--faint:#9aa1b0;--line:#2a2d31;--accent:#ff6a1f;--stage:#050506;--chrome:#141516;--shadow:0 1px 2px #0006, 0 12px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viewer{background:var(--chrome);grid-template-rows:auto 1fr auto;height:100dvh;display:grid;position:relative;container-type:inline-size}.v-top{padding:calc(10px + env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) 10px max(18px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);align-items:center;gap:16px;min-width:0;display:flex}.v-logo{flex:none;width:auto;height:28px}.v-logo.on-dark{display:none}@media (prefers-color-scheme:dark){.v-logo.on-light{display:none}.v-logo.on-dark{display:block}}.v-title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.v-title h1{font-family:var(--font-medium);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:400;overflow:hidden}.v-title p{color:var(--faint);margin:0;font-size:13px}.v-actions{flex:none;gap:8px;display:flex}.v-btn{color:var(--ink);background:var(--chrome);border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;text-decoration:none;display:inline-flex}.v-btn:hover{background:var(--surface)}.v-btn.primary{background:var(--ink);color:var(--chrome);border-color:var(--ink)}.v-btn svg{flex:none;width:16px;height:16px}.v-stage{background:var(--stage);touch-action:pan-y;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.slide-fit{background:#fff;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000001f,0 18px 48px #0000002e}.slide-host{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0}.nav{border:1px solid var(--line);background:var(--chrome);width:44px;height:44px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;font-size:24px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.nav.prev{left:max(16px, env(safe-area-inset-left,0px))}.nav.next{right:max(16px, env(safe-area-inset-right,0px))}.nav:disabled{opacity:.3;cursor:default}.v-counter{color:var(--muted);background:var(--chrome);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 10px;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.v-strip{padding:12px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--chrome);scrollbar-width:thin;gap:10px;display:flex;overflow-x:auto}.thumb{cursor:pointer;color:var(--faint);font-variant-numeric:tabular-nums;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;font-size:12px;display:flex}.thumb img{outline-offset:1px;width:144px;height:81px;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:4px;outline:2px solid #0000;display:block}.thumb[aria-current=true] img{outline-color:var(--accent)}.thumb[aria-current=true]{color:var(--ink)}.fs-bar{display:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.v-foot{color:var(--faint);font-size:11px;display:none;position:absolute;bottom:8px;right:12px}.viewer[data-fullscreen=true]{z-index:50;background:#000;grid-template-rows:1fr;position:fixed;inset:0}.viewer[data-fullscreen=true] .v-top,.viewer[data-fullscreen=true] .v-strip,.viewer[data-fullscreen=true] .nav,.viewer[data-fullscreen=true] .v-counter{display:none}.viewer[data-fullscreen=true] .v-stage{background:#000}.viewer[data-fullscreen=true] .slide-fit{box-shadow:none;border-radius:0}.viewer[data-fullscreen=true] .fs-bar{right:max(20px, env(safe-area-inset-right,0px));bottom:max(20px, env(safe-area-inset-bottom,0px));color:#f5f3ee;background:#141416db;border-radius:12px;align-items:center;gap:6px;padding:6px;transition:opacity .3s;display:flex;position:absolute}.viewer[data-fullscreen=true][data-idle=true] .fs-bar{opacity:0}.viewer[data-fullscreen=true][data-idle=true]{cursor:none}.fs-bar button,.fs-bar a{color:#f5f3ee;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:15px;text-decoration:none}.fs-bar button:hover,.fs-bar a:hover{background:#ffffff1f}.fs-bar span{font-variant-numeric:tabular-nums;padding:0 6px;font-size:14px}@container (max-width:640px){.v-top{gap:10px}.v-logo{height:20px}.v-title h1{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box}.v-title p,.v-btn .lbl,.nav{display:none}.v-btn{padding:8px 10px}.thumb img{width:96px;height:54px}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:60;max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:10px;padding:10px 16px;font-size:15px;position:fixed;transform:translate(-50%)}.notice{text-align:center;min-height:100dvh;padding:24px max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.notice h1{font-family:var(--font-medium);text-wrap:balance;margin:0;font-size:26px;font-weight:400}.notice p{color:var(--muted);max-width:34em;margin:0}.notice .mail{-webkit-user-select:all;user-select:all;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.notice .v-logo{height:34px}.notice small{color:var(--faint);font-size:12px}@media (prefers-reduced-motion:reduce){.fs-bar{transition:none}}