.slide-image{display:block;height:auto;background:#fff;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);opacity:0;transition:opacity 80ms ease-out;-webkit-user-select:none;user-select:none}.slide-image--ready{opacity:1}.slide-image-error{padding:var(--radius-lg);color:var(--color-error);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;min-width:38px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.icon-btn svg{width:18px;height:18px;stroke-width:2}.icon-btn--ghost:hover:not(:disabled){background:var(--color-bg-soft);color:var(--color-primary)}.icon-btn--ghost.icon-btn--active,.icon-btn--ghost.icon-btn--active:hover{background:var(--color-primary);color:#fff;box-shadow:inset 0 2px 4px #0000002e}.icon-btn--primary{background:var(--color-primary);color:#fff}.icon-btn--primary:hover:not(:disabled){background:var(--color-accent)}.icon-btn--accent{background:var(--color-accent);color:#fff}.icon-btn--accent:hover:not(:disabled){background:var(--color-accent-hover)}.icon-btn--outline{border-color:var(--color-border)}.icon-btn--outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.icon-btn:active:not(:disabled){transform:translateY(1px)}.icon-btn:disabled{color:var(--color-text-muted)}.topbar-row{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:12px}.topbar{display:flex;align-items:center;gap:32px;height:var(--toolbar-height);padding:0 16px;background:var(--color-bg-toolbar);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md)}.topbar-left,.topbar-right,.topbar-center{display:flex;align-items:center;gap:8px}.topbar-brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em;color:var(--color-text);text-transform:lowercase;cursor:default;-webkit-user-select:none;user-select:none}.topbar-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 3px #76804438}.topbar-counter{display:inline-flex;align-items:baseline;gap:4px;min-width:64px;padding:6px 10px;background:var(--color-bg-soft);border-radius:var(--radius-md);font-variant-numeric:tabular-nums}.topbar-counter-current{font-weight:600;color:var(--color-text)}.topbar-counter-sep{color:var(--color-text-muted)}.topbar-counter-total{color:var(--color-text-secondary)}.topbar-download{position:relative;display:inline-flex;align-items:center;gap:8px;height:var(--toolbar-height);padding:0 20px;background:var(--color-primary);color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em;text-decoration:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);overflow:hidden;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)}.topbar-download:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.35) 50%,transparent 72%);transform:translate(-120%);animation:topbar-download-shimmer 3.2s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.topbar-download>*{position:relative;z-index:1}.topbar-download:hover{background:var(--color-primary-hover);color:#fff;box-shadow:0 6px 20px #555d2e47}.topbar-download:active{transform:translateY(1px)}.topbar-download svg{stroke-width:2}@keyframes topbar-download-shimmer{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.topbar-download:before{animation:none}}.viewer{position:relative;display:flex;flex-direction:column;height:100vh;background:var(--color-bg)}.viewer-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:calc(var(--toolbar-height) + 32px) 24px 24px;overflow:hidden}.viewer-slide{position:absolute;inset:calc(var(--toolbar-height) + 32px) 24px 24px;display:flex;align-items:center;justify-content:center;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .12s ease-out}.viewer-slide--active{visibility:visible;pointer-events:auto;opacity:1}.viewer-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;height:100vh;font-size:18px;color:var(--color-text-muted)}.viewer-state h1{margin:0;font-size:28px;font-weight:600;color:var(--color-text)}.viewer-state--error{color:var(--color-error)}.admin{min-height:100vh;background:var(--color-bg-soft)}.admin-main{display:grid;gap:24px;max-width:720px;margin:0 auto;padding:32px 24px 64px}.admin-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm)}.admin-card-title{margin:0 0 4px;font-size:18px;font-weight:600}.admin-card-desc{margin:0 0 16px;color:var(--color-text-muted);font-size:14px}.admin-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;background:var(--color-bg-soft);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;color:var(--color-text-muted);transition:border-color var(--transition),background var(--transition)}.admin-drop:hover,.admin-drop--hover{border-color:var(--color-primary);background:#fafaf6}.admin-drop--disabled{pointer-events:none;opacity:.6}.admin-drop-icon{color:var(--color-primary)}.admin-drop-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.admin-progress{position:relative;margin-top:16px;height:24px;background:var(--color-bg-soft);border-radius:var(--radius-pill);overflow:hidden}.admin-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width var(--transition)}.admin-progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:var(--color-text)}.admin-toast{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:var(--radius-md);font-size:14px}.admin-toast--success{background:#65a30d1f;color:var(--color-accent-hover)}.admin-toast--error{background:#b91c1c1a;color:var(--color-error)}.admin-meta{list-style:none;margin:0;padding:0;display:grid;gap:10px}.admin-meta li{display:flex;align-items:center;gap:8px;font-size:14px}.admin-meta-label{color:var(--color-text-muted)}.admin-meta-value{color:var(--color-text);font-weight:500}.admin-actions{margin-top:16px}:root{--color-primary: #768044;--color-primary-hover: #555d2e;--color-accent: #768044;--color-accent-hover: #555d2e;--color-text: #1a1a1a;--color-text-secondary: #3a3a3a;--color-text-muted: #6b6b6b;--color-bg: #ffffff;--color-bg-soft: #f5f5f3;--color-bg-toolbar: rgba(255, 255, 255, .94);--color-border: #e1e0d8;--color-overlay: rgba(26, 26, 26, .55);--color-error: #b91c1c;--color-success: #65a30d;--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .16);--transition: .18s ease-in-out;--toolbar-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:16px;font-weight:400;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}::selection{background:var(--color-primary);color:#fff}