:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#e8e8e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*,*:before,*:after{box-sizing:border-box}.page-layer{position:fixed;inset:0;z-index:3;background:#e8e8e8;display:flex;justify-content:center;align-items:flex-start;padding-top:6vh;overflow-y:auto}.page-layer.page-hidden{visibility:hidden}.page-layer.page-resetting{animation:page-fade-in 1.2s ease-out forwards}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.canvas-overlay{position:fixed;inset:0;z-index:2;pointer-events:none;display:none}.canvas-overlay.active{display:flex;justify-content:center;align-items:center}.canvas-overlay canvas{display:block}.trash-can-layer{position:fixed;inset:0;z-index:1;display:flex;justify-content:center;align-items:flex-end;padding-bottom:40px;background:#1a1a2e;opacity:0;transition:opacity .4s ease;pointer-events:none}.trash-can-layer.visible{opacity:1}.trash-can{position:relative;display:flex;flex-direction:column;align-items:center}.trash-lid{width:130px;height:14px;background:#6b7280;border-radius:6px 6px 0 0;position:relative;transform-origin:left bottom;transition:transform .6s ease-out}.trash-lid.lid-open{transform:rotate(-90deg)}.trash-lid:after{content:"";position:absolute;top:-10px;left:50%;translate:-50% 0;width:36px;height:10px;background:#6b7280;border-radius:6px 6px 0 0}.trash-body{width:114px;height:140px;background:#9ca3af;border-radius:0 0 10px 10px;display:flex;justify-content:center;align-items:center;gap:12px;padding:0 16px;position:relative;z-index:2}.trash-stripe{width:4px;height:70%;background:#6b7280;border-radius:2px}.feedback-paper{width:420px;background:#fff;border-radius:8px;padding:36px 32px;box-shadow:0 4px 24px #0000001f}.feedback-paper form{display:flex;flex-direction:column;gap:10px}.feedback-paper h2{margin:0 0 8px;font-size:1.4rem;color:#1a1a2e;text-align:center}.feedback-paper label{font-weight:600;font-size:.85rem;color:#333}.feedback-paper input,.feedback-paper select,.feedback-paper textarea{padding:10px 12px;border:1.5px solid #d0d0d0;border-radius:6px;font-size:.95rem;font-family:inherit;background:#fafafa;transition:border-color .2s}.feedback-paper input:focus,.feedback-paper select:focus,.feedback-paper textarea:focus{outline:none;border-color:#4f46e5}.feedback-paper textarea{resize:vertical}.feedback-paper button{margin-top:8px;padding:12px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.feedback-paper button:hover:not(:disabled){background:#4338ca}.feedback-paper button:disabled{opacity:.5;cursor:not-allowed}.fire-container{position:absolute;bottom:0;left:50%;translate:-50% 0;width:114px;height:400px;pointer-events:none;z-index:1;overflow:hidden}.flame{position:absolute;bottom:0;border-radius:50%/60% 60% 40% 40%;opacity:0;animation:flame-rise .7s ease-out infinite}.flame-1{left:50%;translate:-50% 0;width:54px;height:180px;background:radial-gradient(ellipse at bottom,#ff6600 0%,#ff3300 40%,transparent 70%);animation-delay:0s;animation-duration:.8s}.flame-2{left:30%;translate:-50% 0;width:44px;height:145px;background:radial-gradient(ellipse at bottom,#ffaa00 0%,#ff6600 50%,transparent 70%);animation-delay:.15s;animation-duration:.65s}.flame-3{left:70%;translate:-50% 0;width:42px;height:130px;background:radial-gradient(ellipse at bottom,#ff4400 0%,#cc2200 50%,transparent 70%);animation-delay:.3s;animation-duration:.75s}.flame-4{left:50%;translate:-50% 0;width:34px;height:155px;background:radial-gradient(ellipse at bottom,#ffcc00 0%,#ff8800 40%,transparent 70%);animation-delay:.1s;animation-duration:.55s}@keyframes flame-rise{0%{opacity:1;transform:scaleX(1) scaleY(.8) translateY(0)}50%{opacity:.9;transform:scaleX(1.05) scaleY(1) translateY(-40px)}to{opacity:0;transform:scaleX(.6) scaleY(1.3) translateY(-110px)}}.smoke{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(120,120,120,.5) 0%,transparent 70%);opacity:0;filter:blur(6px);animation:smoke-rise 2s ease-out infinite}.smoke-1{width:44px;height:44px;left:50%;bottom:100px;translate:-50% 0;animation-delay:.2s}.smoke-2{width:36px;height:36px;left:35%;bottom:90px;translate:-50% 0;animation-delay:.7s;animation-duration:2.2s}.smoke-3{width:40px;height:40px;left:65%;bottom:95px;translate:-50% 0;animation-delay:1.1s;animation-duration:2.5s}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.4}to{opacity:0;transform:translateY(-120px) scale(2)}}.ember{position:absolute;width:4px;height:4px;border-radius:50%;background:#fa0;opacity:0;animation:ember-float 1.2s ease-out infinite}.ember-1{left:40%;bottom:30px;animation-delay:.1s}.ember-2{left:55%;bottom:25px;animation-delay:.4s;animation-duration:1s}.ember-3{left:35%;bottom:35px;animation-delay:.7s;animation-duration:1.4s}.ember-4{left:65%;bottom:20px;animation-delay:.3s;animation-duration:.9s}.ember-5{left:48%;bottom:40px;animation-delay:.6s;animation-duration:1.1s}@keyframes ember-float{0%{opacity:1;transform:translateY(0) translate(0)}to{opacity:0;transform:translateY(-80px) translate(15px)}}