:root{--color-primary: #e8b4b8;--color-bg: #1c1917;--color-surface: #292524;--color-text: #fff7f2;--color-muted: #a8a29e;--font-family: system-ui, -apple-system, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}body{position:fixed;top:0;right:0;bottom:0;left:0}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:clamp(16px,3vh,36px);padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 32px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 32px);text-align:center;animation:fade-in .25s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading{color:var(--color-muted);font-size:1.4rem}.muted{color:var(--color-muted)}.small{font-size:.85em}.title-xl{font-size:clamp(2.4rem,7vw,5rem);font-weight:500;margin:0;line-height:1.1;letter-spacing:.04em}.brand-signature{position:absolute;bottom:calc(var(--safe-bottom) + 18px);left:50%;transform:translate(-50%);width:clamp(90px,14vmin,150px);opacity:.9;pointer-events:none}.title-lg{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:500;margin:0;line-height:1.2;letter-spacing:.03em}.subtitle{font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--color-muted);margin:0;max-width:60ch}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.95rem;color:var(--color-primary);margin:0}.btn{font-family:system-ui,-apple-system,sans-serif;letter-spacing:.03em;border:2px solid transparent;border-radius:999px;cursor:pointer;font-weight:600;line-height:1;transition:transform .08s ease,opacity .15s ease;color:var(--color-bg);background:var(--color-primary);min-height:64px;padding:0 40px;font-size:1.35rem}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-xl{min-height:84px;padding:0 56px;font-size:1.7rem}.btn-sm{min-height:44px;padding:0 20px;font-size:1rem}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-muted)}.btn-ghost{background:transparent;color:var(--color-muted);border-color:var(--color-muted)}.btn-danger{background:#e5484d;color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.logo{object-fit:contain;display:flex;align-items:center;justify-content:center}.logo-lg{width:clamp(160px,30vmin,340px);height:clamp(160px,30vmin,340px)}.logo-md{width:clamp(80px,14vmin,140px);height:clamp(80px,14vmin,140px)}.logo-monogram{border:2px solid var(--color-primary);border-radius:50%;font-size:2.4rem;letter-spacing:.06em}.secret-zone{position:absolute;top:0;left:0;width:90px;height:90px}.upload-pill{position:absolute;bottom:calc(var(--safe-bottom) + 14px);right:calc(var(--safe-right) + 14px);font-size:.85rem;color:var(--color-muted);background:var(--color-surface);border-radius:999px;padding:6px 14px;opacity:.8}.upload-pill.warn{color:#fbbf24}.consent-notice{font-size:.95rem;color:var(--color-muted);max-width:48ch;margin:0}.consent-text{font-size:clamp(1.2rem,2.6vw,1.8rem);line-height:1.5;max-width:50ch;margin:0}.mode-grid,.category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:min(100%,640px)}.screen>*{flex-shrink:0}.mode-card{font-family:inherit;color:var(--color-text);background:var(--color-surface);border:2px solid transparent;border-radius:24px;width:calc(50% - 8px);aspect-ratio:1 / 1;max-height:260px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .08s ease,border-color .15s ease}.mode-card:active{transform:scale(.97);border-color:var(--color-primary)}.mode-card:disabled{opacity:.4}.mode-emoji{font-size:clamp(2rem,6vmin,3rem)}.mode-label{font-size:clamp(1.1rem,3.2vmin,1.5rem);letter-spacing:.03em}.mode-desc{color:var(--color-muted);font-size:clamp(.85rem,2.2vmin,1rem)}.error-box{background:#e5484d26;border:1px solid #e5484d;border-radius:16px;padding:16px 24px;max-width:60ch;display:flex;flex-direction:column;gap:12px;align-items:center}.error-box p{margin:0}.prompt-text{font-size:clamp(1.8rem,5vw,3.4rem);font-weight:400;margin:0;max-width:24ch;line-height:1.25}.screen-record{padding:0;background:#000;gap:0}.camera-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.camera-preview.mirrored{transform:scaleX(-1)}.template-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.template-box{position:relative;height:100%;max-width:100%;aspect-ratio:var(--ar, 9 / 16)}.template-box>img{width:100%;height:100%;object-fit:fill;display:block}.template-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--s, .8) * 100%);height:calc(var(--s, .8) * 100%)}.template-video .camera-preview{object-fit:contain;background:transparent}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059}.countdown-number{font-size:clamp(8rem,30vmin,18rem);font-weight:700;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6);animation:pop .9s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.countdown-cancel{position:absolute;top:calc(var(--safe-top) + 16px);left:calc(var(--safe-left) + 16px)}.rec-topbar{position:absolute;top:calc(var(--safe-top) + 16px);left:calc(var(--safe-left) + 20px);right:calc(var(--safe-right) + 20px);display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7)}.rec-indicator{display:flex;align-items:center;gap:10px;letter-spacing:.1em}.rec-dot{width:18px;height:18px;border-radius:50%;background:#e5484d;animation:blink 1s infinite}@keyframes blink{50%{opacity:.2}}.rec-remaining{font-variant-numeric:tabular-nums;background:#00000073;padding:6px 16px;border-radius:999px}.rec-progress{position:absolute;top:0;left:0;right:0;height:8px;background:#ffffff40}.rec-progress-bar{height:100%;width:100%;background:var(--color-primary);transform-origin:left center;transition:transform .2s linear}.rec-prompt{position:absolute;left:50%;bottom:calc(var(--safe-bottom) + 130px);transform:translate(-50%);max-width:min(80vw,40ch);background:#0000008c;color:#fff;font-size:clamp(1.2rem,3vw,2rem);padding:14px 28px;border-radius:20px;line-height:1.3}.rec-bottombar{position:absolute;bottom:calc(var(--safe-bottom) + 28px);left:0;right:0;display:flex;justify-content:center}.screen-review{padding:0;gap:0;background:#000}.review-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.review-bar{position:absolute;bottom:0;left:0;right:0;padding:20px calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 24px);display:flex;justify-content:center;gap:20px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent)}.rotate-icon{font-size:6rem;animation:wiggle 1.6s ease-in-out infinite}.rotate-landscape{transform:rotate(90deg)}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-portrait{animation-direction:reverse}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-user-select:text;user-select:text}.admin-panel{background:var(--color-surface);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;border-radius:20px;width:min(900px,100%);max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:24px;display:flex;flex-direction:column;gap:20px;text-align:left;font-size:.95rem}.admin-header{display:flex;justify-content:space-between;align-items:center}.admin-header h2,.admin-panel h3{margin:0 0 8px;font-weight:600}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-grid>div{background:var(--color-bg);border-radius:12px;padding:12px 14px;word-break:break-word}.admin-actions{display:flex;gap:12px;flex-wrap:wrap}.admin-input{font:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-muted);border-radius:10px;padding:8px 12px;min-width:180px}.admin-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.admin-list li{background:var(--color-bg);border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.admin-list.compact li{padding:6px 12px}.admin-row-actions{display:flex;gap:8px}