@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Cormorant+Garamond:wght@600&display=swap";:root{--bg-top: #fff6f2;--bg-bottom: #ffe4d9;--accent-primary: #ff7a7a;--accent-secondary: #ffb38a;--text-main: #2b2b2b;--text-muted: #6e6e6e;--card: #ffffff;--shadow: 0 14px 30px rgba(255, 122, 122, .16)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,sans-serif;color:var(--text-main);background:linear-gradient(165deg,var(--bg-top),var(--bg-bottom))}.app-bg{min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-right:10px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding-left:10px;position:relative;overflow:hidden}.app-bg:before,.app-bg:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px)}.app-bg:before{width:320px;height:320px;right:-120px;top:-80px;background:radial-gradient(circle at center,#ffb38a61,#fff0)}.app-bg:after{width:260px;height:260px;left:-100px;bottom:-90px;background:radial-gradient(circle at center,#ff7a7a3d,#fff0)}.container{width:100%;max-width:none;margin:0 auto;position:relative;z-index:2}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.hero-title{font-size:clamp(34px,8vw,44px);font-family:Cormorant Garamond,serif;font-weight:600;text-align:center}.hero-subtitle{color:var(--text-muted)}.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px;animation:fade-in .22s ease-out}.card h2{margin:0 0 12px;font-size:28px;line-height:1.15}.card h3{margin-top:0}.card p{margin:0 0 12px;color:var(--text-muted);line-height:1.5}.question-text{color:var(--text-main)!important;font-size:20px;font-weight:600}.intro-list{margin:10px 0 18px}.intro-list p{margin:6px 0}.button-row{display:flex;gap:10px;flex-wrap:wrap}.button-row.single{margin-top:14px}.button-row.stack-mobile{flex-direction:column}.btn{border:0;border-radius:14px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:disabled{opacity:.65;cursor:not-allowed}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 10px 18px #ff7a7a57}.btn-secondary{background:#fff3eb;color:#8b4d3f;border:1px solid #ffd7c6}.progress-wrap{margin-top:20px;margin-bottom:8px}.progress-head{font-size:14px;color:#875b51;margin-bottom:7px;font-weight:700;text-align:center}.progress-track{width:100%;height:10px;border-radius:999px;background:#ff7a7a2e;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width .26s ease}.stacked-form{display:flex;flex-direction:column;gap:12px}.option-grid{display:grid;gap:8px}.option-btn{border:1px solid #ffc6ad;border-radius:12px;background:#fff8f3;padding:11px;text-align:left;font-weight:600;color:#7d4b40}.option-btn.selected{background:#ffe5d9;border-color:var(--accent-primary)}.text-input{border:1px solid #ffd5c5;border-radius:12px;padding:12px;font-size:16px;color:var(--text-main);background:#fffaf7}.text-input:focus,.code-brick-input:focus,.pin-cell:focus{outline:2px solid rgba(255,122,122,.36);border-color:var(--accent-primary)}.light-note{margin-top:4px;color:#8b6e67!important}.hint-main{font-size:22px;color:#7d4b40!important;font-weight:700}.hint-extra{margin:6px 0;color:#6e6e6e!important}.loader{width:34px;height:34px;border-radius:50%;border:3px solid #ffc7b1;border-top-color:var(--accent-primary);animation:spin .9s linear infinite}.pin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px}.pin-cell{width:100%;border-radius:12px;border:1px solid #ffd5c5;padding:14px 6px;text-align:center;font-size:24px;font-weight:700;background:#fffaf7}.photo-preview{width:100%;border-radius:16px;margin:14px 0;border:1px solid #ffddd0;max-height:420px;object-fit:cover}.camera-view{width:100%;border-radius:16px;overflow:hidden;border:1px solid #ffddd0;background:#1f1f1f;margin:12px 0}.camera-video{display:block;width:100%;max-height:420px;object-fit:cover}.camera-overlay{position:fixed;inset:0;z-index:80;background:#000}.camera-video-full{width:100%;height:100%;object-fit:cover;display:block}.camera-overlay-top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);right:10px}.camera-overlay-controls{position:absolute;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;flex-direction:column;gap:8px}.camera-hint{margin:0;color:#fff;text-align:center;text-shadow:0 1px 6px rgba(0,0,0,.5);font-weight:700}.final-codes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.code-brick{border-radius:14px;padding:10px;background:#fff8f3;border:1px solid #ffd9c7}.code-brick span{display:block;font-size:12px;font-weight:700;color:#8f6c62;margin-bottom:5px}.code-brick-input{width:100%;border:1px solid #ffd8c8;background:#fff;border-radius:10px;padding:10px;font-size:22px;font-weight:800;letter-spacing:.18em;text-align:center}.success-badge{position:fixed;left:50%;transform:translate(-50%);top:22px;z-index:50;background:#261e1ceb;color:#fff;padding:10px 14px;border-radius:14px;font-weight:700;animation:pop-in .22s ease}.error-banner{background:#fff0ef;border:1px solid #ffc0bc;color:#8f3f39;border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.error-banner button{border:none;background:transparent;font-size:24px;line-height:1;color:#8f3f39;cursor:pointer}.sheet-overlay{position:fixed;inset:0;background:#1e151357;display:flex;align-items:flex-end;z-index:40;animation:fade-in .18s ease}.sheet{width:100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:18px;box-shadow:0 -8px 30px #0000001f}.emotion-screen{min-height:100dvh;margin-top:calc((env(safe-area-inset-top,0px) + 10px)*-1);margin-right:-10px;margin-bottom:calc((env(safe-area-inset-bottom,0px) + 12px)*-1);margin-left:-10px;background:radial-gradient(circle at 15% 20%,rgba(255,179,138,.22),transparent 48%),radial-gradient(circle at 85% 80%,rgba(255,122,122,.2),transparent 42%),#1c1a1a;color:#f7ece7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;animation:fade-in .26s ease}.emotion-screen p{margin:0;font-size:clamp(24px,6vw,40px);font-family:Cormorant Garamond,serif;line-height:1.2}.completed-card-wrap{margin-top:60px}.fade-enter{animation:fade-in .22s ease}@media(max-width:520px){.card{padding:14px}.card h2{font-size:23px}.final-codes-grid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}