@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-gradient-start:#ffdde1;--bg-gradient-end:#fff;--glass-bg:#fff3;--glass-border:#ffffff80;--glass-shadow:0 16px 40px #0000000d;--glass-blur:blur(12px);--text-primary:#1d1d1f;--text-secondary:#6e6e73;--accent-pink:#ff4757;--accent-blue:#70a1ff;--status-good:#2ed573;--status-ok:#ffa502;--status-bad:#ff4757}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}body{background:linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.app-layout{align-items:center;gap:2rem;width:100vw;height:100vh;padding:2rem;display:flex;overflow:hidden}.main-content{background:var(--glass-bg);height:100%;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:32px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-scroll{z-index:20;flex-direction:column;flex:1;padding:1.5rem 2.5rem 2.5rem;display:flex;position:relative;overflow-y:auto}.content-scroll .top-nav{margin-top:0}.content-scroll-interactive{pointer-events:auto}.liquid-glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);z-index:50;border-radius:32px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.nav-item{cursor:pointer;color:var(--text-secondary);white-space:nowrap;border-radius:16px;align-items:center;padding:.8rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-primary);background:#fff6}.nav-item.active{color:var(--accent-pink);background:#ffffffb3}.top-nav{z-index:30;pointer-events:auto;border-radius:20px;justify-content:center;align-items:center;gap:.8rem;width:max-content;max-width:100%;margin:1.5rem auto;padding:.6rem;display:flex;position:relative}.page-header{z-index:30;justify-content:center;align-items:center;width:100%;margin:0 0 1rem;display:flex;position:relative}.page-header h1{text-align:center}.page-header-actions{align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.mode-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:.5rem 1.25rem;font-weight:500;transition:all .2s}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{color:var(--accent-pink)}.tap-container-fullscreen{z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:32px;position:absolute;inset:0;overflow:hidden}.tap-hitbox{z-index:15;position:absolute;inset:0}.tap-content{z-index:20;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.bpm-value{letter-spacing:-2px;background:linear-gradient(120deg, var(--accent-pink), var(--accent-blue));-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 10px #0000001a);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:800;line-height:1}.bpm-label{color:var(--text-secondary);margin-top:.5rem;font-size:1.5rem;font-weight:500}.instructions{text-align:center;color:var(--text-primary);border:1px solid var(--glass-border);background:#ffffff80;border-radius:20px;max-width:500px;margin-bottom:2rem;padding:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.6;box-shadow:0 4px 20px #0000000d}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:grid}.card{flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:flex}.card p,.card li,.card span{text-align:justify;-webkit-hyphens:auto;hyphens:auto}.card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000014}h1,h2,h3{color:var(--text-primary);margin:0}p{color:var(--text-secondary);margin:0}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.heatmap-cell{aspect-ratio:1;color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:transform .2s;display:flex}.heatmap-cell:hover{transform:scale(1.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}@keyframes ripple{0%{opacity:.35;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.ripple{pointer-events:none;background:radial-gradient(circle,#ff6b8199 0%,#ff6b8100 70%);border-radius:50%;animation:.6s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes orbMove1{0%{transform:translate(0)scale(2)}50%{transform:translate(10vw,15vh)scale(2.4)}to{transform:translate(0)scale(2)}}@keyframes orbMove2{0%{transform:translate(0)scale(2)}50%{transform:translate(-10vw,-10vh)scale(2.2)}to{transform:translate(0)scale(2)}}.bg-orb{pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:absolute}.orb-pink{background:radial-gradient(circle,#ff6b814d 0%,#ff6b8100 70%);width:40vw;height:40vw;animation:20s ease-in-out infinite alternate orbMove1;top:-10vh;left:-10vw}.orb-blue{background:radial-gradient(circle,#70a1ff4d 0%,#70a1ff00 70%);width:45vw;height:45vw;animation:25s ease-in-out infinite alternate orbMove2;bottom:-15vh;right:-10vw}.orb-white{background:radial-gradient(circle,#fff6 0%,#fff0 70%);width:30vw;height:30vw;animation:30s ease-in-out infinite alternate-reverse orbMove1;top:10vh;left:10vw}html{font-size:clamp(14px,1vw + 10px,16px)}.sidebar-mobile{display:none!important}.sidebar-desktop{display:flex!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.history-layout{grid-template-columns:400px 1fr;align-items:stretch;gap:2rem;display:grid}.adaptive-card-padding{padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.manual-form-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.top-nav-buttons{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:center;gap:.5rem;width:100%;display:flex;overflow-x:auto}.top-nav-buttons::-webkit-scrollbar{display:none}.settings-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.results-grid{grid-template-columns:1fr 1fr 1fr;gap:1rem;display:grid}@media (width<=1200px){.history-layout{grid-template-columns:350px 1fr}}@media (width<=1024px){.app-layout{gap:1rem;padding:1rem}.history-layout{grid-template-columns:1fr}}@media (width<=768px){html{font-size:clamp(10px,3.5vw,14px)!important}input,textarea,select{font-size:16px!important}.sidebar-mobile{z-index:100;position:fixed;bottom:0;left:0;right:0;display:flex!important}.sidebar-desktop{display:none!important}.app-layout{gap:0;height:100svh;padding:0;display:block;position:fixed;inset:0;overflow-x:hidden}.main-content{height:100svh;margin-top:0;border-bottom:none!important;border-left:none!important;border-right:none!important;border-radius:0!important}.content-scroll{padding:1rem 1rem 6rem!important;padding-top:max(1rem, env(safe-area-inset-top))!important}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.settings-grid{grid-template-columns:1fr}.top-nav{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-width:100%;margin:0 0 1rem;overflow-x:auto;padding:.4rem!important}.top-nav::-webkit-scrollbar{display:none}.top-nav-buttons{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:.2rem;display:flex;overflow-x:auto}.top-nav-buttons::-webkit-scrollbar{display:none}.mode-btn{white-space:nowrap;min-width:max-content!important;padding:.5rem .6rem!important;font-size:.75rem!important}.bpm-value{font-size:5rem!important}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.results-grid{grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.8rem!important}.results-grid>div>div:first-child{font-size:1.8rem!important}.results-grid>div>div:last-child{font-size:.8rem!important}.adaptive-card-padding{padding:1rem!important}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}.tap-container-fullscreen{border-radius:0;position:fixed;top:0;bottom:70px}}@media (width<=400px){.bpm-value{font-size:5rem!important}.stats-grid{grid-template-columns:1fr}.mode-btn{font-size:.8rem!important}h1{font-size:1.6rem!important}}@media (width>=1920px){.app-layout{justify-content:center;gap:3rem;padding:4rem}.main-content{flex:none;width:80%;max-width:1600px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.settings-grid{grid-template-columns:repeat(3,1fr)}.bpm-value{font-size:9rem!important}}@keyframes ecgDraw{0%{stroke-dashoffset:720px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-720px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}