:root{--brand-dark: #222222;--brand-main: #FF3399;--text-dark: #1F2937;--bg-color: #F9FAFB}html,body{margin:0;padding:0;width:100%;height:100%;position:fixed;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{width:100%;height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:100%;background:#fff;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 20px 120px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}.top-bar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--brand-dark);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;box-shadow:0 2px 5px #0003;touch-action:none}img{max-width:100%;height:auto}input,select,textarea{width:100%;padding:15px;margin-bottom:15px;border:2px solid #E5E7EB;border-radius:12px;font-size:16px;box-sizing:border-box;-webkit-appearance:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--brand-main);outline:none}button{width:100%;padding:16px;border:none;border-radius:12px;font-size:18px;font-weight:700;background-color:var(--brand-main);color:#fff;cursor:pointer;margin-bottom:10px;flex-shrink:0;transition:transform .1s;box-shadow:0 4px 6px #f393;touch-action:manipulation}button:active{transform:scale(.98);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed;background-color:#ccc;box-shadow:none}button.secondary{background-color:#fff;color:var(--brand-dark);border:2px solid var(--brand-dark);box-shadow:none}label{display:block;width:100%;text-align:left;margin-bottom:5px;font-weight:600;color:#374151}.camera-box{background:var(--brand-dark);color:#fff;border-radius:20px;padding:20px;text-align:center;margin:10px 0;cursor:pointer;border:4px solid white;outline:3px solid var(--brand-main);width:100%;box-sizing:border-box;flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 10px 15px #0000001a;touch-action:manipulation}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.menu-btn{font-size:28px;cursor:pointer;background:none;border:none;color:#fff;padding:0;margin:0;width:auto;box-shadow:none}.debug-toggle{background:none;border:none;font-size:16px;cursor:pointer;padding:0;width:auto;margin:0;opacity:.3;color:#fff;box-shadow:none}.menu-overlay{position:fixed;top:60px;left:0;width:250px;bottom:0;background:#fff;z-index:1001;border-right:1px solid #eee;padding:20px;display:flex;flexDirection:column;gap:15px;box-shadow:2px 0 5px #0000001a}.menu-link{font-size:18px;color:var(--text-dark);text-decoration:none;padding:10px;border-radius:8px;display:block;font-weight:500}.menu-link:active{background-color:#f3f4f6}.debug-container{position:fixed;top:60px;left:0;right:0;height:150px;background:#000000e6;color:#0f0;font-size:12px;overflow-y:scroll;padding:10px;z-index:2000;font-family:monospace;pointer-events:none;display:none}.debug-container.show{display:block;pointer-events:auto}.fixed-footer-text{position:fixed;bottom:60px;left:0;right:0;background:linear-gradient(to top,var(--bg-color) 80%,rgba(255,255,255,0));text-align:center;font-size:11px;color:#9ca3af;padding:8px 0;z-index:900;pointer-events:none;touch-action:none}