*{box-sizing:border-box}html,body{background-color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#camerafeed{width:100%;height:100%;position:absolute;top:0;left:0}#scanning-overlay{z-index:1000;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;transition:opacity .4s;display:flex;position:fixed;inset:0}#scanning-overlay.hidden{opacity:0}#scan-frame{aspect-ratio:1;width:min(70vw,280px);animation:2s ease-in-out infinite scan-pulse;position:relative;overflow:hidden}.scan-corner{filter:drop-shadow(0 0 6px #4de8e0cc);border:3px solid #4de8e0;width:32px;height:32px;position:absolute}.scan-corner.tl{border-bottom:none;border-right:none;border-top-left-radius:6px;top:0;left:0}.scan-corner.tr{border-bottom:none;border-left:none;border-top-right-radius:6px;top:0;right:0}.scan-corner.bl{border-top:none;border-right:none;border-bottom-left-radius:6px;bottom:0;left:0}.scan-corner.br{border-top:none;border-left:none;border-bottom-right-radius:6px;bottom:0;right:0}#scan-line{background:linear-gradient(90deg,#0000 0%,#4de8e0cc 50%,#0000 100%);height:2px;animation:2.4s ease-in-out infinite scan-sweep;position:absolute;left:5%;right:5%;box-shadow:0 0 12px #4de8e0e6}#scan-message{color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border-radius:25px;align-items:center;gap:10px;margin-top:28px;padding:12px 22px;font-size:16px;display:flex}#scan-message i{color:#4de8e0;font-size:18px}@keyframes scan-sweep{0%{opacity:0;top:0%}10%{opacity:1}50%{opacity:1;top:100%}60%{opacity:0}to{opacity:0;top:0%}}@keyframes scan-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}#button-container{z-index:1000;align-items:center;gap:20px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}#video-control{color:#333;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000004d}#video-control:hover{transform:scale(1.05)}#video-control:active{transform:scale(.95)}.fa-play{margin-left:4px}.social-links,#gphotos-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 3px 15px #0000004d}.social-links:hover,#gphotos-button:hover{transform:scale(1.1)}.button-logo{object-fit:contain;border-radius:50%;width:35px;height:35px}#seekbar-container{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:15px;width:90%;max-width:500px;padding:15px 20px;display:none;position:fixed;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}#seekbar-wrapper{align-items:center;gap:15px;display:flex}#current-time,#duration-time{color:#fff;text-align:center;min-width:40px;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:14px}#seekbar{cursor:pointer;background:#ffffff4d;border-radius:3px;flex:1;height:6px;position:relative}#seekbar-progress{background:linear-gradient(90deg,#ff6b6b,#feca57);border-radius:3px;width:0%;height:100%}#seekbar-handle{cursor:grab;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}#seekbar-handle:active{cursor:grabbing}#message-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;opacity:1;background:radial-gradient(#1c2f56eb 0%,#0a1224f5 100%);justify-content:center;align-items:center;font-family:Hiragino Mincho ProN,Yu Mincho,serif;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow:hidden}#message-overlay.hidden{opacity:0;pointer-events:none}#message-card{text-align:center;color:#fff8e7;z-index:2;padding:40px 28px;position:relative}.msg-line{opacity:0;letter-spacing:.08em;margin:14px 0;transform:translateY(20px)}#message-overlay:not(.hidden) .msg-line.msg-brand{animation:1.2s cubic-bezier(.2,.7,.2,1) .15s forwards msg-rise}#message-overlay:not(.hidden) .msg-line.msg-celebrate{animation:1.2s cubic-bezier(.2,.7,.2,1) .9s forwards msg-rise,4s ease-in-out 2.2s infinite msg-shimmer}#message-overlay:not(.hidden) .msg-line.msg-warm:nth-of-type(3){animation:1.2s cubic-bezier(.2,.7,.2,1) 2.3s forwards msg-rise}#message-overlay:not(.hidden) .msg-line.msg-warm:nth-of-type(4){animation:1.2s cubic-bezier(.2,.7,.2,1) 3.1s forwards msg-rise}#message-overlay:not(.hidden) .msg-line.msg-thanks{animation:1.2s cubic-bezier(.2,.7,.2,1) 3.9s forwards msg-rise}.msg-brand{color:#ffe8c4eb;letter-spacing:.1em;text-shadow:0 0 14px #ffc87859;white-space:nowrap;margin-bottom:8px;font-size:clamp(20px,5.4vw,34px);font-weight:600}.msg-celebrate{background:linear-gradient(120deg,#ffd87a 0%,#ffb347 35%,#ff8c69 65%,#ffd87a 100%) 0 0/200% 100%;color:#0000;text-shadow:0 0 28px #ffc87873;filter:drop-shadow(0 4px 18px #ffb45059);-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,9vw,56px);font-weight:700}.msg-num{background:linear-gradient(120deg,#ffd87a 0%,#ffb347 35%,#ff8c69 65%,#ffd87a 100%) 0 0/200% 100%;color:#0000;filter:drop-shadow(0 4px 18px #ffb45066);-webkit-background-clip:text;background-clip:text;margin:0 .05em;font-size:1.35em;animation:.8s cubic-bezier(.34,1.56,.64,1) 1.4s both msg-num-pop;display:inline-block}.msg-warm{color:#f6f0e0;font-size:clamp(20px,5.5vw,30px);font-weight:500;line-height:1.7}.msg-thanks{color:#ffe9d9;margin-top:24px;font-size:clamp(28px,7.5vw,44px);font-weight:600}.msg-heart{color:#ff7aa6;filter:drop-shadow(0 0 12px #ff7aa6b3);margin-left:.1em;animation:1.4s ease-in-out 4.9s infinite msg-heart-beat;display:inline-block}.msg-tap{color:#fff8e78c;letter-spacing:.15em;opacity:0;margin-top:36px;font-family:Hiragino Kaku Gothic ProN,sans-serif;font-size:13px}#message-overlay:not(.hidden) .msg-tap{animation:.8s 5.5s forwards msg-fade-in}.msg-spark{opacity:0;background:#ffd87a;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 14px 3px #ffd87ad9}.msg-spark.s1{animation:3.5s ease-in-out .8s infinite msg-spark;top:18%;left:12%}.msg-spark.s2{animation:3.5s ease-in-out 1.4s infinite msg-spark;top:25%;right:14%}.msg-spark.s3{animation:3.5s ease-in-out 2s infinite msg-spark;bottom:22%;left:18%}.msg-spark.s4{animation:3.5s ease-in-out 2.6s infinite msg-spark;bottom:30%;right:20%}.msg-spark.s5{width:4px;height:4px;animation:3.5s ease-in-out 1s infinite msg-spark;top:50%;left:6%}.msg-spark.s6{width:4px;height:4px;animation:3.5s ease-in-out 2.2s infinite msg-spark;top:45%;right:8%}@keyframes msg-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-fade-in{to{opacity:1}}@keyframes msg-num-pop{0%{opacity:0;transform:scale(.5)rotate(-12deg)}60%{opacity:1;transform:scale(1.25)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes msg-shimmer{0%,to{background-position:0%}50%{background-position:100%}}@keyframes msg-heart-beat{0%,to{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(1)}60%{transform:scale(1.18)}80%{transform:scale(1)}}@keyframes msg-spark{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.4)}}@media (width<=768px){#scan-message{padding:10px 18px;font-size:14px}.scan-corner{border-width:2.5px;width:26px;height:26px}#video-control{width:70px;height:70px;font-size:28px}.social-links,#gphotos-button{width:50px;height:50px;font-size:20px}.button-logo{width:30px;height:30px}#button-container{gap:15px;bottom:30px}#seekbar-container{width:80%;padding:12px 20px;bottom:120px}#seekbar-wrapper{gap:10px}#current-time,#duration-time{min-width:35px;font-size:12px}}@media (width<=480px){#seekbar-container{width:75%;padding:10px 15px}#seekbar-wrapper{gap:8px}#current-time,#duration-time{min-width:30px;font-size:11px}}