*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1b1f23}button,input,textarea{font:inherit}button{cursor:pointer}.brand-logo{width:84px;height:84px;object-fit:contain}.landing,.upload-page,.open-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(circle at 20% 15%,#ffe5e0,transparent 34%),linear-gradient(135deg,#fffaf2,#dbeafe 55%,#e5e7eb);text-align:center}.landing h1,.upload-page h1,.open-page h1{margin:0;font-size:clamp(36px,7vw,76px);color:#33251f}.landing p,.upload-page p{max-width:560px;font-size:18px}.dev-links{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}.dev-links a,.upload-cta,.admin-tools a,.admin-tools button,.open-page button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:8px;padding:12px 16px;background:#1f2937;color:#fff;text-decoration:none;box-shadow:0 10px 22px #0002}.upload-page input,.upload-page textarea,.admin header input,.settings-form input,.settings-form textarea,.settings-form select{width:min(520px,100%);border:1px solid #ccd4df;border-radius:8px;padding:14px;background:#fff}.upload-cta{width:min(520px,100%);min-height:96px;font-size:22px;background:#c45a5a}.upload-lists{width:min(760px,100%);display:grid;gap:14px;text-align:left}.upload-lists h2{margin:20px 0 8px;font-size:18px}.queue-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;border-radius:8px;background:#fffc;border:1px solid #e5e7eb}.queue-row small{grid-column:1 / -1;color:#5f6b7a}.queue-row.failed small,.error{color:#b42318}.success{display:flex;gap:8px;align-items:center;color:#05603a}.success button{border:1px solid #98a2b3;border-radius:8px;padding:8px 10px;background:#fff}.code-inputs{display:flex;gap:10px}.code-inputs input{width:52px;height:64px;text-align:center;font-size:34px;border:1px solid #aeb8c5;border-radius:8px}.wall{height:100vh;display:grid;grid-template-columns:1fr 320px;overflow:hidden}.wall-stage{position:relative;min-width:0;overflow:hidden}.side-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;box-shadow:-10px 0 30px #0003;z-index:10}.side-panel small{text-transform:uppercase;letter-spacing:.12em;opacity:.75}.side-panel h1{margin:0;text-align:center;font-size:30px}.side-panel p{margin:0;text-align:center;line-height:1.45}.panel-logo{width:132px;height:132px;object-fit:contain}.qr{width:210px;height:210px;padding:12px;background:#fff;border-radius:8px}.round-upload{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#1f2937;background:#fffaf2;box-shadow:0 12px 30px #0004}.spin{animation:spin 1s linear infinite}.mode-controls{margin-top:auto;display:flex;gap:12px}.mode-controls button,.card-controls button,.admin-actions button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff2;color:#cbd5e1}.mode-controls button.active{color:#fff;background:#fff3;box-shadow:0 0 22px #fff8;animation:shimmer 2s infinite}.mode-controls button:hover{color:#fff}.grid-mode{height:100%;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:10px;padding:14px}.grid-mode img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#27313a}.polaroid-mode{position:relative;height:100%}.polaroid{position:absolute;width:200px;height:240px;background:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;animation:polaroid-in .45s ease-out both;padding:10px 10px 18px;box-shadow:0 14px 30px #0006}.polaroid:active{cursor:grabbing}.polaroid img{width:180px;height:172px;object-fit:cover;pointer-events:none}.polaroid p{margin:6px 0 0;height:34px;line-height:1.35;overflow:hidden;text-align:center;color:#313131;font-family:Segoe Print,cursive}.card-controls{display:flex;gap:3px;justify-content:center}.card-controls button{width:26px;height:26px;color:#374151;background:#f3f4f6}.card-controls svg{width:14px}.slideshow{height:100%;display:grid;grid-template-columns:72px 1fr 72px;align-items:center;gap:8px;padding:24px;color:#fff}.slideshow img{width:100%;height:calc(100vh - 48px);object-fit:contain}.slideshow button{height:72px;border:0;border-radius:50%;background:#fff2;color:#fff;font-size:44px}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:9px;height:16px;animation:fall 1.6s ease-out forwards}.admin{min-height:100vh;background:#f4f7fb;padding:20px}.admin header,.admin nav,.admin-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.admin header h1{margin:0 auto 0 0}.admin nav button{border:1px solid #d0d7e2;background:#fff;border-radius:8px;padding:10px 12px}.admin nav button.active{background:#1f2937;color:#fff}.admin-tools a,.admin-tools button{min-height:40px;background:#fff;color:#1f2937;border:1px solid #d0d7e2;box-shadow:none}.feed{display:grid;gap:10px}.feed article{display:grid;grid-template-columns:108px 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.feed article>img{width:108px;height:108px;object-fit:cover;border-radius:6px}.feed p{margin:6px 0 0}.feed small{color:#667085;display:block}.admin-actions{display:flex;gap:6px}.admin-actions button{background:#eef2f7;color:#243041}.settings-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:16px;border:1px solid #e0e6ef;border-radius:8px;background:#fff}.settings-form label{display:grid;gap:6px;color:#344054}.settings-form label:has(input[type=checkbox]){display:flex;align-items:center}.settings-form input[type=checkbox]{width:auto}.settings-form input[type=color]{height:48px;padding:4px}.settings-form button{min-height:48px;border:0;border-radius:8px;background:#1f2937;color:#fff}svg{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{50%{box-shadow:0 0 30px #fff}}@keyframes fall{to{transform:translateY(110vh) rotate(520deg);opacity:0}}@keyframes polaroid-in{0%{opacity:0}to{opacity:1}}@media(max-width:780px){.dev-links{grid-template-columns:1fr;width:100%}.wall{grid-template-columns:1fr;grid-template-rows:1fr auto}.side-panel{flex-direction:row;padding:10px;gap:10px;overflow-x:auto}.side-panel h1,.side-panel p,.side-panel small{display:none}.panel-logo{width:58px;height:58px}.qr{width:86px;height:86px;padding:5px}.round-upload{width:50px;height:50px}.mode-controls{margin-top:0}.feed article{grid-template-columns:84px 1fr}.feed article>img{width:84px;height:84px}.admin-actions{grid-column:1 / -1}}