body{overscroll-behavior:none;background:radial-gradient(#14141f 0%,#08080e 70%);margin:0}.bg-scene[data-v-f2fbfece]{z-index:0;position:fixed;inset:0;overflow:hidden}.orb[data-v-f2fbfece]{filter:blur(90px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.orb-a[data-v-f2fbfece]{background:#b4befe;width:480px;height:480px;animation:24s ease-in-out infinite float-a-f2fbfece;top:-140px;left:-120px}.orb-b[data-v-f2fbfece]{background:#cba6f7;width:420px;height:420px;animation:28s ease-in-out infinite float-b-f2fbfece;bottom:-140px;right:-100px}.orb-c[data-v-f2fbfece]{opacity:.35;background:#89dceb;width:360px;height:360px;animation:32s ease-in-out infinite float-c-f2fbfece;top:45%;left:62%}@keyframes float-a-f2fbfece{0%,to{transform:translate(0)scale(1)}50%{transform:translate(70px,60px)scale(1.08)}}@keyframes float-b-f2fbfece{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-60px,-50px)scale(1.06)}}@keyframes float-c-f2fbfece{0%,to{transform:translate(0)}50%{transform:translate(-40px,40px)}}@media (prefers-reduced-motion:reduce){.orb[data-v-f2fbfece]{animation:none}}.app-wrapper[data-v-f2fbfece]{z-index:1;box-sizing:border-box;color:#eef0fb;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:system-ui,-apple-system,sans-serif;display:flex;position:relative}.pomodoro-card[data-v-f2fbfece]{-webkit-backdrop-filter:blur(28px)saturate(170%);background:linear-gradient(160deg,#ffffff29,#ffffff0a 65%);border:1px solid #ffffff47;border-radius:36px;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:420px;padding:3rem 2.5rem;transition:box-shadow .6s,border-color .6s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0000008c,inset 0 1px 1px #fff6,inset 0 20px 40px -30px #b4befe40}.pomodoro-card[data-v-f2fbfece]:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#ffffff59,#0000 60%);width:140%;height:90%;position:absolute;top:-50%;left:-20%;transform:rotate(-8deg)}.pomodoro-card.break-mode[data-v-f2fbfece]{border-color:#a6e3a147;box-shadow:0 30px 60px -15px #0000008c,inset 0 1px 1px #fff6,inset 0 20px 40px -30px #a6e3a140}header[data-v-f2fbfece]{align-items:center;gap:12px;display:flex;position:relative}h1[data-v-f2fbfece]{color:#b4befe;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 24px #b4befe73;margin:0;font-size:1.2rem;font-weight:700;transition:color .6s,text-shadow .6s}.pomodoro-card.break-mode h1[data-v-f2fbfece]{color:#a6e3a1;text-shadow:0 0 24px #a6e3a173}.timer-circle[data-v-f2fbfece]{justify-content:center;align-items:center;display:flex;position:relative}.progress-ring[data-v-f2fbfece]{overflow:visible;transform:rotate(-90deg)}.progress-ring_bg[data-v-f2fbfece]{stroke:#ffffff1f}.progress-ring_circle[data-v-f2fbfece]{stroke:url(#workGradient);stroke-dasharray:880;stroke-linecap:round;filter:drop-shadow(0 0 10px #b4befe8c);transition:filter .6s}.progress-ring_circle.break-mode[data-v-f2fbfece]{stroke:url(#breakGradient);filter:drop-shadow(0 0 10px #a6e3a18c)}.time-display[data-v-f2fbfece]{font-variant-numeric:tabular-nums;color:#f4f5fc;text-shadow:0 0 30px #b4befe59;font-size:4.75rem;font-weight:700;transition:text-shadow .6s;position:absolute}.pomodoro-card.break-mode .time-display[data-v-f2fbfece]{text-shadow:0 0 30px #a6e3a159}.controls[data-v-f2fbfece]{align-items:center;gap:1.5rem;display:flex;position:relative}.btn[data-v-f2fbfece]{cursor:pointer;color:#d4d8f0;background:0 0;border:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn[data-v-f2fbfece]:hover{color:#fff}.btn[data-v-f2fbfece]:active{transform:scale(.92)}.btn[data-v-f2fbfece]:focus-visible{outline-offset:3px;outline:2px solid #b4befe}.btn-icon[data-v-f2fbfece]{-webkit-backdrop-filter:blur(14px)saturate(150%);background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:52px;height:52px;box-shadow:inset 0 1px 1px #ffffff4d,0 6px 16px #00000040}.btn-icon[data-v-f2fbfece]:hover{background:#ffffff29;box-shadow:inset 0 1px 1px #fff6,0 8px 20px #0000004d}.btn-icon svg[data-v-f2fbfece]{width:22px;height:22px}.btn-main[data-v-f2fbfece]{-webkit-backdrop-filter:blur(14px)saturate(180%);background:linear-gradient(160deg,#b4befeeb,#cba6f7c7);border:1px solid #ffffff73;border-radius:50%;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #ffffffa6,0 14px 30px #b4befe59;color:#14141f!important}.btn-main[data-v-f2fbfece]:hover{box-shadow:inset 0 1px 2px #ffffffbf,0 18px 38px #b4befe73}.btn-main svg[data-v-f2fbfece]{z-index:1;width:34px;height:34px;position:relative}.btn-main_sheen[data-v-f2fbfece]{mix-blend-mode:overlay;background:conic-gradient(#ffffff8c,#0000 25% 65%,#ffffff8c);animation:9s linear infinite liquid-spin-f2fbfece;position:absolute;inset:-50%}@keyframes liquid-spin-f2fbfece{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn-main_sheen[data-v-f2fbfece]{animation:none}}.btn-primary[data-v-f2fbfece]{color:#14141f;background:linear-gradient(160deg,#b4befef2,#cba6f7cc);border:1px solid #fff6;border-radius:14px;padding:.75rem 1.5rem;font-weight:600;box-shadow:inset 0 1px 1px #ffffff80,0 8px 18px #b4befe4d}.btn-primary[data-v-f2fbfece]:hover{box-shadow:inset 0 1px 1px #fff9,0 10px 22px #cba6f766}.btn-secondary[data-v-f2fbfece]{-webkit-backdrop-filter:blur(10px)saturate(150%);color:#eef0fb;background:#ffffff14;border:1px solid #fff3;border-radius:14px;padding:.75rem 1.5rem;font-weight:600}.btn-secondary[data-v-f2fbfece]:hover{background:#ffffff24}.modal-overlay[data-v-f2fbfece]{z-index:1000;-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background-color:#06060c8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal[data-v-f2fbfece]{-webkit-backdrop-filter:blur(28px)saturate(170%);background:linear-gradient(160deg,#ffffff29,#ffffff0d 65%);border:1px solid #ffffff42;border-radius:28px;width:100%;max-width:400px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #0000008c,inset 0 1px 1px #fff6}.modal[data-v-f2fbfece]:before{content:"";pointer-events:none;background:radial-gradient(at 0 0,#ffffff4d,#0000 60%);width:140%;height:90%;position:absolute;top:-50%;left:-20%;transform:rotate(-8deg)}.modal h2[data-v-f2fbfece]{color:#f4f5fc;margin:0 0 1.5rem;font-size:1.5rem;position:relative}.setting-item[data-v-f2fbfece]{margin-bottom:1.5rem;position:relative}.setting-item label[data-v-f2fbfece]{color:#c3c8e6;margin-bottom:.5rem;font-size:.9rem;display:block}.setting-input[data-v-f2fbfece]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4f5fc;box-sizing:border-box;background:#ffffff12;border:1px solid #fff3;border-radius:14px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.setting-input[data-v-f2fbfece]:focus{border-color:#b4befe;outline:none;box-shadow:0 0 0 3px #b4befe40}.modal-actions[data-v-f2fbfece]{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex;position:relative}.notification-modal[data-v-f2fbfece]{text-align:center;max-width:320px}.notification-modal p[data-v-f2fbfece]{color:#c3c8e6;margin-bottom:1.5rem;line-height:1.5;position:relative}