:root{--accent:#c9a27e;--bg:#14110f;--bg-2:#1e1a17;--fg:#f6f1ea;--muted:#b5aca2;--line:#ffffff1f;--danger:#e36b6b;--ok:#6fcf97;--radius:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4}a{color:var(--accent)}h1,h2,h3{letter-spacing:.01em;margin:0 0 .4em;font-weight:600}p{margin:0 0 .8em}.muted{color:var(--muted)}.error{color:var(--danger);padding:16px}button{font:inherit;color:inherit}input,select,textarea{font:inherit}.btn{background:var(--accent);color:#1a1512;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-small{min-height:36px;padding:6px 14px;font-size:14px}.input{border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:44px;color:var(--fg);border-radius:12px;padding:10px 14px}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>*{flex:1}label.field{margin-bottom:14px;display:block}label.field>span{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.centered-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100%;padding:32px 20px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:12px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home{background:var(--bg) center / cover no-repeat;min-height:100dvh;position:relative}.home-default{background:radial-gradient(120% 80% at 50% 0%, #3b2d26 0%, var(--bg) 70%)}.home-overlay{pointer-events:none;background:#000;position:absolute;inset:0}.home-content{min-height:100dvh;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));flex-direction:column;display:flex;position:relative}.home-header{text-align:center;text-shadow:0 2px 16px #0009;padding:24px 0 8px}.home-header h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,7vw,40px);font-weight:500}.home-header p{color:var(--fg);opacity:.9}.capture{flex-direction:column;flex:1;justify-content:center;gap:16px;padding:12px 0;display:flex}.big-btn{background:var(--accent);color:#1a1512;cursor:pointer;border:none;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:120px;max-height:38vh;font-size:28px;font-weight:700;transition:transform 80ms;display:flex;box-shadow:0 10px 30px #00000059}.big-btn:active{transform:scale(.98)}.big-btn small{opacity:.8;font-size:14px;font-weight:500}.big-icon{font-size:44px;line-height:1}.big-btn:focus-visible{outline-offset:3px;outline:3px solid #fff}.home-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;padding-top:8px;display:flex}.link-btn{border:1px solid var(--line);color:var(--fg);cursor:pointer;background:#00000059;border-radius:999px;min-height:44px;padding:10px 16px;font-weight:500;text-decoration:none}.name-chip{text-align:center;width:100%;color:var(--fg);opacity:.85;cursor:pointer;text-shadow:0 1px 8px #0009;background:0 0;border:none;min-height:44px}.name-edit{gap:8px;width:100%;display:flex}.welcome{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#0009;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.welcome-card{background:var(--bg-2);width:100%;max-width:440px;margin-bottom:var(--safe-bottom);border-radius:20px;flex-direction:column;gap:12px;padding:22px;display:flex}.pill{left:50%;bottom:calc(16px + var(--safe-bottom));border:1px solid var(--line);color:var(--fg);z-index:40;white-space:nowrap;text-overflow:ellipsis;background:#1e1a17f2;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 24px #0006}.pill-sub{color:var(--muted)}.pill-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.pill-done{border-color:var(--ok);color:var(--ok)}.pill-error{border-color:var(--danger);color:var(--danger);white-space:normal}.toasts{top:calc(12px + var(--safe-top));z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed;left:0;right:0}.toast{border:1px solid var(--line);background:#1e1a17f7;border-radius:14px;max-width:480px;padding:12px 16px;box-shadow:0 8px 24px #0006}.toast-warn{border-color:var(--accent)}.gallery{min-height:100dvh;padding-bottom:80px}.gallery-header{z-index:10;padding:calc(12px + var(--safe-top)) 16px 12px;background:var(--bg);border-bottom:1px solid var(--line);align-items:center;gap:14px;display:flex;position:sticky;top:0;overflow:hidden}.gallery-header-bg{opacity:.18;filter:blur(2px);pointer-events:none;background:50%/cover no-repeat;position:absolute;inset:0}.gallery-header h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:18px;position:relative;overflow:hidden}.gallery-header .muted{font-size:13px;position:relative}.back{color:var(--fg);align-items:center;min-height:44px;padding-right:6px;text-decoration:none;display:inline-flex;position:relative}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:3px;padding:3px;display:grid}@media (width>=700px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px}}.thumb{aspect-ratio:1;background:var(--bg-2);cursor:pointer;border:none;padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb-placeholder{width:100%;height:100%;color:var(--muted);place-items:center;font-size:28px;display:grid}.play-badge{color:#fff;background:#000000a6;border-radius:999px;padding:2px 7px;font-size:12px;position:absolute;bottom:6px;right:6px}.sentinel{min-height:48px}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.viewer{z-index:100;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-stage{touch-action:pan-y;flex:1;justify-content:center;align-items:center;transition:transform .1s ease-out;display:flex;overflow:hidden}.viewer-stage img,.viewer-video{object-fit:contain;max-width:100%;max-height:100%}.viewer-video{width:100%;height:100%}.viewer-close,.viewer-nav{z-index:2;color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid;position:absolute}.viewer-close{top:calc(12px + var(--safe-top));right:12px}.viewer-nav{font-size:34px;top:50%;transform:translateY(-50%)}.viewer-prev{left:8px}.viewer-next{right:8px}@media (hover:none){.viewer-nav{display:none}}.viewer-bar{padding:12px 16px calc(12px + var(--safe-bottom));background:#0a0a0a;justify-content:space-between;align-items:center;gap:12px;display:flex}.viewer-name{font-weight:600}.viewer-time{color:var(--muted);font-size:13px}.placeholder{color:var(--muted);text-align:center;padding:32px}.projector{color:#fff;cursor:none;background:#000;position:fixed;inset:0;overflow:hidden}.projector.idle{cursor:default}.projector-start{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex;position:absolute;inset:0}.slide{justify-content:center;align-items:center;animation:.8s fade;display:flex;position:absolute;inset:0}.slide img,.slide video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}@keyframes fade{0%{opacity:0}to{opacity:1}}.slide-caption{text-shadow:0 2px 12px #000000e6;font-family:Georgia,serif;font-size:26px;position:absolute;bottom:28px;left:32px}.slide-qr{color:#111;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:11px;display:flex;position:absolute;bottom:24px;right:24px}.slide-qr img{width:96px;height:96px;display:block}.projector-status{color:var(--muted);font-size:13px;position:absolute;top:16px;right:16px}.admin{flex-direction:column;min-height:100dvh;display:flex}.admin-top{border-bottom:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 20px;display:flex}.admin-top h1{margin:0;font-size:18px}.admin-top nav{flex-wrap:wrap;flex:1;gap:6px;display:flex}.admin-top nav a{color:var(--fg);border-radius:8px;align-items:center;min-height:40px;padding:8px 12px;text-decoration:none;display:inline-flex}.admin-top nav a.active{color:var(--accent);background:#ffffff14}.admin-body{width:100%;max-width:1200px;margin:0 auto;padding:20px}.admin-cols{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=900px){.admin-cols{grid-template-columns:minmax(0,1fr) 420px;align-items:start}}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card h2{font-size:17px}.login-card{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex}.phone-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.phone{transform-origin:top;background:#000;border:8px solid #2a2622;border-radius:44px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.phone .home,.phone .home-content{height:100%;min-height:100%}.phone-scale{height:calc(844px * var(--phone-scale,.6))}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.admin-item{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.admin-item.is-hidden img{opacity:.35}.admin-item .thumb{cursor:default;width:100%}.admin-item-bar{flex-wrap:wrap;gap:4px;padding:6px;font-size:12px;display:flex}.admin-item-bar button{border:1px solid var(--line);min-height:32px;color:var(--fg);cursor:pointer;background:0 0;border-radius:8px;flex:1}.admin-item-bar button.danger{color:var(--danger)}.badge{color:#fff;background:#000000b3;border-radius:999px;padding:2px 7px;font-size:11px;position:absolute;top:6px;left:6px}.badge-failed{background:var(--danger)}.admin-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 6px 6px;font-size:11px;overflow:hidden}.qr-card{color:#111;text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.qr-card img{width:220px;height:220px}.qr-card h3{margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.qr-card .url{color:#555;word-break:break-all;font-size:13px}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.print-only{display:block!important}.qr-card{box-shadow:none}}.print-only{display:none}