:root{--bg:#faf6ee;--text:#2b2b2b;--accent:#b08d57;--accent-ink:#5f4a22;--muted:#6b665c;--card:#fffdf8;--line:#e6dfd0;--ok:#3f7a54;--bad:#a33a3a;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.45}h1,h2,h3{font-family:var(--serif);margin:0 0 .4em;font-weight:600}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #2f6fb3}.btn{border:1.5px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--accent-ink);background:0 0}.btn.danger{background:var(--bad);border-color:var(--bad)}.btn.sm{border-radius:10px;min-height:40px;padding:0 14px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password],input[type=email],input[type=date],input[type=number],textarea,select{border:1.5px solid var(--line);background:#fff;border-radius:12px;width:100%;min-height:48px;padding:10px 14px}textarea{resize:vertical;min-height:80px}label{margin:14px 0 6px;font-weight:600;display:block}label.inline{align-items:center;gap:10px;min-height:40px;margin:10px 0;font-weight:500;display:flex}input[type=checkbox],input[type=radio]{width:24px;height:24px;accent-color:var(--accent);flex:none}.muted{color:var(--muted)}.small{font-size:14px}.error{color:var(--bad);font-weight:600}.okc{color:var(--ok);font-weight:600}.guest{max-width:560px;padding:calc(20px + env(safe-area-inset-top)) 18px 40px;margin:0 auto}.hero{text-align:center;padding:28px 0 12px}.hero h1{letter-spacing:.02em;font-size:2.1rem}.ornament{color:var(--accent);letter-spacing:.5em;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:16px 0;padding:18px}.stack>*+*{margin-top:12px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>.grow{flex:1}.thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.thumb{aspect-ratio:1;background:#e9e3d6;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .x{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;width:36px;height:36px;font-size:20px;position:absolute;top:4px;right:4px}.thumb .st{color:#fff;background:#000000a6;padding:4px 6px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.thumb .bar{background:var(--accent);height:4px;position:absolute;bottom:0;left:0}.langsw{justify-content:flex-end;gap:6px;display:flex}.langsw button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:18px;min-height:36px;padding:0 12px}.langsw button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{color:#f4efe4;font-family:var(--sans);cursor:none;background:#0d0d0e;position:fixed;inset:0;overflow:hidden}.display.show-cursor{cursor:default}.display.preview{aspect-ratio:16/9;cursor:default;border-radius:12px;position:relative;inset:auto;container-type:size}.display .stage{position:absolute;inset:0}.layer{opacity:0;transition:opacity 1.4s;position:absolute;inset:0}.layer.on{opacity:1}.layer .bd{object-fit:cover;filter:blur(38px)brightness(.45)saturate(1.1);width:112%;height:112%;position:absolute;inset:-6%}.layer .ph{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.names{text-align:center;font-family:var(--serif);letter-spacing:.08em;text-shadow:0 2px 12px #000000b3;pointer-events:none;font-size:clamp(16px,3vh,40px);position:absolute;top:3vh;left:0;right:0}.caption{text-shadow:0 2px 10px #000;pointer-events:none;background:linear-gradient(#0000,#000000b3);padding:8vh 12vw 3vh 4vw;font-size:clamp(14px,2.6vh,34px);position:absolute;bottom:0;left:0;right:0}.caption .by{opacity:.85;font-size:.75em}.qrbox{color:#2b2b2b;background:#faf6eef0;border-radius:1.4vh;align-items:center;gap:1.2vh;max-width:40vw;padding:1vh 1.4vh;display:flex;position:absolute;bottom:1.6vh;right:1.6vh}.qrbox img{width:11vh;height:11vh;image-rendering:pixelated;display:block}.qrbox span{font-family:var(--serif);max-width:16vh;font-size:clamp(11px,1.9vh,26px);line-height:1.2}.welcome{text-align:center;place-content:center;gap:3vh;padding:4vw;transition:opacity 1s;display:grid;position:absolute;inset:0}.welcome h1{letter-spacing:.04em;margin:0;font-size:clamp(32px,9vh,120px)}.welcome p{margin:0;max-width:60vw;margin-inline:auto;font-size:clamp(16px,3vh,40px)}.welcome .bigqr{width:28vh;height:28vh;image-rendering:pixelated;background:#fff;border-radius:1.6vh;margin:0 auto;padding:1.4vh}.wall{gap:1.2vh;display:grid;position:absolute;inset:1.5vh}.wall.has-side{left:1.5vh;right:1.5vh}.wall .tile{background:#151517;border-radius:1vh;position:relative;overflow:hidden}.wall .tile .layer .bd{filter:blur(24px)brightness(.45)}.wallside{text-align:center;width:17%;font-family:var(--serif);flex-direction:column;justify-content:space-between;align-items:center;padding:2vh 1vh;display:flex;position:absolute;top:1.5vh;bottom:1.5vh;right:1.5vh}.wallside .qrbox{text-align:center;flex-direction:column;max-width:none;position:static}.wallside .qrbox img{width:100%;max-width:20vh;height:auto}.wallside .qrbox span{max-width:none}.wallside .nm{letter-spacing:.06em;font-size:clamp(14px,3.2vh,44px)}.dbar{opacity:0;z-index:5;background:linear-gradient(#000000bf,#0000);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;right:0}.display.show-bar .dbar{opacity:1}.dbar .btn{color:#fff;background:#ffffff24;border-color:#ffffff59;min-height:44px}.guide{z-index:6;background:#141416f0;border:1px solid #444;border-radius:14px;width:min(640px,90vw);padding:18px 22px;font-size:16px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.guide ol{margin:8px 0 0;padding-left:22px}.conn{opacity:.55;z-index:4;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;bottom:10px;left:12px}.conn i{background:#d9a441;border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:reduce){.layer,.welcome{transition:none}}.admin{max-width:1180px;margin:0 auto;padding:18px}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:12px;display:flex}.top h1{margin:0;font-size:1.4rem}.top nav{flex-wrap:wrap;flex:1;gap:6px;display:flex}.top nav a{color:var(--text);border-radius:10px;align-items:center;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}.top nav a.active{background:var(--accent);color:#fff}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile-stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.tile-stat b{font-size:1.7rem;font-family:var(--serif);display:block}.cols{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.linkbox{gap:8px;display:flex}.linkbox input{font-size:14px}.notice{background:#fff4d6;border:1px solid #e5c76b;border-radius:12px;padding:12px 14px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:20px;min-height:40px;padding:0 14px}.tabs button[aria-pressed=true]{background:var(--text);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.pcard{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.pcard.sel{outline:3px solid var(--accent)}.pcard .im{aspect-ratio:1;background:#e9e3d6;place-items:center;display:grid;position:relative}.pcard .im img{object-fit:contain;width:100%;height:100%}.pcard .pad{padding:8px 10px;font-size:14px}.pcard .acts{flex-wrap:wrap;gap:4px;padding:0 8px 8px;display:flex}.pcard .acts .btn{border-radius:8px;min-height:34px;padding:0 10px;font-size:13px}.badge{background:#eee6d3;border-radius:10px;margin:0 4px 4px 0;padding:2px 8px;font-size:12px;display:inline-block}.badge.warn{background:#ffe0a8}.badge.bad{background:#f5c6c6}.badge.good{background:#cfe8d6}.bulkbar{z-index:3;background:var(--text);color:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex;position:sticky;top:0}.bulkbar .btn{min-height:38px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.preview-wrap{max-width:720px}.login{max-width:400px;margin:10vh auto}