@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,700;1,400&display=swap";:root{--bg-primary:#fff5f5;--bg-secondary:#ffe3e3;--accent-color:#ff5e7e;--accent-hover:#e04a69;--accent-light:#ffd3db;--text-main:#3d2222;--text-muted:#8c7373;--glass-bg:#ffffffa6;--glass-border:#ffb4be66;--card-shadow:0 8px 32px 0 #ff5e7e14;--glow-shadow:0 0 15px #ff5e7e66;--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--border-radius:24px;--transition-smooth:all .4s cubic-bezier(.175, .885, .32, 1.275);--input-bg:#fffffff2;--input-text:#3d2222;--canvas-bg:#fff}[data-theme=midnight]{--bg-primary:#120c1f;--bg-secondary:#221430;--accent-color:#d15eff;--accent-hover:#b84ade;--accent-light:#ebd3ff;--text-main:#f5f0fa;--text-muted:#b49ebf;--glass-bg:#22143099;--glass-border:#d15eff40;--card-shadow:0 8px 32px 0 #d15eff26;--glow-shadow:0 0 15px #d15eff80;--input-bg:#ffffff1f;--input-text:#f5f0fa;--canvas-bg:#161026}[data-theme=sunset]{--bg-primary:#fffaf0;--bg-secondary:#ffe9d1;--accent-color:#ff7e5f;--accent-hover:#e06647;--accent-light:#ffd8cc;--text-main:#4a2e2b;--text-muted:#9c8481;--glass-bg:#ffffffb3;--glass-border:#ff7e5f59;--card-shadow:0 8px 32px 0 #ff7e5f14;--glow-shadow:0 0 15px #ff7e5f66;--input-bg:#fffffff2;--input-text:#4a2e2b;--canvas-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}input[type=text],input[type=date],select{transition:var(--transition-smooth);background-color:var(--input-bg)!important;color:var(--input-text)!important;border:1px solid var(--glass-border)!important}input::placeholder{opacity:.7;color:var(--text-muted)!important}[data-theme=midnight] input[type=date]::-webkit-calendar-picker-indicator{filter:invert()sepia()saturate(1000%)hue-rotate(240deg)}[data-theme=midnight] select option{background-color:var(--bg-secondary);color:var(--text-main)}body{font-family:var(--font-sans);background:radial-gradient(circle at 10% 20%,#ffc8c8 0%,#f0e6ff 90%);background-color:var(--bg-primary);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;display:flex}[data-theme=midnight] body{background:radial-gradient(circle at 10% 20%,#120c1f 0%,#221430 90%)}.app-container{background-color:var(--bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:8px solid #fff6;border-radius:40px;flex-direction:column;width:100%;max-width:440px;height:100vh;max-height:900px;transition:border-color .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width<=768px){body{background:var(--bg-primary)}.app-container{border:none;border-radius:0;max-width:100%;height:100vh;max-height:100vh}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--card-shadow)}h1,h2,h3{font-family:var(--font-sans);font-weight:700}.font-serif{font-family:var(--font-serif)}button{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;outline:none}button:active{transform:scale(.95)}.btn-primary{background:var(--accent-color);color:#fff;border-radius:var(--border-radius);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 15px #ff5e7e59}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff5e7e73}.btn-secondary{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--border-radius);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:flex}.btn-secondary:hover{background:var(--accent-light);color:var(--accent-color);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-250px) scale(1.4) rotate(var(--rotate-deg));opacity:0}}.floating-heart{color:var(--accent-color);pointer-events:none;z-index:100;font-size:24px;animation:2.5s ease-out forwards floatUp;position:absolute}@keyframes heartPulse{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}.pulse{animation:1.8s infinite heartPulse}@keyframes pulseWave{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(3.5)}}.pulse-wave{border:2px solid var(--accent-color);pointer-events:none;border-radius:50%;animation:2s cubic-bezier(.1,.8,.3,1) forwards pulseWave;position:absolute}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)rotate(-1deg)}75%{transform:translate(4px)rotate(1deg)}}.shake{animation:.3s ease-in-out shake}.sparkle-indicator{position:relative}.sparkle-indicator:after{content:"✨";font-size:14px;position:absolute;top:-8px;right:-8px}.dashboard-container{background-color:var(--bg-primary);width:100vw;height:100vh;transition:var(--transition-smooth);grid-template-columns:350px 1fr 380px;display:grid;overflow:hidden;border:none!important;border-radius:0!important;max-width:100vw!important;max-height:100vh!important}.dashboard-panel-left{border-right:1px solid var(--glass-border);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:100vh;display:flex;overflow:hidden}.dashboard-panel-center{background-color:var(--bg-primary);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-panel-right{border-left:1px solid var(--glass-border);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:100vh;display:flex;overflow-y:auto}.dashboard-panel-right-section{border-bottom:1px solid var(--glass-border);padding:16px}.dashboard-panel-right-section:last-child{border-bottom:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.capacitor-app body{background-color:var(--bg-primary)!important;width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}.capacitor-app #root{justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.capacitor-app .app-container{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.capacitor-app .app-header{padding-top:calc(14px + env(safe-area-inset-top))!important}.capacitor-app .app-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}.capacitor-app .safe-area-view{padding-top:calc(36px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.2)}}.blink-eyes{transform-origin:50%;margin-left:4px;font-size:.95rem;animation:3s infinite eyeBlink;display:inline-block}@keyframes heartPulseMini{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.pulse-hearts{margin-left:2px;font-size:.75rem;animation:1.2s infinite heartPulseMini;display:inline-block}.tablet-container{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.tablet-sidebar{border-right:1px solid var(--glass-border);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:space-between;width:260px;min-width:260px;height:100vh;padding:24px 16px;display:flex}.sidebar-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.sidebar-header h2{font-family:var(--font-serif);color:var(--text-main);margin:0;font-size:1.5rem}.sidebar-timer{color:var(--accent-color);background:var(--accent-light);text-align:center;border-radius:12px;margin-bottom:24px;padding:8px 12px;font-size:.85rem;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-nav-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;font-weight:500;display:flex}.sidebar-nav-btn:hover{color:var(--text-main);background-color:#fff6}.sidebar-nav-btn.active{background-color:var(--accent-light);color:var(--accent-color);border-color:var(--accent-color);font-weight:600}.sidebar-footer{border-top:1px solid var(--glass-border);padding-top:16px}.sidebar-unpair-btn{color:#d63031;cursor:pointer;width:100%;transition:var(--transition-smooth);background:0 0;border:1px solid #d6303133;border-radius:12px;padding:10px;font-size:.85rem;font-weight:600}.sidebar-unpair-btn:hover{background-color:#d630310d}.tablet-content{background-color:var(--bg-primary);flex:1;height:100vh;position:relative;overflow:hidden}.capacitor-app .tablet-sidebar{padding-top:calc(24px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}.capacitor-app .tablet-content{padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important}.partner-heart-rate-badge{color:var(--accent-color);transition:var(--transition-smooth);background-color:#ff5e7e1f;border:1px solid #ff5e7e33;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-flex}[data-theme=midnight] .partner-heart-rate-badge{background-color:#d15eff26;border:1px solid #d15eff4d}.watch-heart-icon{transform-origin:50%}@keyframes watchHeartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}40%{transform:scale(1.05)}60%{transform:scale(1.25)}}.pulse-card-watch{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 4px 20px #0000000d}[data-theme=friends]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--accent-color:#0ea5e9;--accent-hover:#0284c7;--accent-light:#0ea5e933;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#1e293ba6;--glass-border:#94a3b826;--card-shadow:0 8px 32px 0 #0ea5e91a;--glow-shadow:0 0 15px #0ea5e966;--input-bg:#1e293be6;--input-text:#f8fafc;--canvas-bg:#0f172a}.planner-tab-container{flex-direction:column;gap:16px;height:100%;padding:16px;display:flex;overflow-y:auto}.planner-tabs{background-color:var(--bg-secondary);border-radius:12px;gap:8px;margin-bottom:8px;padding:4px;display:flex}.planner-tab-btn{cursor:pointer;color:var(--text-muted);transition:var(--transition-smooth);background-color:#0000;border:none;border-radius:10px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:600}.planner-tab-btn.active{background-color:var(--accent-color);color:#fff;box-shadow:var(--glow-shadow)}.planner-card{background-color:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.checklist-item{background-color:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex}.checklist-item:hover{background-color:#ffffff12}.checklist-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color);border-radius:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}