, .HOLDER_CLASS_REPLACED {margin:0;padding:0;width:100%;height:100%;touch-action:manipulation;background:#f0e9e1}.rubii-container {--bg-cream:#F7F2EC;--pink-light:#F3E1E1;--brown-light:#DDC3B5;--pink-dark:#EBC7C4;--text-dark:#5A4A42;--red-alert:#d32f2f;font-family:'Prompt',sans-serif;color:var(--text-dark);display:flex;justify-content:center;align-items:center;width:100%;height:100vh;height:100dvh;overflow:hidden}.sys-btn {display:none}.app-frame {width:100%;height:100%;max-width:430px;background:var(--bg-cream);position:relative;overflow:hidden;box-shadow:0 10px 35px rgba(0,0,0,.15)}@media(min-width:450px) and (min-height:700px) {.app-frame{height:90vh;max-height:880px;border:8px solid var(--brown-light);border-radius:40px}}.falling-petals {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.petal {position:absolute;font-size:20px;opacity:.6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));animation:fall 10s linear infinite;top:-30px}.p1 {left:10%;animation-delay:0s;animation-duration:12s}.p2 {left:30%;animation-delay:2s;animation-duration:9s;font-size:15px}.p3 {left:50%;animation-delay:4s;animation-duration:14s}.p4 {left:70%;animation-delay:1s;animation-duration:11s;font-size:25px}.p5 {left:90%;animation-delay:3s;animation-duration:10s}@keyframes fall {0%{transform:translateY(-30px) rotate(0deg) translateX(0);opacity:0}10% {opacity:.6}50% {transform:translateY(375px) rotate(180deg) translateX(20px)}90% {opacity:.6}100% {transform:translateY(780px) rotate(360deg) translateX(-20px);opacity:0}}.scene-spec {position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-cream);z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden}.skip-btn {position:absolute;top:25px;right:20px;background:#fff;color:var(--pink-dark);padding:8px 15px;border-radius:20px;font-size:13px;font-weight:bold;cursor:pointer;border:2px solid var(--pink-dark);z-index:60;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:.2s}.skip-btn:hover {transform:scale(1.05)}.spec-bg-decor {position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:var(--pink-light);border-radius:50%;opacity:.5;box-shadow:250px 500px 0 100px var(--pink-dark)}.spec-card {background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border:3px solid var(--pink-dark);border-radius:25px;padding:40px 20px;width:85%;box-shadow:0 15px 30px rgba(235,199,196,.4);text-align:center;position:relative;z-index:2}.spec-icon {font-size:45px;margin-bottom:10px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 5px 5px rgba(0,0,0,.1))}.spec-title {color:var(--pink-dark);font-weight:bold;margin-bottom:8px;font-size:22px}.spec-subtitle {font-size:13px;color:var(--brown-light);margin-bottom:25px;font-weight:600;line-height:1.5}.spec-options {display:flex;flex-direction:column;gap:12px}.spec-btn {display:flex;align-items:center;background:#fff;color:var(--text-dark);padding:15px;border-radius:15px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);border:2px dashed var(--pink-dark);text-align:left;box-shadow:0 4px 10px rgba(235,199,196,.2)}.btn-num {background:var(--pink-light);color:var(--pink-dark);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:12px;font-weight:bold;font-size:12px}.spec-btn:hover {transform:translateY(-5px) scale(1.02);border-style:solid;background:var(--pink-light);box-shadow:0 8px 15px rgba(235,199,196,.5)}.spec-error {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(90,74,66,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;z-index:60}.spec-err-box {background:#fff;width:80%;border-radius:25px;padding:35px 20px;text-align:center;border:4px solid var(--pink-dark);box-shadow:0 15px 30px rgba(0,0,0,.2);transform:scale(0.5);opacity:0;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275)}.spec-err-msg {font-size:14px;font-weight:bold;color:var(--text-dark);margin-bottom:25px;line-height:1.5}#spec1:checked~.app-frame .spec-error, #spec2:checked~.app-frame .spec-error {opacity:1;visibility:visible;pointer-events:auto}#spec1:checked~.app-frame .spec-error .spec-err-box, #spec2:checked~.app-frame .spec-error .spec-err-box {transform:scale(1);opacity:1}.spec-err-icon {animation:shakeX 1s infinite;font-size:40px;margin-bottom:10px}@keyframes shakeX {0%,100%{transform:translateX(0)}25% {transform:translateX(-5px)}75% {transform:translateX(5px)}}.spec-success {position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--bg-cream) 0%,var(--pink-light) 100%);z-index:100;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;visibility:hidden;transition:all .3s}.heartbeat-container {display:flex;flex-direction:column;align-items:center}.fancy-heart-wrap {position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center;transform:scale(0);opacity:0;margin-bottom:5px}.fancy-heart-wrap::before {content:'';position:absolute;width:45px;height:45px;background:#ff6b81;border-radius:50%;filter:blur(15px);box-shadow:0 0 35px 20px #ff9ff3;z-index:0}.heartbeat-icon {font-size:80px;position:absolute;filter:drop-shadow(0 5px 15px rgba(235,199,196,.8));z-index:1}.fancy-sparkle {position:absolute;font-size:24px;opacity:0;z-index:2;animation:fancyBlink 1.5s infinite;filter:drop-shadow(0 0 5px white)}.fsp-1 {top:-10px;left:-10px;animation-delay:.1s;font-size:30px}.fsp-2 {bottom:10px;right:-20px;animation-delay:.3s}.fsp-3 {top:20px;right:-15px;animation-delay:.6s;font-size:20px}@keyframes fancyBlink {0%,100%{opacity:0;transform:scale(0.5)}50% {opacity:1;transform:scale(1.2)}}.heartbeat-graph {font-size:35px;color:var(--pink-dark);font-weight:bold;letter-spacing:-2px;white-space:nowrap;overflow:hidden;width:0;margin:10px 0}.heartbeat-text {font-size:22px;font-weight:bold;color:var(--text-dark);opacity:0}@keyframes beatPop {0%{transform:scale(0);opacity:0}100% {transform:scale(1);opacity:1}}@keyframes pumpHeart {0%,100%{transform:scale(1);opacity:1}20% {transform:scale(1.15);opacity:1}40% {transform:scale(1);opacity:1}60% {transform:scale(1.15);opacity:1}}#spec3:checked~.app-frame .spec-success {opacity:1;visibility:visible;pointer-events:auto}#spec3:checked~.app-frame .fancy-heart-wrap {animation:beatPop .5s cubic-bezier(0.175,0.885,0.32,1.275) forwards,pumpHeart .8s .5s infinite}#spec3:checked~.app-frame .heartbeat-graph {animation:wipeGraph 1s .4s ease-out forwards}#spec3:checked~.app-frame .heartbeat-text {animation:fadeInText .4s .8s forwards}@keyframes wipeGraph {0%{width:0;opacity:0}10% {opacity:1}100% {width:100%;opacity:1}}@keyframes fadeInText {to{opacity:1}}#spec3:checked~.app-frame .scene-spec {animation:hideSpec .4s 1.8s forwards;pointer-events:none}@keyframes hideSpec {to{opacity:0;visibility:hidden;z-index:-1}}.scene-shrine, .scene-crash, .scene-phone, .scene-ambulance, .scene-match, .scene-case, .scene-thot-phone {position:absolute;top:0;left:0;width:100%;height:100%}.scene-shrine {background:radial-gradient(circle,var(--pink-light) 0%,var(--bg-cream) 100%);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;z-index:10}.sparkles {position:absolute;width:100%;height:100%;pointer-events:none}.sp {position:absolute;font-size:24px;animation:twinkle 2s infinite ease-in-out;opacity:.5}.s1 {top:10%;left:20%;animation-delay:0s}.s2 {top:20%;right:15%;font-size:30px;animation-delay:.5s}.s3 {bottom:30%;left:10%;font-size:20px;animation-delay:1s}.s4 {bottom:15%;right:25%;font-size:35px;animation-delay:1.5s}@keyframes twinkle {0%,100%{transform:scale(0.8);opacity:.2}50% {transform:scale(1.2);opacity:.8}}.shrine-card {background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:2px solid var(--pink-dark);border-radius:20px;padding:35px 20px;text-align:center;width:85%;box-shadow:0 10px 20px rgba(235,199,196,.3);position:relative;z-index:2}.lakshmi-icon {font-size:55px;animation:float 3s ease-in-out infinite;margin-bottom:10px;filter:drop-shadow(0 5px 10px rgba(235,199,196,.8))}@keyframes float {0%,100%{transform:translateY(0)}50% {transform:translateY(-10px)}}.shrine-title {color:var(--pink-dark);font-weight:bold;margin-bottom:8px;font-size:24px}.shrine-desc {font-size:13px;color:var(--brown-light);margin-bottom:30px;line-height:1.6;font-weight:600}.btn-primary {display:inline-block;background:var(--pink-dark);color:white;padding:14px 28px;border-radius:30px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(235,199,196,.6);text-align:center}.btn-primary:hover {transform:scale(1.05)}.emoji-burst-container {position:absolute;top:50%;left:50%;width:0;height:0;z-index:15}.burst {position:absolute;font-size:30px;opacity:0;transform:translate(-50%,-50%)}#cb-offer:checked~.app-frame .scene-shrine {opacity:0;pointer-events:none}#cb-offer:checked~.app-frame .emoji-burst-container .burst {animation:boom 1s forwards cubic-bezier(0.1,0.8,0.2,1)}#cb-offer:checked~.app-frame .emoji-burst-container .e1 {--x:-100px;--y:-120px}#cb-offer:checked~.app-frame .emoji-burst-container .e2 {--x:120px;--y:-100px}#cb-offer:checked~.app-frame .emoji-burst-container .e3 {--x:-120px;--y:80px}#cb-offer:checked~.app-frame .emoji-burst-container .e4 {--x:100px;--y:120px}#cb-offer:checked~.app-frame .emoji-burst-container .e5 {--x:0px;--y:-150px}#cb-offer:checked~.app-frame .emoji-burst-container .e6 {--x:0px;--y:150px}#cb-offer:checked~.app-frame .emoji-burst-container .e7 {--x:-150px;--y:0px}#cb-offer:checked~.app-frame .emoji-burst-container .e8 {--x:150px;--y:0px}@keyframes boom {0%{transform:translate(-50%,-50%) scale(0.5);opacity:1}100% {transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.5);opacity:0}}.scene-crash {background:var(--bg-cream);opacity:0;visibility:hidden;z-index:5;display:flex;align-items:center;justify-content:center}.street-bg {position:absolute;bottom:200px;width:100%;height:8px;background:repeating-linear-gradient(90deg,#ccc 0,#ccc 20px,transparent 20px,transparent 40px)}.actor-user {position:absolute;bottom:200px;left:-50px;font-size:55px;z-index:10}.actor-bike {position:absolute;bottom:200px;left:-100px;font-size:65px;transform:scaleX(-1);z-index:5}.crash-flash {position:absolute;top:50%;left:50%;font-size:100px;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:15}.scream-text {position:absolute;bottom:300px;left:50%;transform:translateX(-50%) scale(0);background:var(--red-alert);color:white;padding:8px 20px;border-radius:15px;font-weight:bold;font-size:18px;box-shadow:0 5px 15px rgba(211,47,47,.4);z-index:15}#cb-offer:checked~.app-frame .scene-crash {animation:showCrash 4s forwards}@keyframes showCrash {0%,20%{opacity:0;visibility:visible}25% {opacity:1;visibility:visible}100% {opacity:1;visibility:visible}}#cb-offer:checked~.app-frame .scene-crash .actor-user {animation:userWalk 4s forwards}#cb-offer:checked~.app-frame .scene-crash .actor-bike {animation:bikeRush 4s forwards}#cb-offer:checked~.app-frame .scene-crash .crash-flash {animation:flashBoom .6s 2s forwards}#cb-offer:checked~.app-frame .scene-crash .scream-text {animation:textPop 1.5s 2s forwards}@keyframes userWalk {0%{left:-50px;bottom:200px;transform:rotate(0deg);opacity:1}40% {left:45%;bottom:200px;transform:rotate(0deg);opacity:1}50% {left:45%;bottom:200px;transform:rotate(0deg);opacity:1}55% {left:60%;bottom:400px;transform:rotate(360deg) scale(1.2);opacity:1}70% {left:80%;bottom:600px;transform:rotate(720deg) scale(0);opacity:0}100% {left:80%;bottom:600px;transform:rotate(720deg) scale(0);opacity:0}}@keyframes bikeRush {0%,30%{left:-150px}50% {left:45%}100% {left:200%}}@keyframes flashBoom {0%{transform:translate(-50%,-50%) scale(0);opacity:1}50% {transform:translate(-50%,-50%) scale(2);opacity:1}100% {transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes textPop {0%{transform:translateX(-50%) scale(0)}20% {transform:translateX(-50%) scale(1.2)}100% {transform:translateX(-50%) scale(1);opacity:0}}.scene-phone {z-index:20;visibility:hidden;display:flex;align-items:flex-end;justify-content:center;background:rgba(90,74,66,.8)}.phone-ui {width:100%;height:90%;background:var(--pink-light);border-radius:30px 30px 0 0;padding:35px 25px;box-shadow:0 -10px 20px rgba(0,0,0,.2);transform:translateY(100%);display:flex;flex-direction:column;align-items:center}#cb-offer:checked~.app-frame .scene-phone {animation:showPhone .5s 4s forwards}@keyframes showPhone {0%{visibility:visible}100% {visibility:visible}}#cb-offer:checked~.app-frame .scene-phone .phone-ui {animation:slideUp .6s 4s cubic-bezier(0.1,0.8,0.2,1) forwards}@keyframes slideUp {0%{transform:translateY(100%)}100% {transform:translateY(0)}}.phone-header {font-size:22px;font-weight:bold;color:var(--text-dark);margin-bottom:10px}.phone-hint {background:white;padding:8px 15px;border-radius:15px;font-size:13px;color:var(--pink-dark);margin-bottom:25px;box-shadow:0 2px 5px rgba(0,0,0,.05);font-weight:600;text-align:center}.dial-screen {width:90%;background:white;height:65px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:bold;letter-spacing:5px;color:var(--text-dark);margin-bottom:35px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05)}.ds {display:none}#reset-dial:checked~.app-frame .ds-0 {display:block}#dial-1:checked~.app-frame .ds-1 {display:block}#dial-16:checked~.app-frame .ds-16 {display:block}#dial-166:checked~.app-frame .ds-166 {display:block}#dial-1669:checked~.app-frame .ds-1669 {display:block}.keypad {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:85%;margin-bottom:35px}.key-wrap {position:relative;width:100%;aspect-ratio:1/1}.key {position:absolute;top:0;left:0;width:100%;height:100%;background:white;color:var(--text-dark);font-size:24px;font-weight:bold;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 10px rgba(221,195,181,.4);cursor:pointer;transition:transform .1s}.key:active {transform:scale(0.9)}.correct-key {display:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;cursor:pointer;z-index:10}#reset-dial:checked~.app-frame .k1 {display:block}#dial-1:checked~.app-frame .k6a {display:block}#dial-16:checked~.app-frame .k6b {display:block}#dial-166:checked~.app-frame .k9 {display:block}.clear-key {color:var(--red-alert);font-size:18px}.call-btn-wrap {position:relative;width:100%;display:flex;justify-content:center}.btn-call {background:#4cd137;color:white;padding:18px 50px;border-radius:35px;font-size:18px;font-weight:bold;cursor:pointer;box-shadow:0 5px 15px rgba(76,209,55,.4);transition:transform .2s}.btn-call:hover {transform:scale(1.05)}.real-call {display:none}.fake-call {display:block;position:absolute}#dial-1669:checked~.app-frame .fake-call {display:none}#dial-1669:checked~.app-frame .real-call {display:block;position:relative}.error-popup {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}#wrong-dial:checked~.app-frame .error-popup {opacity:1;pointer-events:auto}.err-box {background:white;width:80%;border-radius:20px;padding:30px 20px;text-align:center;border:4px solid var(--pink-dark);transform:scale(0.8);transition:transform .3s}#wrong-dial:checked~.app-frame .err-box {transform:scale(1)}.err-icon {font-size:40px;margin-bottom:10px;animation:float 2s infinite ease-in-out}.err-title {color:var(--pink-dark);margin-bottom:15px;font-size:18px;font-weight:700}.err-msg {font-size:15px;font-weight:bold;color:#5A4A42 !important;margin-bottom:25px;line-height:1.6;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}.scene-ambulance {background:var(--bg-cream);z-index:30;visibility:hidden;opacity:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden}#cb-call:checked~.app-frame .scene-ambulance {animation:showAmbulance .5s forwards}@keyframes showAmbulance {0%{visibility:visible;opacity:0}100% {visibility:visible;opacity:1}}.amb-wrap {position:relative;height:300px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.moving-road {position:absolute;bottom:50px;left:0;width:200%;height:6px;background:repeating-linear-gradient(90deg,#999 0,#999 40px,transparent 40px,transparent 80px);animation:roadScroll .5s linear infinite}@keyframes roadScroll {0%{transform:translateX(0)}100% {transform:translateX(-80px)}}.amb-emoji {font-size:90px;animation:ambDriveFloat .3s infinite alternate;position:relative;z-index:5;filter:drop-shadow(0 10px 5px rgba(0,0,0,.1))}@keyframes ambDriveFloat {0%{transform:translateY(0) rotate(-1deg)}100% {transform:translateY(-5px) rotate(1deg)}}.angry-text {position:absolute;font-size:16px;font-weight:800;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;white-space:nowrap;pointer-events:none;z-index:10}.at1 {top:20%;left:10%}.at2 {top:30%;right:5%}.at3 {top:40%;left:15%}.at4 {top:25%;right:10%}#cb-call:checked~.app-frame .at1 {animation:madFloat 2.5s .2s infinite}#cb-call:checked~.app-frame .at2 {animation:madFloat 2.5s 1.2s infinite}#cb-call:checked~.app-frame .at3 {animation:madFloat 2.5s 2.0s infinite}#cb-call:checked~.app-frame .at4 {animation:madFloat 2.5s 3.2s infinite}@keyframes madFloat {0%{opacity:0;transform:scale(0.5) translateY(20px)}20% {opacity:1;transform:scale(1.1) translateY(0) rotate(3deg)}40% {opacity:1;transform:scale(1) translateY(-10px) rotate(-2deg)}100% {opacity:0;transform:scale(0.8) translateY(-50px)}}.loading-zone {text-align:center;padding:0 30px;position:relative;z-index:10}.loading-text {color:var(--text-dark);font-size:14px;font-weight:bold;margin-bottom:15px}.loading-bar {width:100%;height:15px;background:var(--pink-light);border-radius:10px;overflow:hidden;margin-bottom:30px;box-shadow:inset 0 2px 5px rgba(0,0,0,.05)}.loading-fill {width:0%;height:100%;background:var(--pink-dark)}#cb-call:checked~.app-frame .loading-fill {animation:loadFill 6s linear forwards}@keyframes loadFill {0%{width:0%}100% {width:100%}}.btn-open-case {display:inline-block;background:var(--pink-dark);color:white;padding:14px 30px;border-radius:30px;font-weight:bold;font-size:16px;cursor:pointer;opacity:0;visibility:hidden;transition:transform .3s;box-shadow:0 5px 15px rgba(235,199,196,.6)}.btn-open-case:hover {transform:scale(1.05)}#cb-call:checked~.app-frame .btn-open-case {animation:showBtn .5s 6s forwards}@keyframes showBtn {0%{opacity:0;visibility:visible}100% {opacity:1;visibility:visible}}.scene-match {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fffdf5 0%,var(--pink-light) 100%);z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s;padding:20px;box-sizing:border-box}#cb-open:checked~.app-frame .scene-ambulance {opacity:0;visibility:hidden}#cb-open:checked~.app-frame .scene-match {opacity:1;visibility:visible}.match-ui {background:rgba(255,255,255,.9);border-radius:25px;padding:35px 20px;width:100%;box-shadow:0 15px 35px rgba(221,195,181,.6);text-align:center;border:4px solid var(--brown-light);position:relative;overflow:hidden;backdrop-filter:blur(5px)}.match-heading {color:var(--pink-dark);font-size:22px;font-weight:700;margin-bottom:5px;text-shadow:1px 1px 0px rgba(0,0,0,.05)}.match-sub {font-size:13px;color:var(--brown-light);font-weight:600;margin-bottom:25px}.match-box {background:rgba(255,255,255,.7);border-radius:20px;padding:25px 15px;margin-bottom:25px;border:2px dashed var(--pink-dark);position:relative;box-shadow:inset 0 0 15px rgba(243,225,225,.5)}.red-thread {position:absolute;top:42%;left:20%;width:60%;height:2px;background:linear-gradient(90deg,transparent,#ff4d4d,transparent);z-index:0;opacity:.8;box-shadow:0 0 8px #ff4d4d;border-radius:50%}.match-avatars {display:flex;justify-content:space-around;align-items:center;margin-bottom:20px;position:relative;z-index:2}.m-avatar {display:flex;flex-direction:column;align-items:center}.avatar-frame {width:75px;height:75px;border-radius:50%;background:linear-gradient(45deg,var(--pink-dark),var(--brown-light));padding:4px;box-shadow:0 5px 15px rgba(235,199,196,.8);margin-bottom:8px}.avatar-img {width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid white}.user-img {background-image:url('
https://i.postimg.cc/QMXbzj1W/6957ef15aa788e1adaa9b2097adc2115.jpg')}.toss-img {background-image:url('
https://i.postimg.cc/jjMGqJ3Z/1775415453017.png')}.avatar-name {font-size:12px;font-weight:bold;background:white;padding:4px 12px;border-radius:12px;color:var(--text-dark);box-shadow:0 3px 8px rgba(0,0,0,.1);border:1px solid var(--pink-light)}@keyframes heartbeat {
0%, 100% { transform: scale(1); }50% { transform: scale(1.1); }
}@keyframes heartbeatFast {
0%, 100% { transform: scale(1); }15% { transform: scale(1.3); }30% { transform: scale(1); }45% { transform: scale(1.3); }80% { transform: scale(1); }
}.m-heart {font-size:85px;animation:heartbeat 1.5s infinite;filter:drop-shadow(0 2px 5px rgba(235,199,196,.8));position:relative;z-index:2;margin-top:-20px}#cb-approve:checked~.app-frame .m-heart { animation: heartbeatFast 0.8s infinite; filter:drop-shadow(0 0 8px rgba(255,77,77,0.6)); }.match-status-wrap {background:white;display:inline-block;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:bold;box-shadow:0 2px 5px rgba(0,0,0,.05)}.status-pending {color:var(--text-dark)}.status-approved {display:none;color:#4cd137}#cb-approve:checked~.app-frame .status-pending {display:none}#cb-approve:checked~.app-frame .status-approved {display:inline;animation:popIn .5s ease-out}@keyframes popIn {0%{transform:scale(0)}100% {transform:scale(1)}}.match-action-zone {display:flex;flex-direction:column;gap:15px}.btn-read-case {background:var(--brown-light);color:white;padding:14px;border-radius:25px;font-weight:bold;font-size:14px;cursor:pointer;transition:.3s;box-shadow:0 4px 10px rgba(221,195,181,.5)}.btn-read-case:hover {transform:scale(1.02)}.btn-approve {display:inline-block;background:#8FB9A8;color:white;padding:15px;border-radius:30px;font-weight:bold;font-size:16px;cursor:pointer;transition:.3s;box-shadow:0 5px 15px rgba(143,185,168,.5);pointer-events:auto}.btn-approve:hover {transform:scale(1.05);background:#7ba694}.btn-view-phone {display:none;background:var(--text-dark);color:white;padding:15px;border-radius:30px;font-weight:bold;font-size:16px;cursor:pointer;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:.3s;margin-top:5px}.btn-view-phone:hover {transform:scale(1.05)}#cb-approve:checked~.app-frame .btn-approve {display:none}#cb-approve:checked~.app-frame .btn-view-phone {display:block;animation:pulsePhone 2s infinite}@keyframes pulsePhone {0%,100%{transform:scale(1)}50% {transform:scale(1.03)}}.match-magic-burst {position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;display:none;overflow:hidden;border-radius:20px}#cb-approve:checked~.app-frame .match-magic-burst {display:block}.magic-particle {position:absolute;opacity:0;font-size:24px;animation:floatUp 2s ease-out forwards;filter:drop-shadow(0 2px 5px rgba(0,0,0,.2))}.p-1 {left:15%;top:60%;animation-delay:.1s}.p-2 {left:75%;top:50%;animation-delay:.3s}.p-3 {left:50%;top:70%;animation-delay:.2s;font-size:35px}.p-4 {left:30%;top:40%;animation-delay:.4s}.p-5 {left:85%;top:65%;animation-delay:.15s;font-size:30px}.magic-stamp-text {position:absolute;top:35%;left:50%;transform:translate(-50%,-50%) scale(5);opacity:0;color:#d32f2f;font-weight:900;font-size:26px;text-shadow:2px 2px 0px white,-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white;border:4px solid #d32f2f;padding:5px 15px;border-radius:10px;transform-origin:center;animation:stampDown 0.8s cubic-bezier(0.1,0.8,0.2,1) forwards}@keyframes floatUp {0%{transform:translateY(0) scale(0.5);opacity:1}100% {transform:translateY(-120px) scale(1.5) rotate(20deg);opacity:0}}@keyframes stampDown {0%{transform:translate(-50%,-50%) scale(4);opacity:0}40% {transform:translate(-50%,-50%) scale(0.8);opacity:1}60% {transform:translate(-50%,-50%) scale(1.1);opacity:1}100% {transform:translate(-50%,-50%) scale(1) rotate(-10deg);opacity:0}}.scene-case {background:var(--bg-cream);z-index:70;visibility:hidden;opacity:0;display:flex;flex-direction:column;transition:all .4s;transform:scale(0.95);position:absolute;top:0;left:0;width:100%;height:100%}#cb-case-toggle:checked~.app-frame .scene-case {visibility:visible;opacity:1;transform:scale(1)}.case-header {background:var(--bg-cream);padding:45px 20px 20px;color:var(--text-dark);border-bottom:3px dashed var(--pink-dark);position:relative;text-align:center;flex-shrink:0}.stamp-secret {position:absolute;right:10px;top:25px;border:3px solid var(--pink-dark);color:var(--pink-dark);font-weight:800;padding:5px 10px;border-radius:8px;transform:rotate(15deg);font-size:12px;opacity:.6;letter-spacing:2px}.case-header h2 {margin:0;font-size:22px;letter-spacing:1px;font-weight:700;color:var(--pink-dark)}.case-header p {margin:8px 0 0;font-size:14px;font-weight:600;opacity:.9;color:var(--brown-light)}.case-tabs {display:flex;flex-wrap:nowrap;overflow-x:auto;padding:15px 15px 0;gap:10px;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.case-tabs::-webkit-scrollbar {display:none}.tab-btn {flex:0 0 auto;text-align:center;background:var(--pink-light);padding:10px 18px;border-radius:15px 15px 0 0;font-size:13px;font-weight:bold;cursor:pointer;border-bottom:4px solid var(--brown-light);transition:all .3s;color:var(--text-dark);white-space:nowrap}#tab1:checked~.app-frame .tab-btn[for="tab1"], #tab2:checked~.app-frame .tab-btn[for="tab2"], #tab3:checked~.app-frame .tab-btn[for="tab3"], #tab4:checked~.app-frame .tab-btn[for="tab4"] {background:var(--pink-dark);color:white;border-bottom-color:var(--text-dark);transform:translateY(-2px)}.case-content-area {flex:1;padding:0 15px 0px;overflow-y:auto;background:var(--bg-cream);position:relative}.case-content-area::-webkit-scrollbar {width:5px}.case-content-area::-webkit-scrollbar-thumb {background:var(--brown-light);border-radius:5px}.content-box {background:white;border-radius:0 20px 20px 20px;padding:25px 20px 130px;box-shadow:0 8px 25px rgba(221,195,181,.4);display:none;border:2px solid var(--pink-light);border-top:none;animation:fadeBox 0.4s ease forwards;min-height:100%;box-sizing:border-box}@keyframes fadeBox {0%{opacity:0;transform:translateY(10px)}100% {opacity:1;transform:translateY(0)}}#tab1:checked~.app-frame .c-tab1 {display:block}#tab2:checked~.app-frame .c-tab2 {display:block}#tab3:checked~.app-frame .c-tab3 {display:block}#tab4:checked~.app-frame .c-tab4 {display:block}.c-title {display:inline-block;background:var(--pink-light);color:var(--text-dark);padding:6px 15px;border-radius:20px;font-size:15px;font-weight:700;margin-bottom:15px}.content-box p {font-size:13px;line-height:1.6;margin-bottom:12px;color:var(--text-dark)}.highlight-quote {background:#fffdf5;padding:20px 15px 15px;border-radius:8px;font-weight:bold;color:var(--text-dark);text-align:center;margin-top:25px;border-left:5px solid var(--brown-light);box-shadow:2px 2px 8px rgba(0,0,0,.05);position:relative;font-style:italic}.highlight-quote::before {content:'📌';position:absolute;top:-12px;left:50%;transform:translateX(-50%);font-size:24px}.profile-card {display:flex;gap:15px;align-items:center;margin-bottom:20px;background:white;padding:15px;border-radius:20px;box-shadow:0 4px 15px rgba(221,195,181,.4);border:2px dashed var(--pink-dark)}.profile-info {flex:1}.p-name {font-size:18px;font-weight:bold;color:var(--text-dark);margin-bottom:5px}.p-tags {display:flex;gap:5px;flex-wrap:wrap}.tag {background:var(--pink-dark);color:white;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:bold}.c-list {list-style:none;padding:0;margin:0;color:var(--text-dark)}.c-list li {background:white;margin-bottom:10px;padding:12px 15px 12px 35px;border-radius:12px;border-left:4px solid var(--pink-dark);box-shadow:0 2px 5px rgba(221,195,181,.3);position:relative;font-size:13px;line-height:1.5}.c-list li::before {content:'✨';position:absolute;left:10px;top:12px;font-size:12px}.c-list strong {color:var(--pink-dark)}.close-case-wrap {position:absolute;bottom:0;left:0;width:100%;padding:15px;background:linear-gradient(to top,var(--bg-cream) 40%,transparent);display:flex;justify-content:center;align-items:flex-end;height:120px;z-index:10;pointer-events:none;box-sizing:border-box;padding-bottom:30px}.close-case-wrap label {pointer-events:auto;box-shadow:0 5px 15px rgba(235,199,196,.8);margin-bottom:15px;background:var(--text-dark)}.scene-thot-phone {position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-cream);z-index:60;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .4s;transform:scale(0.95)}#cb-phone:checked~.app-frame .scene-thot-phone {opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}#cb-phone:not(:checked)
.app-frame .scene-thot-phone {pointer-events:none}.thot-phone-ui {flex:1;display:flex;flex-direction:column;background:var(--bg-cream);position:relative}.thot-status-bar {display:flex;justify-content:space-between;padding:15px 20px 10px;color:var(--text-dark);font-size:12px;font-weight:bold;border-bottom:1px solid var(--pink-light);background:var(--bg-cream);z-index:2}.thot-home-screen {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 20px;flex:1;align-content:flex-start}.app-icon {display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}.app-icon:hover {transform:scale(1.05)}.app-icon .ico {width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 10px rgba(221,195,181,.5);position:relative;border:2px solid white}.app-icon span {color:var(--text-dark);font-size:12px;font-weight:600}.bg-c1 {background:var(--pink-dark)}.bg-c2 {background:#8FB9A8}.bg-c3 {background:var(--pink-light)}.bg-c4 {background:var(--brown-light)}.bg-c6 {background:var(--text-dark)}.noti {position:absolute;top:-5px;right:-5px;background:var(--red-alert);color:white;font-size:11px;font-weight:bold;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--bg-cream)}.t-app-view {position:absolute;top:0;left:0;width:100%;height:100%;background:white;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(100%);transition:all .3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:5}#t-call:checked.app-frame .v-call, #t-line:checked~.app-frame .v-line, #t-note:checked~.app-frame .v-note, #t-bank:checked~.app-frame .v-bank, #t-music:checked~.app-frame .v-music {opacity:1;visibility:visible;transform:translateX(0)}.t-app-header {display:flex;align-items:center;justify-content:space-between;padding:25px 20px 15px;background:var(--bg-cream);border-bottom:2px solid var(--pink-light);font-weight:bold;font-size:16px;color:var(--text-dark)}.back-btn {color:var(--pink-dark);cursor:pointer;font-size:20px;padding-right:10px}.t-app-body {flex:1;overflow-y:auto;padding:15px;background:var(--bg-cream);padding-bottom:90px}.call-item {display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--pink-light)}.ci-name {font-size:15px;font-weight:600;color:var(--text-dark)}.ci-name span {font-size:12px;color:var(--brown-light);display:block;font-weight:normal}.ci-time {font-size:13px;color:var(--brown-light)}.missed .ci-name {color:var(--red-alert)}.line-chat-item {display:flex;gap:15px;padding:15px;border-bottom:1px solid var(--pink-light);cursor:pointer;background:white;align-items:center}.line-avatar {width:50px;height:50px;background:var(--brown-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px}.line-preview {flex:1;overflow:hidden}.lp-name {font-weight:700;font-size:15px;display:flex;justify-content:space-between;margin-bottom:5px}.lp-time {font-size:11px;color:#999;font-weight:normal}.lp-msg {font-size:13px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.v-line-chat, .v-line-chat-koy, .v-line-chat-chai {position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-cream);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(100%);transition:all .3s;z-index:60}#t-line-chat:checked~.app-frame .v-line-chat, #t-line-chat-koy:checked~.app-frame .v-line-chat-koy, #t-line-chat-chai:checked~.app-frame .v-line-chat-chai {opacity:1;visibility:visible;transform:translateX(0)}.line-room {background:#8FB9A8;display:flex;flex-direction:column;gap:12px;padding-bottom:90px}.chat-row {display:flex;width:100%}.chat-left {justify-content:flex-start}.chat-right {justify-content:flex-end}.bubble, .bubble-me {max-width:75%;padding:10px 15px;border-radius:18px;font-size:14px;line-height:1.4;box-shadow:0 2px 5px rgba(0,0,0,.1)}.bubble {background:white;color:var(--text-dark);border-top-left-radius:4px}.bubble-me {background:var(--pink-dark);color:white;border-top-right-radius:4px}.bubble strong {display:block;font-size:12px;color:#8FB9A8;margin-bottom:3px}.note-room {background:#fdfae3;border-left:30px solid var(--pink-light);padding:20px 15px;position:relative;min-height:100%}.note-room::before {content:'';position:absolute;top:0;left:28px;width:2px;height:100%;background:var(--pink-dark);opacity:.5}.note-room ul {padding-left:20px;font-size:15px;color:var(--text-dark);line-height:2.2;margin:0}.note-room li {border-bottom:1px solid rgba(0,0,0,.05)}.bank-card {background:linear-gradient(135deg,var(--brown-light),var(--pink-dark));color:white;padding:25px 20px;border-radius:15px;margin-bottom:20px;box-shadow:0 5px 15px rgba(221,195,181,.5);text-align:center}.bank-card p {font-size:13px;margin-bottom:5px;font-weight:600}.bank-card h2 {font-size:28px;margin:0}.tx-item {display:flex;justify-content:space-between;padding:15px;border-bottom:1px dashed var(--pink-light);background:white;border-radius:10px;margin-bottom:10px}.tx-name {font-size:14px;font-weight:600}.tx-name span {font-size:11px;color:#888;font-weight:normal;display:block}.tx-amt {font-weight:bold;font-size:15px}.music-room {background:var(--text-dark);color:var(--bg-cream);display:flex;flex-direction:column;align-items:center;justify-content:center}.vinyl-record {width:220px;height:220px;background:#222;border-radius:50%;border:8px solid #000;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 5px #333,inset 0 0 0 15px #111,inset 0 0 0 20px #222,inset 0 0 0 30px #111;animation:spinVinyl 3s linear infinite;margin-bottom:40px}.vinyl-label {width:70px;height:70px;background:linear-gradient(45deg,var(--pink-dark),var(--brown-light));border-radius:50%;display:flex;align-items:center;justify-content:center}.vinyl-hole {width:12px;height:12px;background:#111;border-radius:50%}@keyframes spinVinyl {100%{transform:rotate(360deg)}}.music-controls {display:flex;gap:30px;align-items:center;font-size:30px}.close-phone-wrap {position:absolute;bottom:0;left:0;width:100%;height:90px;display:flex;justify-content:center;align-items:center;background:linear-gradient(transparent,rgba(247,242,236,.95) 40%);z-index:100;pointer-events:none;padding-bottom:20px}#cb-phone:checked~.app-frame .close-phone-wrap {pointer-events:auto}.close-phone-wrap .btn-primary {cursor:pointer}
