*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{color:#171717;background:#f7f7fb;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-decoration:none}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.navbar{z-index:20;width:100%;padding:20px 0;position:absolute;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;width:min(1200px,100% - 40px);margin:0 auto;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-size:21px;font-weight:800;display:flex}.logo-link{color:#fff}.login-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;padding:11px 22px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.login-button:hover{background:#ffffff38;transform:translateY(-1px)}.hero{background-image:url(/images/signupbg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:#00000059;position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(360px,.75fr);align-items:center;gap:70px;width:min(1200px,100% - 40px);margin:0 auto;padding:120px 0 90px;display:grid;position:relative}.hero-text{color:#fff}.badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;background:#ffffff1f;border:1px solid #fff3;border-radius:50px;margin-bottom:20px;padding:8px 14px;font-size:11px;font-weight:800;display:inline-flex}.hero-text h1{letter-spacing:-2px;max-width:700px;margin-bottom:24px;font-size:clamp(42px,5.5vw,70px);line-height:1.04}.hero-text h1 span{color:#ff75aa;display:inline}.hero-text p{color:#fffc;max-width:600px;margin-bottom:35px;font-size:17px;line-height:1.7}.features{flex-direction:column;gap:17px;display:flex}.feature{align-items:center;gap:15px;display:flex}.feature>span{background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.feature div{flex-direction:column;gap:3px;display:flex}.feature strong{color:#fff;font-size:14px}.feature small{color:#ffffff9e;font-size:12px}.signup-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff7;border-radius:24px;width:100%;padding:34px;box-shadow:0 25px 80px #0000004d}.signup-header{text-align:center;margin-bottom:25px}.signup-icon{background:#ffe7f0;border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 14px;font-size:28px;display:flex}.signup-header h2{margin-bottom:7px;font-size:27px}.signup-header p{color:#777;font-size:13px}.signup-form,.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:7px;display:flex}.input-group label{color:#333;font-size:13px;font-weight:700}.input-wrapper{background:#fff;border:1px solid #dedede;border-radius:11px;align-items:center;gap:10px;height:50px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.input-wrapper:focus-within{border-color:#ff4f91;box-shadow:0 0 0 3px #ff4f911a}.input-wrapper>span{flex-shrink:0;font-size:17px}.input-wrapper input{color:#222;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.create-button{color:#fff;background:linear-gradient(135deg,#ff3f87,#ff71a8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:3px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 12px 25px #ff3f8740}.create-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.signup-footer{color:#888;justify-content:center;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex}.footer{z-index:50;text-align:center;color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0e1691,#881f5a);width:100%;padding:14px 20px;font-size:11px;line-height:1.8;position:absolute;bottom:0;left:0}.footer p{margin:0}.footer a{color:#ffb3d1;font-weight:800;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.footer a:hover{color:#fff;text-decoration:underline}.auth-page{background-image:url(/images/signupbg.png);background-position:50%;background-size:cover;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-overlay{background:linear-gradient(135deg,#0f0819e0,#280a1e9e);position:absolute;inset:0}.auth-page .navbar{z-index:10;position:relative}.auth-content{z-index:5;flex:1;justify-content:center;align-items:center;padding:110px 20px 50px;display:flex;position:relative}.back-home-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.back-home-button:hover{background:#fff3}.login-card{background:#fffffff7;border-radius:24px;width:min(450px,100%);padding:35px;box-shadow:0 25px 80px #00000059}.login-header{text-align:center;margin-bottom:28px}.login-icon{background:#ffe7f0;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:28px;display:flex}.login-header h1{margin-bottom:7px;font-size:29px}.login-header p{color:#777;font-size:13px}.forgot-row{justify-content:flex-end;margin-top:-5px;display:flex}.forgot-button{color:#e62d72;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.forgot-button:hover{text-decoration:underline}.form-message{border-radius:9px;padding:11px 13px;font-size:12px;font-weight:600;line-height:1.4}.error-message{color:#d93025;background:#fff0f0;border:1px solid #ffd0d0}.success-message{color:#188038;background:#effcf3;border:1px solid #c7efd2}.login-bottom{color:#777;justify-content:center;align-items:center;gap:5px;margin-top:22px;font-size:12px;display:flex}.login-bottom a{color:#e62d72;font-weight:700}.login-bottom a:hover{text-decoration:underline}.dashboard-page{color:#171717;background:#f7f7fb;flex-direction:column;min-height:100vh;display:flex}.dashboard-navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #e7e7e7;position:sticky;top:0}.dashboard-navbar-container{justify-content:space-between;align-items:center;gap:20px;width:min(1200px,100% - 40px);margin:0 auto;padding:16px 0;display:flex}.dashboard-logo{color:#171717;align-items:center;gap:8px;font-size:21px;font-weight:800;display:flex}.dashboard-user{align-items:center;gap:12px;display:flex}.dashboard-avatar{color:#fff;background:linear-gradient(135deg,#ff3f87,#ff71a8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:flex}.dashboard-user-info{flex-direction:column;gap:2px;display:flex}.dashboard-user-info strong{font-size:13px}.dashboard-user-info small{color:#888;font-size:11px}.logout-button{color:#333;background:#f1f1f1;border:none;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s}.logout-button:hover{background:#e5e5e5}.dashboard-content{flex:1;width:min(1200px,100% - 40px);margin:0 auto;padding:50px 0 70px}.dashboard-welcome{margin-bottom:30px}.dashboard-badge{color:#e62d72;letter-spacing:.8px;background:#ffe7f0;border-radius:30px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-flex}.dashboard-welcome h1{letter-spacing:-1.5px;margin:14px 0 8px;font-size:clamp(30px,5vw,48px);line-height:1.1}.dashboard-welcome p{color:#777;font-size:15px}.prank-link-card{color:#fff;background:linear-gradient(135deg,#ff3f87,#ff78ad);border-radius:22px;align-items:center;gap:22px;margin-bottom:25px;padding:28px;display:flex;box-shadow:0 18px 45px #ff3f8733}.prank-link-icon{background:#ffffff2e;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:29px;display:flex}.prank-link-content{flex:1;min-width:0}.prank-link-content>span{letter-spacing:1px;opacity:.8;font-size:10px;font-weight:800}.prank-link-content h2{margin:5px 0 15px;font-size:21px}.link-box{gap:10px;display:flex}.link-box input{color:#333;background:#fff;border:none;border-radius:9px;outline:none;flex:1;min-width:0;height:45px;padding:0 14px;font-size:13px}.link-box button{color:#fff;background:#171717;border:none;border-radius:9px;flex-shrink:0;padding:0 18px;font-size:12px;font-weight:700;transition:all .2s}.link-box button:hover{transform:translateY(-1px)}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;align-items:center;gap:17px;padding:24px;display:flex;box-shadow:0 8px 25px #0000000a}.stat-icon{background:#f5f5f5;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.stat-card span{color:#888;letter-spacing:.7px;margin-bottom:4px;font-size:9px;font-weight:800;display:block}.stat-card strong{font-size:29px}.submissions-card{background:#fff;border:1px solid #e8e8e8;border-radius:22px;padding:30px;box-shadow:0 8px 25px #0000000a}.section-header>div>span{color:#e62d72;letter-spacing:.8px;font-size:10px;font-weight:800}.section-header h2{margin-top:6px;font-size:23px}.empty-submissions{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:14px;font-size:54px}.empty-submissions h3{margin-bottom:8px;font-size:19px}.empty-submissions p{color:#777;max-width:480px;margin:0 auto 22px;font-size:13px;line-height:1.6}.dashboard-share-button{color:#fff;background:#171717;border:none;border-radius:10px;padding:13px 21px;font-size:12px;font-weight:700;transition:all .2s}.dashboard-share-button:hover{opacity:.9;transform:translateY(-1px)}.dashboard-footer{text-align:center;color:#888;border-top:1px solid #e5e5e5;margin-top:auto;padding:25px;font-size:11px}@media (width<=900px){.hero-content{grid-template-columns:1fr;gap:45px;padding-top:120px;padding-bottom:100px}.hero-text{text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.features{text-align:left;width:fit-content;margin:0 auto}.signup-card{max-width:520px;margin:0 auto}.dashboard-stats{grid-template-columns:1fr}}@media (width<=600px){.navbar{padding:15px 0}.navbar-container{width:calc(100% - 28px)}.logo{font-size:17px}.login-button{padding:9px 14px;font-size:12px}.hero{align-items:flex-start;min-height:100vh}.hero-content{gap:35px;width:calc(100% - 28px);padding-top:100px;padding-bottom:100px}.hero-text h1{letter-spacing:-1px;font-size:40px}.hero-text p{font-size:14px;line-height:1.6}.features{gap:14px}.feature{gap:12px}.feature>span{width:40px;height:40px;font-size:18px}.feature strong{font-size:13px}.feature small{font-size:11px}.signup-card{border-radius:20px;padding:25px 20px}.signup-header h2{font-size:24px}.signup-header p{font-size:12px}.footer{padding:12px 15px;font-size:10px;line-height:1.7;position:absolute;bottom:0;left:0}.auth-content{padding:100px 14px 35px}.login-card{border-radius:20px;padding:27px 20px}.login-header h1{font-size:26px}.back-home-button{padding:9px 13px;font-size:11px}.dashboard-navbar-container{width:calc(100% - 24px);padding:13px 0}.dashboard-logo{font-size:17px}.dashboard-user-info{display:none}.logout-button{padding:9px 12px;font-size:11px}.dashboard-content{width:calc(100% - 24px);padding-top:30px;padding-bottom:50px}.dashboard-welcome h1{font-size:30px}.dashboard-welcome p{font-size:13px}.prank-link-card{border-radius:18px;flex-direction:column;align-items:flex-start;padding:22px}.prank-link-content h2{font-size:18px}.link-box{flex-direction:column}.link-box input{width:100%}.link-box button{height:44px}.stat-card,.submissions-card{padding:20px}.empty-submissions{padding:45px 10px}.dashboard-footer{padding:20px 15px}}.generated-link-box{background:#fff5f9;border:1px solid #ffd1e2;border-radius:12px;padding:15px}.generated-link-box>span{color:#e62d72;letter-spacing:.7px;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.generated-link-row{gap:8px;display:flex}.generated-link-row input{color:#333;background:#fff;border:1px solid #e3e3e3;border-radius:8px;outline:none;flex:1;min-width:0;height:42px;padding:0 10px;font-size:11px}.generated-link-row button{color:#fff;background:#171717;border:none;border-radius:8px;flex-shrink:0;padding:0 14px;font-size:11px;font-weight:700}.generated-link-row button:hover{opacity:.85}.generated-link-actions{gap:8px;margin-top:9px;display:flex}.generated-link-actions button{color:#fff;background:#ff3f87;border:none;border-radius:8px;flex:1;min-height:38px;font-size:11px;font-weight:700}.generated-link-actions button:hover{transform:translateY(-1px)}@media (width<=600px){.generated-link-row{flex-direction:column}.generated-link-row input{width:100%}.generated-link-row button{height:42px}.generated-link-actions{flex-direction:column}}.love-page{background-image:url(/images/lovecalculatorbg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:40px 20px 70px;display:flex;position:relative;overflow-x:hidden}.love-page-overlay{z-index:1;pointer-events:none;background:#0000000d;position:absolute;inset:0}.love-container{z-index:5;text-align:center;width:min(500px,100%);margin:auto;position:relative}.love-card{text-align:left;background:#fffffff5;border:1px solid #fffc;border-radius:20px;width:100%;padding:30px;animation:.5s loveCardAppear;overflow:hidden;box-shadow:0 15px 40px #00000026}@keyframes loveCardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.love-top-icon{background:#ffe5ee;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:30px;animation:1.3s infinite loveBeat;display:flex;box-shadow:0 5px 15px #ff4b7d26}@keyframes loveBeat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.love-badge{color:#e62d72;letter-spacing:.8px;background:#fff0f5;border-radius:30px;width:fit-content;margin:0 auto 10px;padding:6px 13px;font-size:25px;font-weight:800;display:block}.love-calculator-title{letter-spacing:0;background:#fff0f5;border-radius:40px;justify-content:center;align-items:center;width:100%;min-height:70px;margin:0 0 18px;padding:9px 52px;display:flex;position:relative;overflow:hidden}.love-calculator-title .title-text{color:#e62d72;text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:clamp(20px,5vw,28px);font-weight:800;line-height:1.1;display:flex}.love-calculator-title .title-heart{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:32px;height:32px;font-size:23px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.love-calculator-title .title-heart-left{left:12px}.love-calculator-title .title-heart-right{right:12px}.love-card h1{color:#111;letter-spacing:-1px;text-align:center;margin:5px 0 8px;font-size:clamp(32px,5vw,43px);font-weight:800;line-height:1.1}.love-card h1 span{color:#ff4b7d;display:inline}.love-description{color:#666;text-align:center;max-width:370px;margin:0 auto 25px;font-size:13px;line-height:1.6}.love-input-group{text-align:left;width:100%;margin-bottom:17px}.love-input-group label{color:#111;margin-bottom:7px;font-size:14px;font-weight:700;display:block}.love-input-wrapper{background:#fff;border:1px solid #d8d8d8;border-radius:10px;align-items:center;gap:10px;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.love-input-wrapper:focus-within{border-color:#ff4b7d;box-shadow:0 0 0 3px #ff4b7d1f}.love-input-wrapper span{flex-shrink:0;font-size:17px}.love-input-wrapper input{color:#222;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-size:14px}.love-middle-heart{text-align:center;color:#ff4b7d;justify-content:center;align-items:center;width:100%;height:24px;font-size:20px;line-height:1;animation:1.2s infinite loveBeat;display:flex}.love-calculate-button{color:#fff;background:#ff4b7d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:51px;margin-top:7px;padding:0 15px;font-size:14px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:flex;box-shadow:0 8px 20px #ff4b7d40}.love-calculate-button:disabled{opacity:.7}.love-security{color:#999;text-align:center;margin-top:15px;font-size:9px;line-height:1.5}.loading-card{text-align:center;padding:35px 20px}.big-loading-heart{margin-bottom:15px;font-size:60px;animation:.8s infinite loveBeat}.loading-card h2{color:#222;margin:15px 0 8px;font-size:27px;line-height:1.2}.loading-names{color:#777;font-size:13px;line-height:1.6}.loading-dots{justify-content:center;align-items:center;gap:7px;margin-top:20px;display:flex}.loading-dots span{background:#ff3c83;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite loadingDot}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.15)}}.love-progress{background:#eee;border-radius:20px;width:100%;height:10px;margin-top:25px;overflow:hidden}.love-progress-bar{background:linear-gradient(90deg,#ff3c83,#ff91ba);border-radius:20px;height:100%;transition:width .12s linear}.love-progress-number{color:#ff3c83;margin-top:12px;font-size:23px;font-weight:900}.calculation-status{color:#777;margin-top:10px;font-size:11px;line-height:1.5}.result-small-text{color:#e62d72;letter-spacing:1px;text-align:center;font-size:10px;font-weight:900}.result-heart{text-align:center;margin:10px 0;font-size:55px;animation:1s infinite loveBeat}.result-card h2{color:#222;text-align:center;margin:8px 0;font-size:28px}.result-names{color:#333;justify-content:center;align-items:center;gap:10px;margin:15px 0 22px;font-size:13px;font-weight:800;display:flex}.result-names strong{color:#ff4b7d;font-size:19px}.percentage-circle{background:radial-gradient(circle,#fff 58%,#0000 59%),conic-gradient(#ff3d83 0deg,#ff91ba 313deg,#eee 313deg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto;display:flex}.percentage-number{color:#222;font-size:38px;font-weight:900}.percentage-label{color:#888;letter-spacing:2px;font-size:9px;font-weight:900}.result-card h3{color:#222;text-align:center;margin:20px 0 7px;font-size:16px}.result-description{color:#777;text-align:center;margin:0 auto 20px;font-size:12px;line-height:1.6}.see-result-button{color:#fff;background:#ff4b7d;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-size:13px;font-weight:800;display:flex}.prank-reveal-card{text-align:center;padding:35px 20px}.prank-big-emoji{font-size:65px;animation:.7s prankPop}@keyframes prankPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.prank-reveal-badge{color:#e62d72;background:#fff0f5;border-radius:30px;margin-top:10px;padding:7px 14px;font-size:10px;font-weight:900;display:inline-block}.prank-reveal-card h1{color:#222;margin-top:17px;font-size:30px;line-height:1.2}.prank-reveal-card h1 span{color:#ff4b7d;display:block}.prank-main-message{color:#ff4b7d;margin:15px 0 5px;font-size:18px;font-weight:900;line-height:1.4}.prank-description{color:#777;font-size:12px;line-height:1.7}.prank-description strong{color:#ff2f75;font-weight:800}.prank-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px 0;display:flex}.prank-name{color:#333;word-break:break-word;background:#fff5f9;border:1px solid #ffd1e2;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800}.prank-heart{color:#ff4b7d;font-size:20px}.fooled-message{color:#555;text-align:center;background:#fff5f8;border:1px solid #ff2f751f;border-radius:12px;width:100%;margin-top:18px;padding:14px 16px;font-size:13px;font-weight:600;line-height:1.5}.try-again-button{color:#333;background:#f5f5f5;border:1px solid #ddd;border-radius:10px;width:100%;height:48px;margin-top:17px;font-size:12px;font-weight:800}.share-prank-text{color:#e62d72;margin:14px 0 0;font-size:10px;font-weight:800}.friend-turn-box{text-align:center;background:linear-gradient(135deg,#fff1f6,#fff8fb);border:1px solid #ff377826;border-radius:20px;width:100%;margin-top:28px;padding:28px 22px;box-shadow:0 12px 30px #ff2d6e14}.friend-turn-emoji{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:32px;display:flex;box-shadow:0 8px 20px #ff2d6e1f}.friend-turn-badge{color:#ff2f75;letter-spacing:1px;background:#ffe4ef;border-radius:50px;justify-content:center;align-items:center;margin-bottom:10px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-flex}.friend-turn-box h2{color:#111827;margin:4px 0 10px;font-size:22px;font-weight:800;line-height:1.3}.friend-turn-box p{color:#6b7280;max-width:420px;margin:0 auto 20px;font-size:14px;line-height:1.6}.create-own-prank-button{color:#fff;background:linear-gradient(135deg,#ff2f75,#ff4f91);border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:360px;min-height:54px;margin:0 auto;padding:0 20px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 24px #ff2f7540}.create-own-prank-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ff2f7552}.create-own-prank-button:active{transform:translateY(0)}.create-own-prank-button .button-arrow{font-size:20px;transition:transform .2s}.create-own-prank-button:hover .button-arrow{transform:translate(4px)}.love-page-footer{z-index:10;text-align:center;color:#fffc;flex-shrink:0;width:100%;margin-top:auto;padding:16px 20px 8px;font-size:12px;line-height:1.5;position:relative}.linkedin-footer-link{color:#fff;border-bottom:1px solid #ffffff73;align-items:center;margin-left:5px;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,transform .2s;display:inline-flex}.linkedin-footer-link:hover{color:#ffd1e1;border-bottom-color:#ffd1e1;transform:translateY(-1px)}.linkedin-footer-link:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #fff}@media (width<=600px){.love-page{background-position:50%;justify-content:flex-start;align-items:center;min-height:100dvh;padding:25px 15px 65px}.love-container{width:100%;max-width:430px;margin:auto}.love-card{border-radius:18px;width:100%;padding:25px 20px}.love-top-icon{width:55px;height:55px;font-size:28px}.love-calculator-title{border-radius:32px;width:100%;min-height:70px;margin-bottom:20px;padding:8px 42px}.love-calculator-title .title-text{white-space:normal;flex-direction:column;gap:0;font-size:20px;line-height:1.05}.love-calculator-title .title-heart{width:28px;height:28px;font-size:19px}.love-calculator-title .title-heart-left{left:9px}.love-calculator-title .title-heart-right{right:9px}.love-input-group{margin-bottom:15px}.love-input-group label{font-size:13px}.love-input-wrapper{gap:8px;height:48px;padding:0 12px}.love-input-wrapper input{font-size:14px}.love-middle-heart{height:23px;margin:2px 0;font-size:20px}.love-calculate-button{min-height:51px;margin-top:7px;font-size:14px}.love-security{font-size:9px}.loading-card{padding:30px 18px}.big-loading-heart{font-size:55px}.loading-card h2{font-size:24px}.loading-names{font-size:12px}.percentage-circle{width:145px;height:145px}.percentage-number{font-size:34px}.prank-reveal-card{padding:30px 18px}.prank-reveal-card h1{font-size:26px;line-height:1.2}.prank-main-message{font-size:16px}.prank-description{font-size:12px}.prank-names{flex-wrap:wrap}.friend-turn-box{margin-top:22px;padding:24px 16px}.friend-turn-box h2{font-size:20px}.friend-turn-box p{font-size:13px}.create-own-prank-button{min-height:52px;font-size:14px}.love-page-footer{width:100%;padding:16px 10px 2px;font-size:11px;position:relative}.linkedin-footer-link{margin-left:3px}}@media (width<=380px){.love-page{padding-left:10px;padding-right:10px}.love-card{border-radius:17px;padding:22px 16px}.love-top-icon{width:52px;height:52px;font-size:26px}.love-calculator-title{border-radius:30px;min-height:66px;padding-left:35px;padding-right:35px}.love-calculator-title .title-text{font-size:18px}.love-calculator-title .title-heart{width:25px;height:25px;font-size:17px}.love-calculator-title .title-heart-left{left:7px}.love-calculator-title .title-heart-right{right:7px}.love-input-wrapper{height:46px;padding:0 10px}.love-input-wrapper span{font-size:15px}.love-input-wrapper input{font-size:13px}.love-calculate-button{min-height:49px;font-size:13px}.love-security{font-size:8px}.love-page-footer{font-size:10px}}@media (width<=340px){.love-page{padding-left:7px;padding-right:7px}.love-card{padding:20px 13px}.love-calculator-title{min-height:63px;padding-left:31px;padding-right:31px}.love-calculator-title .title-text{font-size:17px}.love-calculator-title .title-heart{width:22px;height:22px;font-size:15px}.love-calculator-title .title-heart-left{left:5px}.love-calculator-title .title-heart-right{right:5px}.love-input-wrapper{height:44px}.love-input-wrapper input{font-size:12px}.love-calculate-button{min-height:47px;font-size:12px}.prank-reveal-card h1{font-size:23px}.friend-turn-box{padding:21px 13px}.friend-turn-box h2{font-size:18px}.friend-turn-box p{font-size:12px}.create-own-prank-button{min-height:49px;padding:0 12px;font-size:12px}}:root{--pink:#ff3f87;--pink-light:#ff75aa;--pink-soft:#ffd6e6;--purple:#7b2cff;--purple-dark:#241044;--glass-white:#ffffff24;--glass-border:#ffffff47;--dark-glass:#1608279e;--soft-shadow:0 25px 70px #25073d47}.signup-card{-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#fffffff5,#ffeef7e0);border:1px solid #ffffffbf;border-radius:28px;padding:34px;position:relative;overflow:hidden;box-shadow:0 30px 80px #12032361,0 0 0 1px #ff7eb114}.signup-card:before{content:"";filter:blur(20px);pointer-events:none;background:#ff5b972e;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-70px}.signup-card:after{content:"";filter:blur(25px);pointer-events:none;background:#7c37ff1f;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-70px;left:-50px}.signup-card>*{z-index:2;position:relative}.signup-icon{background:linear-gradient(135deg,#ffe0ed,#ffd0e3);border:1px solid #ff4d891f;animation:3s ease-in-out infinite premiumFloat;position:relative;box-shadow:0 10px 25px #ff3f8729}.signup-header h2{color:#29152f;letter-spacing:-.7px;font-weight:850}.input-wrapper{background:linear-gradient(135deg,#ffffffe6,#fff6facc);border:1px solid #704a6724;border-radius:14px;height:54px;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s;box-shadow:inset 0 1px #fffc,0 5px 18px #3e12310a}.input-wrapper:hover{border-color:#ff3f8747;transform:translateY(-1px)}.input-wrapper:focus-within{background:#fffffffa;border-color:#ff3f878c;transform:translateY(-1px);box-shadow:0 0 0 4px #ff3f8714,0 10px 25px #ff3f8714}.input-group label{color:#4c3545;letter-spacing:.2px;font-size:12px}.create-button{background:linear-gradient(135deg,#ff2f78 0%,#ff4f91 45%,#b52cff 100%);border-radius:15px;min-height:55px;position:relative;overflow:hidden;box-shadow:0 14px 30px #ff2f7847,0 4px 12px #8f23be24}.create-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:70%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.create-button:hover:before{left:140%}.create-button:hover{transform:translateY(-3px);box-shadow:0 18px 38px #ff2f7859,0 6px 18px #8f23be2e}.generated-link-box{background:linear-gradient(135deg,#ffe8f2f2,#fff6fae6);border:1px solid #ff53912e;border-radius:16px;box-shadow:inset 0 1px #fffc,0 8px 22px #ff3d840f}.generated-link-row input{background:#ffffffe6;border-color:#ff5b9726;border-radius:10px}.generated-link-row button,.generated-link-actions button{background:linear-gradient(135deg,#ff367e,#ff68a0);border-radius:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 7px 16px #ff367e29}.generated-link-actions button:last-child{background:linear-gradient(135deg,#281735,#4b275c)}.generated-link-row button:hover,.generated-link-actions button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff367e38}.login-header h1{color:#29152f;letter-spacing:-.8px;font-weight:850}.form-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px}.error-message{background:#ffeff2e6;border-color:#d9302524}.success-message{background:#effcf3e6;border-color:#18803824}.dashboard-page{background:radial-gradient(circle at 10% 0,#ff629d1f,#0000 28%),radial-gradient(circle at 90% 10%,#7e37ff1a,#0000 30%),#faf7fb;position:relative}.dashboard-page:before{content:"";filter:blur(60px);pointer-events:none;background:#ff579214;border-radius:50%;width:300px;height:300px;position:fixed;top:120px;left:-150px}.dashboard-navbar{-webkit-backdrop-filter:blur(22px);background:#ffffffb8;border-bottom:1px solid #ffffffbf;box-shadow:0 8px 30px #2a0c2f0f}.dashboard-logo{color:#2b1733}.dashboard-user-info strong{color:#321b3b}.dashboard-user-info small{color:#8d7d90}.logout-button{color:#543a59;background:#ffffffbf;border:1px solid #5a2f5b1a;box-shadow:0 5px 15px #2b13340d}.logout-button:hover{background:#fff;transform:translateY(-1px)}.dashboard-badge{background:linear-gradient(135deg,#ffe0ec,#f5dcff);border:1px solid #ff3f871a;box-shadow:0 7px 18px #ff3f8714}.dashboard-welcome h1{color:#27152f}.dashboard-welcome p{color:#806f84}.prank-link-card{background:linear-gradient(135deg,#ff2f75f5,#b52cfff0);border:1px solid #ffffff40;position:relative;overflow:hidden;box-shadow:0 22px 50px #be2d7e33}.prank-link-card:before{content:"";filter:blur(5px);pointer-events:none;background:#ffffff1f;border-radius:50%;width:230px;height:230px;position:absolute;top:-140px;right:-80px}.prank-link-card:after{content:"♥";color:#ffffff14;pointer-events:none;font-size:130px;position:absolute;bottom:-35px;right:28px}.prank-link-card>*{z-index:2;position:relative}.prank-link-icon{background:#ffffff29;border:1px solid #fff3;box-shadow:inset 0 1px #ffffff2e}.link-box input{background:#ffffffeb;box-shadow:0 5px 18px #36072e14}.link-box button{background:#1d0a25e6;border:1px solid #ffffff26}.link-box button:hover{background:#24102e;transform:translateY(-2px)}.stat-card{-webkit-backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffffe6,#fff5fad1);border:1px solid #ffffffe6;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 15px 35px #310e3912}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #310e391c}.stat-icon{background:linear-gradient(135deg,#ffe0ec,#f1dcff);box-shadow:0 7px 18px #ff3f8714}.stat-card span{color:#927d91}.stat-card strong{color:#30183a}.submissions-card{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffffeb,#fff7fbe0);border:1px solid #ffffffe6;position:relative;box-shadow:0 15px 40px #300e3812}.section-header>div>span{color:#e62d72}.section-header h2{color:#30183a}.empty-submissions p{color:#86768a}.dashboard-share-button{background:linear-gradient(135deg,#281432,#56275f);border-radius:12px;box-shadow:0 9px 20px #2a0f3226}.dashboard-footer{color:#927f95;background:#ffffff59;border-top:1px solid #6d4d6f1a}.love-page{isolation:isolate}.love-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#ff4e912e,#0000 28%),radial-gradient(circle at 80% 80%,#953eff26,#0000 30%);position:absolute;inset:0}.love-card{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffffd6,#fff2f8bd);border:1px solid #ffffffc7;position:relative;box-shadow:0 30px 80px #4a0f413d,0 0 0 1px #ff629d14}.love-top-icon{background:linear-gradient(135deg,#ffe1ed,#ffd0e3);border:1px solid #ff48851f;box-shadow:0 12px 30px #ff438229}.love-input-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #804e7024;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:inset 0 1px #fffc,0 6px 20px #5018420a}.love-calculate-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:65%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.loading-card{background:0 0}.loading-card h2{color:#351a34}.loading-names{color:#806f80}.love-progress{background:#ffffffb3;border:1px solid #ffffffb3;box-shadow:inset 0 2px 5px #5a19430f}.love-progress-bar{background:linear-gradient(90deg,#ff2f76,#ff6ca4,#c02cff);box-shadow:0 0 15px #ff3a8447}.result-card h2,.result-card h3{color:#351a34}.result-description{color:#806f80}.result-heart{filter:drop-shadow(0 8px 15px #ff367c38)}.percentage-circle{box-shadow:0 15px 35px #ff367c1f}.prank-reveal-card h1{color:#321832}.prank-reveal-card h1 span,.prank-main-message{color:#ff397c}.prank-names .prank-name{background:linear-gradient(135deg,#ffebf4e6,#fff7fbe6);border:1px solid #ff418429;box-shadow:0 6px 16px #ff347a0d}.fooled-message{background:linear-gradient(135deg,#ffe7f1d1,#fff6fac7);border:1px solid #ff2f751f;box-shadow:inset 0 1px #fffc}.friend-turn-box{-webkit-backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffe7f1bf,#f7e7ffad);border:1px solid #fffc;position:relative;overflow:hidden;box-shadow:0 18px 45px #ff2d6e1a}.friend-turn-box:before{content:"";filter:blur(20px);pointer-events:none;background:#ff4b9124;border-radius:50%;width:150px;height:150px;position:absolute;top:-90px;right:-50px}.friend-turn-box>*{z-index:2;position:relative}.friend-turn-emoji{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #ffffffe6;box-shadow:0 10px 25px #ff2d6e1f}.friend-turn-badge{background:linear-gradient(135deg,#ffe0ed,#f3ddff);border:1px solid #ffffffa6;box-shadow:0 6px 15px #ff2d6e14}.friend-turn-box h2{color:#30152f}.friend-turn-box p{color:#806f83}.create-own-prank-button{background:linear-gradient(135deg,#ff2f75,#ff4f91 45%,#b72cff);border:1px solid #fff3;box-shadow:0 14px 30px #ff2f753d}.create-own-prank-button:hover{box-shadow:0 18px 38px #ff2f7557}.footer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(90deg,#0e0a37f0,#60124df0);border-top:1px solid #ffffff1a}@keyframes premiumFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ff3f87a6}@media (width<=600px){.signup-card,.login-card{box-shadow:0 22px 55px #12032352}.signup-card{padding:26px 20px}.login-card{padding:27px 20px}.input-wrapper{height:52px}.create-button{min-height:53px}.prank-link-card{box-shadow:0 18px 40px #be2d7e2e}.stat-card,.submissions-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.love-card{box-shadow:0 22px 60px #4a0f4133}.love-input-wrapper{background:#ffffffc7}.love-calculate-button{min-height:52px}}@media (width<=380px){.signup-card,.login-card{box-shadow:0 18px 45px #12032347}.love-card{box-shadow:0 18px 45px #4a0f412e}}.signup-card{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#230c37f0,#4c1248e6);border:1px solid #ffffff2e;box-shadow:0 30px 80px #00000073,0 0 35px #ff46961f}.signup-header h2{color:#fff}.signup-header p{color:#ffffffa6}.signup-icon{background:linear-gradient(135deg,#ff659e38,#bf43ff38);border:1px solid #ffffff29;box-shadow:0 10px 30px #ff408f2e}.input-group label{color:#ffffffd1}.input-wrapper{background:#ffffff1a;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14}.input-wrapper:hover{border-color:#ff75aa73}.input-wrapper:focus-within{background:#ffffff21;border-color:#ff75aabf;box-shadow:0 0 0 4px #ff4f911a,0 10px 25px #ff3f871a}.input-wrapper input{color:#fff}.input-wrapper input::placeholder{color:#ffffff7a}.signup-footer{color:#ffffff80}.login-card{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#230c37f0,#4c1248e6);border:1px solid #ffffff2e;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 35px #ff46961f}.login-card:before{content:"";filter:blur(25px);pointer-events:none;background:#ff3f8729;border-radius:50%;width:180px;height:180px;position:absolute;top:-100px;right:-70px}.login-card>*{z-index:2;position:relative}.login-icon{background:linear-gradient(135deg,#ff659e38,#bf43ff38);border:1px solid #ffffff29;box-shadow:0 10px 30px #ff408f2e}.login-header h1{color:#fff}.login-header p{color:#ffffffa6}.login-card .input-group label{color:#ffffffd1}.login-card .input-wrapper{background:#ffffff1a;border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff14}.login-card .input-wrapper:hover{border-color:#ff75aa73}.login-card .input-wrapper:focus-within{background:#ffffff21;border-color:#ff75aabf;box-shadow:0 0 0 4px #ff4f911a,0 10px 25px #ff3f871a}.login-card .input-wrapper input{color:#fff}.login-card .input-wrapper input::placeholder{color:#ffffff7a}.login-card .forgot-button{color:#ff78ad}.login-bottom{color:#ffffff8c}.login-bottom a{color:#ff78ad}.login-card .create-button{background:linear-gradient(135deg,#ff2f78 0%,#ff4f91 45%,#b52cff 100%);box-shadow:0 14px 30px #ff2f7847}.login-card .create-button:hover{box-shadow:0 18px 38px #ff2f7859}@media (width<=600px){.login-card{border-radius:22px;box-shadow:0 22px 55px #00000061}}.love-card{-webkit-backdrop-filter:blur(25px);background:linear-gradient(145deg,#ffffffc7,#ffe7f29e);border:1px solid #ffffffe0;position:relative;overflow:hidden;box-shadow:0 30px 80px #71144633,0 8px 30px #ff3f8714,inset 0 1px #ffffffe6}.love-card:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ff579133,#0000 70%);border-radius:50%;width:190px;height:190px;position:absolute;top:-110px;right:-70px}.love-card:after{content:"";filter:blur(15px);pointer-events:none;background:radial-gradient(circle,#be3cff1f,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-90px;left:-60px}.love-card>*{z-index:2;position:relative}.love-top-icon{background:linear-gradient(135deg,#ffe1ed,#ffd0e4);border:1px solid #ff4c871f;animation:1.3s infinite loveBeat;box-shadow:0 10px 28px #ff3f8726}.love-calculator-title{background:linear-gradient(135deg,#ffe7f1eb,#fae2ffd1);border:1px solid #ffffffe0;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #ff3f8712}.love-calculator-title .title-text{color:#e62d72;text-shadow:0 2px 10px #e62d721a}.love-input-wrapper{-webkit-backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #ffffffe0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffffe6,0 6px 20px #781e4b0d}.love-input-wrapper:hover{border-color:#ff4b7d52;transform:translateY(-1px)}.love-input-wrapper:focus-within{background:#ffffffe0;border-color:#ff4b7d8c;transform:translateY(-1px);box-shadow:0 0 0 4px #ff4b7d14,0 10px 25px #ff4b7d14}.love-input-wrapper input{color:#321a31}.love-input-wrapper input::placeholder{color:#94838f}.love-input-group label{color:#3b2537;font-weight:750}.love-middle-heart{color:#ff3f80;filter:drop-shadow(0 4px 7px #ff3f802e)}.love-calculate-button{background:linear-gradient(135deg,#ff2f76 0%,#ff4f91 45%,#bf2cff 100%);border-radius:13px;min-height:53px;position:relative;overflow:hidden;box-shadow:0 13px 28px #ff2f7640}.love-calculate-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:65%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.love-calculate-button:hover:not(:disabled):before{left:140%}.love-calculate-button:hover:not(:disabled){background:linear-gradient(135deg,#ff246f 0%,#ff478b 45%,#b62cff 100%);transform:translateY(-2px);box-shadow:0 17px 34px #ff2f7652}.love-calculate-button:active:not(:disabled){transform:translateY(0)}.love-page-footer{text-shadow:0 1px 5px #00000026}@media (width<=600px){.love-card{background:linear-gradient(145deg,#fffc,#ffe7f2a8);box-shadow:0 22px 60px #7114462e,inset 0 1px #ffffffe6}.love-input-wrapper{background:#ffffffc2}.love-calculate-button{min-height:52px}}.love-music-button{color:#d6336c;letter-spacing:.3px;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:linear-gradient(135deg,#ffffffd9,#ffe1eebf);border:1px solid #ff69a073;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:190px;margin:14px auto 20px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;display:flex;position:relative;box-shadow:0 8px 25px #d6336c26,inset 0 1px #ffffffe6}.love-music-button:before{content:"";border-radius:inherit;z-index:-1;opacity:0;background:linear-gradient(135deg,#ff69a08c,#ffb6c126,#d6336c73);transition:opacity .25s;position:absolute;inset:-2px}.love-music-button:hover{background:linear-gradient(135deg,#fff0f6f2,#ffd7e8e6);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 32px #d6336c40,0 0 18px #ff69a02e,inset 0 1px #fff}.love-music-button:hover:before{opacity:1}.love-music-button:active{transform:translateY(-1px)scale(.98);box-shadow:0 5px 15px #d6336c2e}.love-music-button:focus-visible{outline-offset:3px;outline:3px solid #ff69a040}@media (width<=600px){.love-music-button{width:100%;max-width:230px;padding:12px 20px}}.music-toggle{cursor:pointer;border:1px solid #ffffff73;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:100px;height:48px;padding:6px 12px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000014,inset 0 1px 1px #ffffffb3}.music-toggle-off{color:#666;background:linear-gradient(135deg,#f5f5faf2,#e1e1ebe6)}.music-toggle-on{color:#fff;background:linear-gradient(135deg,#ff5f9e,#d63384);box-shadow:0 8px 25px #d633844d,0 0 18px #ff5f9e33}.music-toggle-circle{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:transform .3s;display:flex;box-shadow:0 3px 10px #0000001f}.music-toggle-on .music-toggle-circle{transform:translate(2px)}.music-toggle:hover{transform:translateY(-2px)}.music-toggle:active{transform:scale(.96)}.music-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-all-button{color:#dc3545;cursor:pointer;background:linear-gradient(135deg,#fffffff2,#fff1f4e6);border:1px solid #dc354540;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 17px;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #dc354514,inset 0 1px #ffffffe6}.delete-all-button:hover{color:#fff;background:linear-gradient(135deg,#ff6b7a,#dc3545);border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 25px #dc354540}.delete-all-button:active{transform:translateY(0)scale(.97)}.delete-all-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=600px){.music-toggle{min-width:92px;height:44px}.music-toggle-circle{width:30px;height:30px;font-size:14px}.delete-all-button{min-height:40px;padding:8px 12px;font-size:12px}}